gridstack - npm Package Compare versions

Comparing version 6.0.0 to 6.0.1

dist/dd-base-impl.d.ts

 /**
- * dd-base-impl.ts 6.0.0
+ * dd-base-impl.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-base-impl.js

 "use strict";
 /**
- * dd-base-impl.ts 6.0.0
+ * dd-base-impl.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-draggable.d.ts

 /**
- * dd-draggable.ts 6.0.0
+ * dd-draggable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-draggable.js

 "use strict";
 /**
- * dd-draggable.ts 6.0.0
+ * dd-draggable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-droppable.d.ts

 /**
- * dd-droppable.ts 6.0.0
+ * dd-droppable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-droppable.js

 "use strict";
 /**
- * dd-droppable.ts 6.0.0
+ * dd-droppable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-element.d.ts

 /**
- * dd-elements.ts 6.0.0
+ * dd-elements.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-element.js

 "use strict";
 /**
- * dd-elements.ts 6.0.0
+ * dd-elements.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-gridstack.d.ts

 /**
- * dd-gridstack.ts 6.0.0
+ * dd-gridstack.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-gridstack.js

 "use strict";
 /**
- * dd-gridstack.ts 6.0.0
+ * dd-gridstack.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -407,4 +407,6 @@ */
     let el = node.el;
+    const noMove = node.noMove || this.opts.disableDrag;
+    const noResize = node.noResize || this.opts.disableResize;
     // check for disabled grid first
-    if (this.opts.staticGrid || ((node.noMove || this.opts.disableDrag) && (node.noResize || this.opts.disableResize))) {
+    if (this.opts.staticGrid || (noMove && noResize)) {
         if (node._initDD) {
@@ -492,18 +494,4 @@ this._removeDD(el); // nukes everything instead of just disable, will add some styles back next
     // finally fine tune move vs resize by disabling any part...
-    if (node.noMove || this.opts.disableDrag) {
-        dd.draggable(el, 'disable');
-        el.classList.add('ui-draggable-disabled');
-    }
-    else {
-        dd.draggable(el, 'enable');
-        el.classList.remove('ui-draggable-disabled');
-    }
-    if (node.noResize || this.opts.disableResize) {
-        dd.resizable(el, 'disable');
-        el.classList.add('ui-resizable-disabled');
-    }
-    else {
-        dd.resizable(el, 'enable');
-        el.classList.remove('ui-resizable-disabled');
-    }
+    dd.draggable(el, noMove ? 'disable' : 'enable')
+        .resizable(el, noResize ? 'disable' : 'enable');
     return this;
@@ -510,0 +498,0 @@ };

dist/dd-manager.d.ts

 /**
- * dd-manager.ts 6.0.0
+ * dd-manager.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -7,2 +7,3 @@ */
 import { DDDroppable } from './dd-droppable';
+import { DDResizable } from './dd-resizable';
 /**
@@ -18,2 +19,4 @@ * globals that are shared across Drag & Drop instances
     static dropElement: DDDroppable;
+    /** current item we're over for resizing purpose (ignore nested grid resize handles) */
+    static overResizeElement: DDResizable;
 }

dist/dd-manager.js

 "use strict";
 /**
- * dd-manager.ts 6.0.0
+ * dd-manager.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-resizable-handle.d.ts

 /**
- * dd-resizable-handle.ts 6.0.0
+ * dd-resizable-handle.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-resizable-handle.js

 "use strict";
 /**
- * dd-resizable-handle.ts 6.0.0
+ * dd-resizable-handle.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/dd-resizable.d.ts

 /**
- * dd-resizable.ts 6.0.0
+ * dd-resizable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-resizable.js

 "use strict";
 /**
- * dd-resizable.ts 6.0.0
+ * dd-resizable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -11,2 +11,3 @@ */
 const utils_1 = require("./utils");
+const dd_manager_1 = require("./dd-manager");
 class DDResizable extends dd_base_impl_1.DDBaseImplement {
@@ -69,2 +70,3 @@ constructor(el, opts = {}) {
         this.el.classList.remove('ui-resizable-disabled');
+        this._setupAutoHide(this.option.autoHide);
     }
@@ -75,2 +77,3 @@ disable() {
         this.el.classList.remove('ui-resizable');
+        this._setupAutoHide(false);
     }
@@ -101,3 +104,3 @@ destroy() {
             this.el.classList.add('ui-resizable-autohide');
-            // use mouseover/mouseout instead of mouseenter/mouseleave to get better performance;
+            // use mouseover and not mouseenter to get better performance and track for nested cases
             this.el.addEventListener('mouseover', this._mouseOver);
@@ -115,9 +118,18 @@ this.el.addEventListener('mouseout', this._mouseOut);
     _mouseOver(e) {
+        // console.log(`${count++} pre-enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
+        // already over a child, ignore. Ideally we just call e.stopPropagation() but see https://github.com/gridstack/gridstack.js/issues/2018
+        if (dd_manager_1.DDManager.overResizeElement || dd_manager_1.DDManager.dragElement)
+            return;
+        dd_manager_1.DDManager.overResizeElement = this;
+        // console.log(`${count++} enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
         this.el.classList.remove('ui-resizable-autohide');
-        e.stopPropagation();
     }
     /** @internal */
     _mouseOut(e) {
+        // console.log(`${count++} pre-leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
+        if (dd_manager_1.DDManager.overResizeElement !== this)
+            return;
+        delete dd_manager_1.DDManager.overResizeElement;
+        // console.log(`${count++} leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
         this.el.classList.add('ui-resizable-autohide');
-        e.stopPropagation();
     }
@@ -124,0 +136,0 @@ /** @internal */

dist/dd-touch.d.ts

 /**
- * touch.ts 6.0.0
+ * touch.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/dd-touch.js

 "use strict";
 /**
- * touch.ts 6.0.0
+ * touch.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-base-impl.d.ts

 /**
- * dd-base-impl.ts 6.0.0
+ * dd-base-impl.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-base-impl.js

 "use strict";
 /**
- * dd-base-impl.ts 6.0.0
+ * dd-base-impl.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-draggable.d.ts

 /**
- * dd-draggable.ts 6.0.0
+ * dd-draggable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-draggable.js

 "use strict";
 /**
- * dd-draggable.ts 6.0.0
+ * dd-draggable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-droppable.d.ts

 /**
- * dd-droppable.ts 6.0.0
+ * dd-droppable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-droppable.js

 "use strict";
 /**
- * dd-droppable.ts 6.0.0
+ * dd-droppable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-element.d.ts

 /**
- * dd-elements.ts 6.0.0
+ * dd-elements.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-element.js

 "use strict";
 /**
- * dd-elements.ts 6.0.0
+ * dd-elements.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-gridstack.d.ts

 /**
- * dd-gridstack.ts 6.0.0
+ * dd-gridstack.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-gridstack.js

 "use strict";
 /**
- * dd-gridstack.ts 6.0.0
+ * dd-gridstack.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -429,4 +429,6 @@ */
     var el = node.el;
+    var noMove = node.noMove || this.opts.disableDrag;
+    var noResize = node.noResize || this.opts.disableResize;
     // check for disabled grid first
-    if (this.opts.staticGrid || ((node.noMove || this.opts.disableDrag) && (node.noResize || this.opts.disableResize))) {
+    if (this.opts.staticGrid || (noMove && noResize)) {
         if (node._initDD) {
@@ -514,18 +516,4 @@ this._removeDD(el); // nukes everything instead of just disable, will add some styles back next
     // finally fine tune move vs resize by disabling any part...
-    if (node.noMove || this.opts.disableDrag) {
-        dd.draggable(el, 'disable');
-        el.classList.add('ui-draggable-disabled');
-    }
-    else {
-        dd.draggable(el, 'enable');
-        el.classList.remove('ui-draggable-disabled');
-    }
-    if (node.noResize || this.opts.disableResize) {
-        dd.resizable(el, 'disable');
-        el.classList.add('ui-resizable-disabled');
-    }
-    else {
-        dd.resizable(el, 'enable');
-        el.classList.remove('ui-resizable-disabled');
-    }
+    dd.draggable(el, noMove ? 'disable' : 'enable')
+        .resizable(el, noResize ? 'disable' : 'enable');
     return this;
@@ -532,0 +520,0 @@ };

dist/es5/dd-manager.d.ts

 /**
- * dd-manager.ts 6.0.0
+ * dd-manager.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -7,2 +7,3 @@ */
 import { DDDroppable } from './dd-droppable';
+import { DDResizable } from './dd-resizable';
 /**
@@ -18,2 +19,4 @@ * globals that are shared across Drag & Drop instances
     static dropElement: DDDroppable;
+    /** current item we're over for resizing purpose (ignore nested grid resize handles) */
+    static overResizeElement: DDResizable;
 }

dist/es5/dd-manager.js

 "use strict";
 /**
- * dd-manager.ts 6.0.0
+ * dd-manager.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-resizable-handle.d.ts

 /**
- * dd-resizable-handle.ts 6.0.0
+ * dd-resizable-handle.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-resizable-handle.js

 "use strict";
 /**
- * dd-resizable-handle.ts 6.0.0
+ * dd-resizable-handle.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/dd-resizable.d.ts

 /**
- * dd-resizable.ts 6.0.0
+ * dd-resizable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-resizable.js

 "use strict";
 /**
- * dd-resizable.ts 6.0.0
+ * dd-resizable.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -24,2 +24,3 @@ */
 var utils_1 = require("./utils");
+var dd_manager_1 = require("./dd-manager");
 var DDResizable = /** @class */ (function (_super) {
@@ -85,2 +86,3 @@ __extends(DDResizable, _super);
         this.el.classList.remove('ui-resizable-disabled');
+        this._setupAutoHide(this.option.autoHide);
     };
@@ -91,2 +93,3 @@ DDResizable.prototype.disable = function () {
         this.el.classList.remove('ui-resizable');
+        this._setupAutoHide(false);
     };
@@ -118,3 +121,3 @@ DDResizable.prototype.destroy = function () {
             this.el.classList.add('ui-resizable-autohide');
-            // use mouseover/mouseout instead of mouseenter/mouseleave to get better performance;
+            // use mouseover and not mouseenter to get better performance and track for nested cases
             this.el.addEventListener('mouseover', this._mouseOver);
@@ -132,9 +135,18 @@ this.el.addEventListener('mouseout', this._mouseOut);
     DDResizable.prototype._mouseOver = function (e) {
+        // console.log(`${count++} pre-enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
+        // already over a child, ignore. Ideally we just call e.stopPropagation() but see https://github.com/gridstack/gridstack.js/issues/2018
+        if (dd_manager_1.DDManager.overResizeElement || dd_manager_1.DDManager.dragElement)
+            return;
+        dd_manager_1.DDManager.overResizeElement = this;
+        // console.log(`${count++} enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
         this.el.classList.remove('ui-resizable-autohide');
-        e.stopPropagation();
     };
     /** @internal */
     DDResizable.prototype._mouseOut = function (e) {
+        // console.log(`${count++} pre-leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
+        if (dd_manager_1.DDManager.overResizeElement !== this)
+            return;
+        delete dd_manager_1.DDManager.overResizeElement;
+        // console.log(`${count++} leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
         this.el.classList.add('ui-resizable-autohide');
-        e.stopPropagation();
     };
@@ -141,0 +153,0 @@ /** @internal */

dist/es5/dd-touch.d.ts

 /**
- * touch.ts 6.0.0
+ * touch.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/dd-touch.js

 "use strict";
 /**
- * touch.ts 6.0.0
+ * touch.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/gridstack-all.js.LICENSE.txt

 /*!
- * GridStack 6.0.0
+ * GridStack 6.0.1
  * https://gridstackjs.com/
@@ -4,0 +4,0 @@ *

dist/es5/gridstack-engine.d.ts

 /**
- * gridstack-engine.ts 6.0.0
+ * gridstack-engine.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/gridstack-engine.js

 "use strict";
 /**
- * gridstack-engine.ts 6.0.0
+ * gridstack-engine.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/gridstack-poly.js

 /**
- * gridstack-poly.ts 6.0.0 used for IE and older browser support (not supported in v2-v4.3.1, but again in v4.4)
+ * gridstack-poly.ts 6.0.1 used for IE and older browser support (not supported in v2-v4.3.1, but again in v4.4)
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/gridstack.d.ts

 /*!
- * GridStack 6.0.0
+ * GridStack 6.0.1
  * https://gridstackjs.com/
@@ -4,0 +4,0 @@ *

dist/es5/types.d.ts

 /**
- * types.ts 6.0.0
+ * types.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/types.js

 "use strict";
 /**
- * types.ts 6.0.0
+ * types.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/es5/utils.d.ts

 /**
- * utils.ts 6.0.0
+ * utils.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/es5/utils.js

 "use strict";
 /**
- * utils.ts 6.0.0
+ * utils.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/gridstack-all.js.LICENSE.txt

 /*!
- * GridStack 6.0.0
+ * GridStack 6.0.1
  * https://gridstackjs.com/
@@ -4,0 +4,0 @@ *

dist/gridstack-engine.d.ts

 /**
- * gridstack-engine.ts 6.0.0
+ * gridstack-engine.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/gridstack-engine.js

 "use strict";
 /**
- * gridstack-engine.ts 6.0.0
+ * gridstack-engine.ts 6.0.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/gridstack.d.ts

 /*!
- * GridStack 6.0.0
+ * GridStack 6.0.1
  * https://gridstackjs.com/
@@ -4,0 +4,0 @@ *

dist/types.d.ts

 /**
- * types.ts 6.0.0
+ * types.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/types.js

 "use strict";
 /**
- * types.ts 6.0.0
+ * types.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

dist/utils.d.ts

 /**
- * utils.ts 6.0.0
+ * utils.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -4,0 +4,0 @@ */

dist/utils.js

 "use strict";
 /**
- * utils.ts 6.0.0
+ * utils.ts 6.0.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
@@ -5,0 +5,0 @@ */

doc/CHANGES.md

@@ -8,2 +8,3 @@ Change log
 
+- [6.0.1 (2022-08-27)](#601-2022-08-27)
 - [6.0.0 (2022-08-21)](#600-2022-08-21)
@@ -72,2 +73,6 @@ - [5.1.1 (2022-06-16)](#511-2022-06-16)
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
+## 6.0.1 (2022-08-27)
+* fixed `float(val)` to set on grid and engine, so save() will read it.
+* fixed [#2018](https://github.com/gridstack/gridstack.js/issues/2018) mouseover and React different behavior
+* fixed getting nested grid resize handles while dragging child
 
@@ -74,0 +79,0 @@ ## 6.0.0 (2022-08-21)

package.json

 {
   "name": "gridstack",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "TypeScript/JS lib for dashboard layout and creation, no external dependencies, with many wrappers (React, Angular, Vue, Ember, knockout...)",
@@ -5,0 +5,0 @@ "main": "./dist/gridstack.js",

README.md

@@ -190,5 +190,6 @@ # gridstack.js
 
-2) include `gridstack-extra.css` if **N < 12** (else custom CSS - see next). Without these, things will not render/work correctly.
+2) also include `gridstack-extra.css` if **N < 12** (else custom CSS - see next). Without these, things will not render/work correctly.
 ```html
-<link href="node_modules/gridstack/dist/gridstack-extra.css" rel="stylesheet"/>
+<link href="node_modules/gridstack/dist/gridstack.min.css" rel="stylesheet"/>
+<link href="node_modules/gridstack/dist/gridstack-extra.min.css" rel="stylesheet"/>
 
@@ -198,3 +199,3 @@ <div class="grid-stack">...</div>
 
-Note: class `.grid-stack-N` will automatically be added and we include `gridstack-extra.css` which defines CSS for grids with custom [2-11] columns. Anything more and you'll need to generate the SASS/CSS yourself (see next).
+Note: class `.grid-stack-N` will automatically be added and we include `gridstack-extra.min.css` which defines CSS for grids with custom [2-11] columns. Anything more and you'll need to generate the SASS/CSS yourself (see next).
 
@@ -201,0 +202,0 @@ See example: [2 grids demo](http://gridstack.github.io/gridstack.js/demo/two.html) with 6 columns

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2245402

increased by0.21%

Lines of code

13881

increased by0.04%

Number of lines in readme file

490

increased by0.2%

No dependency changes