feat: upgrade to gridstack@6

.gitignore

@@ -1,4 +1,2 @@
 node_modules
 dist
-
-packages/*/src/*.css

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aurelia-gridstack/monorepo",
   "private": true,
-  "version": "1.3.1",
+  "version": "2.0.0",
   "workspaces": [
     "packages/aurelia-gridstack",
     "packages/demo"
@@ -14,8 +14,8 @@
     "publish:latest": "cd packages/aurelia-gridstack && npm publish"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.25.0",
-    "@typescript-eslint/parser": "^5.25.0",
+    "@typescript-eslint/eslint-plugin": "^5.37.0",
+    "@typescript-eslint/parser": "^5.37.0",
     "aurelia-bootstrapper": "^2.4.0",
     "aurelia-event-aggregator": "^1.0.3",
     "aurelia-framework": "^1.4.1",
@@ -26,24 +26,24 @@
     "aurelia-templating-router": "^1.5.0",
     "aurelia-typed-observable-plugin": "^0.5.1",
     "aurelia-webpack-plugin": "^5.0.4",
-    "concurrently": "^7.2.0",
+    "concurrently": "^7.4.0",
     "conventional-changelog-cli": "^2.2.2",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.1",
-    "eslint": "^8.15.0",
+    "eslint": "^8.23.1",
     "eslint-plugin-compat": "^4.0.2",
     "eslint-plugin-import": "^2.26.0",
-    "gridstack": "^5.0.0",
-    "html-loader": "^3.1.0",
+    "gridstack": "^6.0.1",
+    "html-loader": "^4.1.0",
     "html-webpack-plugin": "^5.5.0",
-    "postcss-loader": "^7.0.0",
+    "postcss-loader": "^7.0.1",
     "rimraf": "^3.0.2",
-    "ts-loader": "^9.3.0",
+    "ts-loader": "^9.3.1",
     "tslib": "^2.4.0",
-    "typescript": "^4.6.4",
-    "webpack": "^5.72.1",
-    "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.9.0"
+    "typescript": "^4.8.3",
+    "webpack": "^5.74.0",
+    "webpack-bundle-analyzer": "^4.6.1",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.0"
   }
 }

packages/aurelia-gridstack/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aurelia-gridstack",
-    "version": "1.3.1",
+    "version": "2.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -43,7 +43,7 @@
     "peerDependencies": {
         "aurelia-framework": "^1.4.1",
         "aurelia-typed-observable-plugin": "^0.5.1",
-        "gridstack": "^5.0.0",
+        "gridstack": "^6.0.0",
         "tslib": "^2.4.0"
       }
 }

packages/aurelia-gridstack/src/elements/grid-stack/grid-stack.ts

@@ -3,8 +3,6 @@ import { PLATFORM } from 'aurelia-pal';
 import { children, customElement, useView } from 'aurelia-templating';
 import { bindable } from 'aurelia-typed-observable-plugin';
 import * as gs from 'gridstack';
-// eslint-disable-next-line import/no-unassigned-import
-import 'gridstack/dist/h5/gridstack-dd-native';
 import { GridStackItem, IGridStackItemElement } from '../grid-stack-item/grid-stack-item';
 
 @inject(Element)

packages/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demo",
-  "version": "1.3.1",
+  "version": "2.0.0",
   "private": true,
   "description": "",
   "main": "index.js",
@@ -14,6 +14,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "aurelia-gridstack": "^1.0.0"
+    "aurelia-gridstack": "^2.0.0"
   }
 }

packages/demo/src/app.css

@@ -0,0 +1,7 @@
+.grid-stack-item .item {
+  border: 1px solid;
+  border-radius: 5px;
+  padding: 5px;
+  height: 100%;
+  box-sizing: border-box;
+}