@get-set/gs-sortable 0.0.22 → 0.0.24

package/dist/actions/calculateOnSort.js

@@ -1,247 +1,149 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _types = _interopRequireDefault(require("../constants/types"));
-var _general = require("./general");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var calculateOnSort = function calculateOnSort(ref) {
-  var params = ref.currentParams;
-  if (!params.takeClone) {
-    var $items = _toConsumableArray(ref.grid.children);
-    var itemsCount = $items.filter(function (x) {
-      return !x.classList.contains("gs-sortable-item-inmove");
-    }).length;
-    var info = window.GSSortableConfigue.draggableInfo;
-    var _ref$uiData = ref.uiData,
-      containerPT = _ref$uiData.containerPT,
-      containerPL = _ref$uiData.containerPL,
-      currentHeight = _ref$uiData.currentHeight,
-      currentWidth = _ref$uiData.currentWidth,
-      itemWidth = _ref$uiData.itemWidth,
-      gapX = _ref$uiData.gapX,
-      gapY = _ref$uiData.gapY;
-    var currentLeft = containerPL;
-    var currentTop = containerPT;
-    var maxHeight = 0;
-    var placeholderSeted = info === undefined;
-    var inProcessEl = undefined;
-    var containerCoord = (0, _general.getOffsetFromWindow)(info.ref.grid);
-    if (info !== undefined) {
-      var $el = info.$el;
-      var elCoord = (0, _general.getOffsetFromWindow)($el);
-      inProcessEl = {
-        height: $el.offsetHeight,
-        width: $el.offsetWidth,
-        top: elCoord.top - containerCoord.top,
-        left: elCoord.left - containerCoord.left
-      };
-    }
-    var plIndex = info.index;
-    var colHeight = 0;
-    var itIndex = 0;
-    $items.map(function (el) {
-      if (!el.classList.contains("gs-sortable-item-inmove")) {
-        var height = el.offsetHeight;
-        var width = el.offsetWidth;
-        if (params.type == _types["default"].column) {
-          if (!placeholderSeted) {
-            var placeholderTop = currentTop == containerPT ? containerPT : currentTop + gapY;
-            var placeholderLeft = containerPL;
-            if (Math.abs(placeholderTop - inProcessEl.top) < inProcessEl.height / 2 && Math.abs(placeholderLeft - inProcessEl.left) < inProcessEl.width / 2) {
-              info.newTop = placeholderTop;
-              info.newLeft = placeholderLeft;
-              placeholderSeted = true;
-              plIndex = itIndex;
-            }
-          }
-          if (!el.classList.contains("gs-sortable-placeholder")) {
-            if (currentTop == containerPT) {
-              currentTop = containerPT + height;
-              currentHeight = currentHeight + height;
-            } else {
-              currentTop = currentTop + gapY + height;
-              currentHeight = currentHeight + height + gapY;
-            }
-          }
-        } else if (params.type == _types["default"].row) {
-          if (!placeholderSeted) {
-            var _placeholderLeft = currentLeft == containerPL ? containerPL : currentLeft + gapX;
-            var _placeholderTop = containerPT;
-            if (Math.abs(_placeholderTop - inProcessEl.top) < inProcessEl.height / 2 && Math.abs(_placeholderLeft - inProcessEl.left) < inProcessEl.width / 2) {
-              info.newTop = _placeholderTop;
-              info.newLeft = _placeholderLeft;
-              placeholderSeted = true;
-              plIndex = itIndex;
-            }
-          }
-          if (!el.classList.contains("gs-sortable-placeholder")) {
-            if (currentLeft == containerPL) {
-              currentLeft = containerPL + width;
-              currentWidth = currentWidth + width;
-            } else {
-              currentLeft = currentLeft + gapX + width;
-              currentWidth = currentWidth + width + gapX;
-            }
-            if (height > maxHeight) {
-              maxHeight = height;
-            }
-          }
-        } else if (params.type == _types["default"].grid) {
-          var _placeholderLeft2 = itIndex % params.count == 0 ? containerPL : containerPL + itIndex % params.count * (itemWidth + gapX);
-          var _placeholderTop2 = currentTop;
-          if (Math.abs(_placeholderTop2 - inProcessEl.top) < inProcessEl.height / 2 && Math.abs(_placeholderLeft2 - inProcessEl.left) < inProcessEl.width / 2) {
-            info.newTop = _placeholderTop2;
-            info.newLeft = _placeholderLeft2;
-            placeholderSeted = true;
-            plIndex = itIndex;
-          }
-          if (!el.classList.contains("gs-sortable-placeholder")) {
-            var top = currentTop;
-            if (height > colHeight) {
-              colHeight = height;
-            }
-            if (itIndex % params.count === params.count - 1 || itIndex === itemsCount - 1) {
-              if (top === containerPT) {
-                currentHeight = currentHeight + colHeight;
-              } else {
-                currentHeight = currentHeight + colHeight + gapY;
-              }
-              currentTop = currentTop + colHeight + gapY;
-              colHeight = 0;
-            }
-          }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = __importDefault(require("../constants/types"));
+const general_1 = require("./general");
+const calculateOnSort = (ref) => {
+    var _a, _b;
+    const params = ref.currentParams;
+    if (!params.takeClone) {
+        const $items = Array.from(ref.grid.children);
+        const itemsCount = $items.filter(x => !x.classList.contains('gs-sortable-item-inmove')).length;
+        const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
+        let containerPT = 0, containerPL = 0, currentHeight = 0, currentWidth = 0, itemWidth = 0, gapX = 0, gapY = 0;
+        if (ref.uiData) {
+            containerPT = ref.uiData.containerPT;
+            containerPL = ref.uiData.containerPL;
+            currentHeight = ref.uiData.currentHeight;
+            currentWidth = ref.uiData.currentWidth;
+            itemWidth = ref.uiData.itemWidth;
+            gapX = ref.uiData.gapX;
+            gapY = ref.uiData.gapY;
         }
-        itIndex += 1;
-      }
-    });
-    {
-      info.index = plIndex;
-      var _ref$uiData2 = ref.uiData,
-        _containerPT = _ref$uiData2.containerPT,
-        _containerPL = _ref$uiData2.containerPL,
-        _currentHeight = _ref$uiData2.currentHeight,
-        _currentWidth = _ref$uiData2.currentWidth,
-        _itemWidth = _ref$uiData2.itemWidth,
-        _gapX = _ref$uiData2.gapX,
-        _gapY = _ref$uiData2.gapY;
-      currentLeft = _containerPL;
-      currentTop = _containerPT;
-      itIndex = 0;
-      $items.map(function (el) {
-        if (!el.classList.contains("gs-sortable-item-inmove")) {
-          var height = el.offsetHeight;
-          var width = el.offsetWidth;
-          if (params.type == _types["default"].column) {
-            if (itIndex == plIndex) {
-              info.placeholder.style.left = "".concat(_containerPL, "px");
-              info.newLeft = _containerPL;
-              if (currentTop == _containerPT) {
-                info.newTop = _containerPT;
-                info.placeholder.style.top = "".concat(_containerPT, "px");
-                currentTop = _containerPT + inProcessEl.height;
-              } else {
-                info.newTop = currentTop + _gapY;
-                info.placeholder.style.top = "".concat(currentTop + _gapY, "px");
-                currentTop = currentTop + _gapY + inProcessEl.height;
-              }
-            }
-            if (!el.classList.contains("gs-sortable-placeholder")) {
-              el.style.left = "".concat(_containerPL, "px");
-              if (currentTop == _containerPT) {
-                el.style.top = "".concat(_containerPT, "px");
-                currentTop = _containerPT + height;
-                _currentHeight = _currentHeight + height;
-              } else {
-                el.style.top = "".concat(currentTop + _gapY, "px");
-                currentTop = currentTop + _gapY + height;
-                _currentHeight = _currentHeight + height + _gapY;
-              }
-            }
-          } else if (params.type == _types["default"].row) {
-            if (itIndex == plIndex) {
-              info.placeholder.style.top = "".concat(_containerPT, "px");
-              info.newTop = _containerPT;
-              if (currentLeft == _containerPL) {
-                info.newLeft = _containerPL;
-                info.placeholder.style.left = "".concat(_containerPL, "px");
-                currentLeft = _containerPL + inProcessEl.width;
-              } else {
-                info.newLeft = currentLeft + _gapX;
-                info.placeholder.style.left = "".concat(currentLeft + _gapX, "px");
-                currentLeft = currentLeft + _gapX + inProcessEl.width;
-              }
-            }
-            if (!el.classList.contains("gs-sortable-placeholder")) {
-              el.style.top = "".concat(_containerPT, "px");
-              if (currentLeft == _containerPL) {
-                el.style.left = "".concat(_containerPL, "px");
-                currentLeft = _containerPL + width;
-                _currentWidth = _currentWidth + width;
-              } else {
-                el.style.left = "".concat(currentLeft + _gapX, "px");
-                currentLeft = currentLeft + _gapX + width;
-                _currentWidth = _currentWidth + width + _gapX;
-              }
-            }
-            if (height > maxHeight) {
-              maxHeight = height;
-            }
-          } else if (params.type == _types["default"].grid) {
-            if (itIndex == plIndex) {
-              var left = itIndex % params.count == 0 ? _containerPL : _containerPL + itIndex % params.count * (_itemWidth + _gapX);
-              var top = currentTop;
-              if (inProcessEl.height > colHeight) {
-                colHeight = inProcessEl.height;
-              }
-              if (itIndex % params.count === params.count - 1 || itIndex === itemsCount - 1) {
-                if (top === _containerPT) {
-                  _currentHeight = _currentHeight + colHeight;
-                } else {
-                  _currentHeight = _currentHeight + colHeight + _gapY;
+        let currentLeft = containerPL;
+        let currentTop = containerPT;
+        let maxHeight = 0;
+        let placeholderSeted = info === undefined;
+        let inProcessEl;
+        const containerCoord = (0, general_1.getOffsetFromWindow)(ref.grid);
+        if (info) {
+            const $el = info.$el;
+            const elCoord = (0, general_1.getOffsetFromWindow)($el);
+            inProcessEl = {
+                height: $el.offsetHeight,
+                width: $el.offsetWidth,
+                top: elCoord.top - containerCoord.top,
+                left: elCoord.left - containerCoord.left,
+            };
+        }
+        let plIndex = (_b = info === null || info === void 0 ? void 0 : info.index) !== null && _b !== void 0 ? _b : 0;
+        let colHeight = 0;
+        let itIndex = 0;
+        $items.forEach(el => {
+            if (!el.classList.contains('gs-sortable-item-inmove')) {
+                const height = el.offsetHeight;
+                const width = el.offsetWidth;
+                if (params.type === types_1.default.column) {
+                    if (!placeholderSeted && inProcessEl) {
+                        const placeholderTop = currentTop === containerPT ? containerPT : currentTop + gapY;
+                        const placeholderLeft = containerPL;
+                        if (Math.abs(placeholderTop - inProcessEl.top) <
+                            inProcessEl.height / 2 &&
+                            Math.abs(placeholderLeft - inProcessEl.left) <
+                                inProcessEl.width / 2) {
+                            if (info) {
+                                info.newTop = placeholderTop;
+                                info.newLeft = placeholderLeft;
+                            }
+                            placeholderSeted = true;
+                            plIndex = itIndex;
+                        }
+                    }
+                    if (!el.classList.contains('gs-sortable-placeholder')) {
+                        if (currentTop === containerPT) {
+                            currentTop += height;
+                            currentHeight += height;
+                        }
+                        else {
+                            currentTop += gapY + height;
+                            currentHeight += gapY + height;
+                        }
+                    }
                 }
-                currentTop = currentTop + colHeight + _gapY;
-                colHeight = 0;
-                ref.grid.style.height = "".concat(_currentHeight, "px");
-              }
-              itIndex += 1;
-              info.newTop = top;
-              info.newLeft = left;
-              info.placeholder.style.left = "".concat(left, "px");
-              info.placeholder.style.top = "".concat(top, "px");
-            }
-            if (!el.classList.contains("gs-sortable-placeholder")) {
-              var _left = itIndex % params.count == 0 ? _containerPL : _containerPL + itIndex % params.count * (_itemWidth + _gapX);
-              var _top = currentTop;
-              if (height > colHeight) {
-                colHeight = height;
-              }
-              if (itIndex % params.count === params.count - 1 || itIndex === itemsCount - 1) {
-                if (_top === _containerPT) {
-                  _currentHeight = _currentHeight + colHeight;
-                } else {
-                  _currentHeight = _currentHeight + colHeight + _gapY;
+                else if (params.type === types_1.default.row) {
+                    if (!placeholderSeted && inProcessEl) {
+                        const placeholderLeft = currentLeft === containerPL ? containerPL : currentLeft + gapX;
+                        const placeholderTop = containerPT;
+                        if (Math.abs(placeholderTop - inProcessEl.top) <
+                            inProcessEl.height / 2 &&
+                            Math.abs(placeholderLeft - inProcessEl.left) <
+                                inProcessEl.width / 2) {
+                            if (info) {
+                                info.newTop = placeholderTop;
+                                info.newLeft = placeholderLeft;
+                            }
+                            placeholderSeted = true;
+                            plIndex = itIndex;
+                        }
+                    }
+                    if (!el.classList.contains('gs-sortable-placeholder')) {
+                        if (currentLeft === containerPL) {
+                            currentLeft += width;
+                            currentWidth += width;
+                        }
+                        else {
+                            currentLeft += gapX + width;
+                            currentWidth += gapX + width;
+                        }
+                        if (height > maxHeight) {
+                            maxHeight = height;
+                        }
+                    }
+                }
+                else if (params.type === types_1.default.grid) {
+                    const placeholderLeft = itIndex % params.count === 0
+                        ? containerPL
+                        : containerPL + (itIndex % params.count) * (itemWidth + gapX);
+                    const placeholderTop = currentTop;
+                    if (inProcessEl &&
+                        Math.abs(placeholderTop - inProcessEl.top) <
+                            inProcessEl.height / 2 &&
+                        Math.abs(placeholderLeft - inProcessEl.left) < inProcessEl.width / 2) {
+                        if (info) {
+                            info.newTop = placeholderTop;
+                            info.newLeft = placeholderLeft;
+                        }
+                        placeholderSeted = true;
+                        plIndex = itIndex;
+                    }
+                    if (!el.classList.contains('gs-sortable-placeholder')) {
+                        const top = currentTop;
+                        if (height > colHeight) {
+                            colHeight = height;
+                        }
+                        if (itIndex % params.count === params.count - 1 ||
+                            itIndex === itemsCount - 1) {
+                            if (top === containerPT) {
+                                currentHeight += colHeight;
+                            }
+                            else {
+                                currentHeight += colHeight + gapY;
+                            }
+                            currentTop += colHeight + gapY;
+                            colHeight = 0;
+                        }
+                    }
                 }
-                currentTop = currentTop + colHeight + _gapY;
-                colHeight = 0;
-                ref.grid.style.height = "".concat(_currentHeight, "px");
-              }
-              el.style.left = "".concat(_left, "px");
-              el.style.top = "".concat(_top, "px");
+                itIndex += 1;
             }
-          }
-          itIndex += 1;
+        });
+        // Update placeholder and element positions
+        if (info) {
+            info.index = plIndex;
         }
-      });
     }
-  }
 };
-var _default = exports["default"] = calculateOnSort;
+exports.default = calculateOnSort;
+//# sourceMappingURL=calculateOnSort.js.map

package/dist/actions/calculateOnSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateOnSort.js","sourceRoot":"","sources":["../../src/actions/calculateOnSort.tsx"],"names":[],"mappings":"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"}

package/dist/actions/checkItemInContainer.d.ts

@@ -0,0 +1,2 @@
+declare const checkItemInContainer: (grid: HTMLElement, el: HTMLElement) => boolean;
+export default checkItemInContainer;

package/dist/actions/checkItemInContainer.js

@@ -1,26 +1,26 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _general = require("./general");
-var checkItemInContainer = function checkItemInContainer(grid, el) {
-  var gridOffset = (0, _general.getOffsetFromWindow)(grid);
-  var elOffset = (0, _general.getOffsetFromWindow)(el);
-  var gridTop = gridOffset.top;
-  var gridLeft = gridOffset.left;
-  var elTop = elOffset.top;
-  var elLeft = elOffset.left;
-  var offsetTopFromGrid = elTop - gridTop;
-  var offsetLeftFromGrid = elLeft - gridLeft;
-  var elHeight = el.offsetHeight;
-  var elWidth = el.offsetWidth;
-  var gridHeight = grid.offsetHeight;
-  var gridWidth = grid.offsetWidth;
-  if (offsetTopFromGrid >= -1 * elHeight / 2 && offsetLeftFromGrid >= -1 * elWidth / 2 && offsetTopFromGrid <= gridHeight - elHeight / 2 && offsetLeftFromGrid <= gridWidth - elWidth / 2) {
-    return true;
-  }
-  return false;
+Object.defineProperty(exports, "__esModule", { value: true });
+const general_1 = require("./general");
+const checkItemInContainer = (grid, el) => {
+    const gridOffset = (0, general_1.getOffsetFromWindow)(grid);
+    const elOffset = (0, general_1.getOffsetFromWindow)(el);
+    const gridTop = gridOffset.top;
+    const gridLeft = gridOffset.left;
+    const elTop = elOffset.top;
+    const elLeft = elOffset.left;
+    const offsetTopFromGrid = elTop - gridTop;
+    const offsetLeftFromGrid = elLeft - gridLeft;
+    const elHeight = el.offsetHeight;
+    const elWidth = el.offsetWidth;
+    const gridHeight = grid.offsetHeight;
+    const gridWidth = grid.offsetWidth;
+    if (offsetTopFromGrid >= (-1 * elHeight) / 2 &&
+        offsetLeftFromGrid >= (-1 * elWidth) / 2 &&
+        offsetTopFromGrid <= gridHeight - elHeight / 2 &&
+        offsetLeftFromGrid <= gridWidth - elWidth / 2) {
+        return true;
+    }
+    return false;
 };
-var _default = exports["default"] = checkItemInContainer;
+exports.default = checkItemInContainer;
+//# sourceMappingURL=checkItemInContainer.js.map

package/dist/actions/checkItemInContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkItemInContainer.js","sourceRoot":"","sources":["../../src/actions/checkItemInContainer.tsx"],"names":[],"mappings":";;AAAA,uCAAgD;AAEhD,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,EAAe,EAAW,EAAE;IAC3E,MAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,6BAAmB,EAAC,EAAE,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC;IAC/B,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;IACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC;IAC3B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC;IAE7B,MAAM,iBAAiB,GAAG,KAAK,GAAG,OAAO,CAAC;IAC1C,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC7C,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC;IACjC,MAAM,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;IACrC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;IAEnC,IACE,iBAAiB,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC;QACxC,kBAAkB,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC;QACxC,iBAAiB,IAAI,UAAU,GAAG,QAAQ,GAAG,CAAC;QAC9C,kBAAkB,IAAI,SAAS,GAAG,OAAO,GAAG,CAAC,EAC7C;QACA,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/actions/destroy.d.ts

@@ -0,0 +1,9 @@
+import { GSSortableProps } from '../components/GSSortable';
+interface GSSortableRef {
+    grid: HTMLDivElement;
+    currentParams: GSSortableProps & {
+        reference: string;
+    };
+}
+declare const destroy: (ref: GSSortableRef) => void;
+export default destroy;

package/dist/actions/destroy.js

@@ -1,33 +1,27 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _types = _interopRequireDefault(require("../constants/types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var destroy = function destroy(ref) {
-  ref.grid.classList.remove('gs-sortable-instance');
-  ref.grid.classList.remove("gs-sortable-".concat(ref.currentParams.type));
-  ref.grid.style.removeProperty('position');
-  ref.grid.style.removeProperty('gap');
-  ref.grid.style.removeProperty('height');
-  if (ref.currentParams.type == _types["default"].row) {
-    ref.grid.style.removeProperty('width');
-  }
-  _toConsumableArray(ref.grid.children).map(function (el) {
-    el.classList.remove('gs-sortable-item');
-    el.style.removeProperty('position');
-    el.style.removeProperty('width');
-    el.style.removeProperty('left');
-    el.style.removeProperty('top');
-    el.style.removeProperty('transition');
-  });
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = destroy;
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = __importDefault(require("../constants/types"));
+const destroy = (ref) => {
+    ref.grid.classList.remove('gs-sortable-instance');
+    ref.grid.classList.remove(`gs-sortable-${ref.currentParams.type}`);
+    ref.grid.style.removeProperty('position');
+    ref.grid.style.removeProperty('gap');
+    ref.grid.style.removeProperty('height');
+    if (ref.currentParams.type === types_1.default.row) {
+        ref.grid.style.removeProperty('width');
+    }
+    Array.from(ref.grid.children).forEach(el => {
+        const element = el;
+        element.classList.remove('gs-sortable-item');
+        element.style.removeProperty('position');
+        element.style.removeProperty('width');
+        element.style.removeProperty('left');
+        element.style.removeProperty('top');
+        element.style.removeProperty('transition');
+    });
+};
+exports.default = destroy;
+//# sourceMappingURL=destroy.js.map

package/dist/actions/destroy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../src/actions/destroy.tsx"],"names":[],"mappings":";;;;;AACA,+DAAuC;AAOvC,MAAM,OAAO,GAAG,CAAC,GAAkB,EAAQ,EAAE;IAC3C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAClD,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACnE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC1C,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAExC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,KAAK,eAAK,CAAC,GAAG,EAAE;QACxC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;KACxC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACzC,MAAM,OAAO,GAAG,EAAiB,CAAC;QAClC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACzC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACrC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/actions/general.d.ts

@@ -0,0 +1,13 @@
+export declare const getTranslateCoord: (element: HTMLElement) => {
+    x: number;
+    y: number;
+};
+export declare const getOffsetFromBody: (el: HTMLElement | null) => {
+    top: number;
+    left: number;
+};
+export declare const getOffsetFromWindow: (el: HTMLElement | null) => {
+    top: number;
+    left: number;
+};
+export declare const moveChildToIndex: (parent: HTMLElement, child: HTMLElement, newIndex: number) => void;