ES2020 module

* updated package to latest version of all libs
* tsc now export all .ts as es2020 files (instead of CommonJS) so no longer get warning by modern framework (like Angular)
* fix #1989

Author: adumesny

.gitignore

@@ -4,6 +4,7 @@
 .npmrc
 coverage
 dist
+dist_save
 node_modules
 .vscode
 .idea/

doc/CHANGES.md

@@ -84,6 +84,7 @@ Change log
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
 ## 7.3.0-dev (TBD)
+* package is now ES2020 (for TS exported files), webpack all.js still umd (could be commonjs ?), still have es5 files too
 * optimize [#2243](https://github.com/gridstack/gridstack.js/issues/2243) removed `gs-min|max_w|h` attribute generated in CSS or written out as they are never used for rendering, only for initial load. This reduce our column/row CSS in half!
 * optimize: removed `gs-w='1'` and `gs-h='1'` dom attribute writing since we already have min-width/min-height set, no need to set more attributes.
 * optimize: remove `'ui-draggable'` and `'ui-resizable'` since wasn't used in CSS and we have the `-disabled` version when off (so we can use `not(xyz-disabled)`).

es5/webpack.config.js

@@ -13,7 +13,7 @@ const config = {...webpackConfig,
             configFile: 'es5/tsconfig.json'
           }
         },
-        exclude: ['/node_modules/', '/src/h5/', '/src/index-*.ts'],
+        exclude: ['/node_modules/'],
       },
     ],
   },

package.json

@@ -58,37 +58,37 @@
   "homepage": "http://gridstackjs.com/",
   "dependencies": {},
   "devDependencies": {
-    "@types/jasmine": "^3.5.9",
-    "@typescript-eslint/eslint-plugin": "^4.6.0",
-    "@typescript-eslint/parser": "^4.6.0",
+    "@types/jasmine": "^4.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.58.0",
+    "@typescript-eslint/parser": "^5.58.0",
     "connect": "^3.7.0",
-    "core-js": "^3.6.4",
-    "coveralls": "^3.0.9",
-    "doctoc": "^1.4.0",
-    "eslint": "^7.14",
-    "grunt": "^1.0.4",
+    "core-js": "^3.30.1",
+    "coveralls": "^3.1.1",
+    "doctoc": "^2.2.1",
+    "eslint": "^8.38.0",
+    "grunt": "^1.6.1",
     "grunt-cli": "^1.3.2",
     "grunt-contrib-connect": "^3.0.0",
     "grunt-contrib-copy": "^1.0.0",
-    "grunt-contrib-cssmin": "^3.0.0",
-    "grunt-contrib-uglify": "^5.0.0",
+    "grunt-contrib-cssmin": "^4.0.0",
+    "grunt-contrib-uglify": "^5.2.2",
     "grunt-contrib-watch": "^1.1.0",
-    "grunt-eslint": "^23.0.0",
+    "grunt-eslint": "^24.0.1",
     "grunt-protractor-runner": "^5.0.0",
     "grunt-protractor-webdriver": "^0.2.5",
     "grunt-sass": "3.1.0",
-    "jasmine-core": "^3.5.0",
-    "karma": "^6",
-    "karma-chrome-launcher": "^3.1.0",
+    "jasmine-core": "^4.6.0",
+    "karma": "^6.4.1",
+    "karma-chrome-launcher": "^3.1.1",
     "karma-cli": "^2.0.0",
-    "karma-jasmine": "^4.0.1",
-    "karma-typescript": "4.1.1",
+    "karma-jasmine": "^5.1.0",
+    "karma-typescript": "5.5.3",
     "protractor": "^7.0.0",
-    "sass": "^1.42.1",
-    "serve-static": "^1.14.1",
-    "ts-loader": "^8.0.7",
-    "typescript": "^3.7",
-    "webpack": "^5.3.2",
-    "webpack-cli": "^4.6.0"
+    "sass": "^1.62.0",
+    "serve-static": "^1.15.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.0.4",
+    "webpack": "^5.79.0",
+    "webpack-cli": "^5.0.1"
   }
 }

src/gridstack.ts

@@ -660,7 +660,7 @@ export class GridStack {
 
     // if we're loading a layout into for example 1 column (_prevColumn is set only when going to 1) and items don't fit, make sure to save
     // the original wanted layout so we can scale back up correctly #1471
-    if (this._prevColumn && this._prevColumn !== this.opts.column && items.some(n => (n.x + n.w) > this.opts.column)) {
+    if (this._prevColumn && this._prevColumn !== this.opts.column && items.some(n => (n.x + n.w) > (this.opts.column as number))) {
       this._ignoreLayoutsNodeChange = true; // skip layout update
       this.engine.cacheLayout(items, this._prevColumn, true);
     }

tsconfig.json

@@ -10,12 +10,12 @@
     "experimentalDecorators": true,
     "inlineSources": true,
     "lib": [ "es6", "es2015", "dom" ],
-    "module": "CommonJS",
+    "module": "ES2020",
     "noImplicitAny": false,
     "outDir": "./dist",
     "sourceMap": true,
     "strict": false,
-    "target": "ES6"
+    "target": "ES2020"
   }, 
   "exclude": [
     "./src/**/*.spec.ts",

webpack.config.js

@@ -12,7 +12,7 @@ module.exports = {
       {
         test: /\.ts$/,
         use: 'ts-loader',
-        exclude: ['/node_modules/', '/src/h5/', '/src/index-*.ts'], // TODO: doesn't seem to excluded for generating .d.ts !
+        exclude: ['/node_modules/'],
       },
     ],
   },