Lint

.github/workflows/pythonpackage.yml

@@ -10,7 +10,7 @@ jobs:
       fail-fast: false
       max-parallel: 4
       matrix:
-        python-version: [3.7, 3.8, 3.9, "3.10"]
+        python-version: [3.8, 3.9, 3.10, 3.11]
 
     steps:
     - uses: actions/checkout@v1

pyproject.toml

@@ -12,7 +12,7 @@ build-backend = "hatchling.build"
 name = "voila-gridstack"
 readme = "README.md"
 license = { file = "LICENSE" }
-requires-python = ">=3.7"
+requires-python = ">=3.8"
 dependencies = ["jupyterlab_widgets~=3.0", "voila>=0.2,<0.6"]
 classifiers = [
     "Framework :: Jupyter",
@@ -23,10 +23,10 @@ classifiers = [
     "License :: OSI Approved :: BSD License",
     "Programming Language :: Python",
     "Programming Language :: Python :: 3",
-    "Programming Language :: Python :: 3.6",
-    "Programming Language :: Python :: 3.7",
     "Programming Language :: Python :: 3.8",
     "Programming Language :: Python :: 3.9",
+    "Programming Language :: Python :: 3.10",
+    "Programming Language :: Python :: 3.11",
 ]
 dynamic = ["version", "description", "authors", "urls", "keywords"]
 

src/editor/gridstack/layout.ts

@@ -144,16 +144,16 @@ export class GridStackLayout extends Layout {
     this._prepareGrid();
   }
 
-    /**
+  /**
    * Create an iterator over the widgets in the layout.
    *
    * @returns A new iterator over the widgets in the layout.
    */
-    *[Symbol.iterator](): IterableIterator<Widget> {
-      for (const item of this._gridItems) {
-        yield item;
-      }
+  *[Symbol.iterator](): IterableIterator<Widget> {
+    for (const item of this._gridItems) {
+      yield item;
     }
+  }
 
   /**
    * Remove a widget from the layout.

src/editor/gridstack/widget.ts

@@ -51,7 +51,7 @@ export class GridStackWidget extends Widget {
     this.addClass('grid-editor');
     this._model = model;
 
-    this.layout = new GridStackLayout(this._model.info);
+    this._gridlayout = new GridStackLayout(this._model.info);
     this.layout.gridItemChanged.connect(this._onGridItemChange, this);
 
     this._model.ready.connect(() => {
@@ -62,6 +62,27 @@ export class GridStackWidget extends Widget {
     });
   }
 
+  get layout(): GridStackLayout {
+    return this._gridlayout;
+  }
+
+  set layout(value: GridStackLayout) {
+    if (this._gridlayout === value) {
+      return;
+    }
+    if (this.testFlag(Widget.Flag.DisallowLayout)) {
+      throw new Error('Cannot set widget layout.');
+    }
+    if (this._gridlayout) {
+      throw new Error('Cannot change widget layout.');
+    }
+    if (value!.parent) {
+      throw new Error('Cannot change layout parent.');
+    }
+    this._gridlayout = value;
+    value!.parent = this;
+  }
+
   /**
    * Update the layout to reclaim any empty space
    */
@@ -733,8 +754,7 @@ export class GridStackWidget extends Widget {
     }
   }
 
-  //@ts-ignore
-  layout: GridStackLayout;
+  private _gridlayout: GridStackLayout;
 
   private _model: GridStackModel;
   private _shadowWidget: GridItemHTMLElement | null = null;