@os-design/drag-sort 1.0.14 → 1.0.16

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as DragAndDrop } from './DragAndDrop';\nexport { default as Droppable } from './Droppable';\nexport { default as Draggable } from './Draggable';\n\nexport * from './DragAndDrop';\nexport * from './Droppable';\nexport * from './Draggable';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAHA;;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAHA;;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as DragAndDrop } from './DragAndDrop';\nexport { default as Droppable } from './Droppable';\nexport { default as Draggable } from './Draggable';\n\nexport * from './DragAndDrop';\nexport * from './Droppable';\nexport * from './Draggable';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAHA;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAHA;AAIA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA4B;AAAA"}

package/dist/cjs/utils/ListStore.js

@@ -4,37 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 /**
  * Stores all the lists where the draggable items is located.
  */
 var ListStore = /*#__PURE__*/function () {
   function ListStore() {
     _classCallCheck(this, ListStore);
-
     this.lists = void 0;
     this.lists = [];
   }
+
   /**
    * Adds a new list to the store.
    */
-
-
   _createClass(ListStore, [{
     key: "add",
     value: function add(list) {
       this.lists.push(list);
     }
+
     /**
      * Removes the list from the store.
      */
-
   }, {
     key: "remove",
     value: function remove(id) {
@@ -44,10 +38,10 @@ var ListStore = /*#__PURE__*/function () {
       if (index === -1) return;
       this.lists.splice(index, 1);
     }
+
     /**
      * Returns the list in which the position is located.
      */
-
   }, {
     key: "findByPosition",
     value: function findByPosition(x, y) {
@@ -59,10 +53,8 @@ var ListStore = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return ListStore;
 }();
-
 var _default = ListStore;
 exports["default"] = _default;
 //# sourceMappingURL=ListStore.js.map

package/dist/cjs/utils/ListStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListStore.js","names":["ListStore","lists","list","push","id","index","findIndex","item","splice","x","y","find","current","ref","rect","getBoundingClientRect","width","height"],"sources":["../../../src/utils/ListStore.ts"],"sourcesContent":["import NodeList from './NodeList';\n\n/**\n * Stores all the lists where the draggable items is located.\n */\nclass ListStore {\n  private lists: NodeList[];\n\n  public constructor() {\n    this.lists = [];\n  }\n\n  /**\n   * Adds a new list to the store.\n   */\n  public add(list: NodeList) {\n    this.lists.push(list);\n  }\n\n  /**\n   * Removes the list from the store.\n   */\n  public remove(id: string) {\n    const index = this.lists.findIndex((item) => item.id === id);\n    if (index === -1) return;\n    this.lists.splice(index, 1);\n  }\n\n  /**\n   * Returns the list in which the position is located.\n   */\n  public findByPosition(x: number, y: number) {\n    return this.lists.find((list) => {\n      const { current } = list.ref;\n      if (!current) return false;\n      const rect = current.getBoundingClientRect();\n      return (\n        x >= rect.x &&\n        x <= rect.x + rect.width &&\n        y >= rect.y &&\n        y <= rect.y + rect.height\n      );\n    });\n  }\n}\n\nexport default ListStore;\n"],"mappings":";;;;;;;;;;;;;AAEA;AACA;AACA;IACMA,S;EAGJ,qBAAqB;IAAA;;IAAA,KAFbC,KAEa;IACnB,KAAKA,KAAL,GAAa,EAAb;EACD;EAED;AACF;AACA;;;;;WACE,aAAWC,IAAX,EAA2B;MACzB,KAAKD,KAAL,CAAWE,IAAX,CAAgBD,IAAhB;IACD;IAED;AACF;AACA;;;;WACE,gBAAcE,EAAd,EAA0B;MACxB,IAAMC,KAAK,GAAG,KAAKJ,KAAL,CAAWK,SAAX,CAAqB,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACH,EAAL,KAAYA,EAAtB;MAAA,CAArB,CAAd;MACA,IAAIC,KAAK,KAAK,CAAC,CAAf,EAAkB;MAClB,KAAKJ,KAAL,CAAWO,MAAX,CAAkBH,KAAlB,EAAyB,CAAzB;IACD;IAED;AACF;AACA;;;;WACE,wBAAsBI,CAAtB,EAAiCC,CAAjC,EAA4C;MAC1C,OAAO,KAAKT,KAAL,CAAWU,IAAX,CAAgB,UAACT,IAAD,EAAU;QAC/B,IAAQU,OAAR,GAAoBV,IAAI,CAACW,GAAzB,CAAQD,OAAR;QACA,IAAI,CAACA,OAAL,EAAc,OAAO,KAAP;QACd,IAAME,IAAI,GAAGF,OAAO,CAACG,qBAAR,EAAb;QACA,OACEN,CAAC,IAAIK,IAAI,CAACL,CAAV,IACAA,CAAC,IAAIK,IAAI,CAACL,CAAL,GAASK,IAAI,CAACE,KADnB,IAEAN,CAAC,IAAII,IAAI,CAACJ,CAFV,IAGAA,CAAC,IAAII,IAAI,CAACJ,CAAL,GAASI,IAAI,CAACG,MAJrB;MAMD,CAVM,CAAP;IAWD;;;;;;eAGYjB,S"}
+{"version":3,"file":"ListStore.js","names":["ListStore","lists","list","push","id","index","findIndex","item","splice","x","y","find","current","ref","rect","getBoundingClientRect","width","height"],"sources":["../../../src/utils/ListStore.ts"],"sourcesContent":["import NodeList from './NodeList';\n\n/**\n * Stores all the lists where the draggable items is located.\n */\nclass ListStore {\n  private lists: NodeList[];\n\n  public constructor() {\n    this.lists = [];\n  }\n\n  /**\n   * Adds a new list to the store.\n   */\n  public add(list: NodeList) {\n    this.lists.push(list);\n  }\n\n  /**\n   * Removes the list from the store.\n   */\n  public remove(id: string) {\n    const index = this.lists.findIndex((item) => item.id === id);\n    if (index === -1) return;\n    this.lists.splice(index, 1);\n  }\n\n  /**\n   * Returns the list in which the position is located.\n   */\n  public findByPosition(x: number, y: number) {\n    return this.lists.find((list) => {\n      const { current } = list.ref;\n      if (!current) return false;\n      const rect = current.getBoundingClientRect();\n      return (\n        x >= rect.x &&\n        x <= rect.x + rect.width &&\n        y >= rect.y &&\n        y <= rect.y + rect.height\n      );\n    });\n  }\n}\n\nexport default ListStore;\n"],"mappings":";;;;;;;;;AAEA;AACA;AACA;AAFA,IAGMA,SAAS;EAGb,qBAAqB;IAAA;IAAA,KAFbC,KAAK;IAGX,IAAI,CAACA,KAAK,GAAG,EAAE;EACjB;;EAEA;AACF;AACA;EAFE;IAAA;IAAA,OAGA,aAAWC,IAAc,EAAE;MACzB,IAAI,CAACD,KAAK,CAACE,IAAI,CAACD,IAAI,CAAC;IACvB;;IAEA;AACF;AACA;EAFE;IAAA;IAAA,OAGA,gBAAcE,EAAU,EAAE;MACxB,IAAMC,KAAK,GAAG,IAAI,CAACJ,KAAK,CAACK,SAAS,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACH,EAAE,KAAKA,EAAE;MAAA,EAAC;MAC5D,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;MAClB,IAAI,CAACJ,KAAK,CAACO,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;IAC7B;;IAEA;AACF;AACA;EAFE;IAAA;IAAA,OAGA,wBAAsBI,CAAS,EAAEC,CAAS,EAAE;MAC1C,OAAO,IAAI,CAACT,KAAK,CAACU,IAAI,CAAC,UAACT,IAAI,EAAK;QAC/B,IAAQU,OAAO,GAAKV,IAAI,CAACW,GAAG,CAApBD,OAAO;QACf,IAAI,CAACA,OAAO,EAAE,OAAO,KAAK;QAC1B,IAAME,IAAI,GAAGF,OAAO,CAACG,qBAAqB,EAAE;QAC5C,OACEN,CAAC,IAAIK,IAAI,CAACL,CAAC,IACXA,CAAC,IAAIK,IAAI,CAACL,CAAC,GAAGK,IAAI,CAACE,KAAK,IACxBN,CAAC,IAAII,IAAI,CAACJ,CAAC,IACXA,CAAC,IAAII,IAAI,CAACJ,CAAC,GAAGI,IAAI,CAACG,MAAM;MAE7B,CAAC,CAAC;IACJ;EAAC;EAAA;AAAA;AAAA,eAGYjB,SAAS;AAAA"}

package/dist/cjs/utils/NodeList.js

@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 /* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */
 // [prev, next, ref, setStyle, index, id]
-
 /**
  * Stores all the draggable items in the list.
  * The structure of the doubly linked list is used.
@@ -63,9 +52,9 @@ var NodeList = /*#__PURE__*/function () {
   /**
    * Listeners of node addition events.
    */
+
   function NodeList(props) {
     _classCallCheck(this, NodeList);
-
     this.id = void 0;
     this.ref = void 0;
     this.innerRef = void 0;
@@ -83,7 +72,6 @@ var NodeList = /*#__PURE__*/function () {
     this.tail = null;
     this.listeners = [];
   }
-
   _createClass(NodeList, [{
     key: "getHead",
     value: function getHead() {
@@ -94,47 +82,41 @@ var NodeList = /*#__PURE__*/function () {
     value: function getTail() {
       return this.tail;
     }
+
     /**
      * Adds the node to the beginning.
      * TL: O(1).
      */
-
   }, {
     key: "addToTheBeginning",
     value: function addToTheBeginning(props) {
       this.head = [null, this.head, props.ref, props.setStyle, props.index, props.id];
-
       var _this$head = _slicedToArray(this.head, 2),
-          next = _this$head[1];
-
+        next = _this$head[1];
       if (next) next[0] = this.head; // Set the prev cursor of the next element
-
       if (!this.tail) this.tail = this.head;
       return this.head;
     }
+
     /**
      * Adds the node to the end.
      * TL: O(1).
      */
-
   }, {
     key: "addToTheEnd",
     value: function addToTheEnd(props) {
       this.tail = [this.tail, null, props.ref, props.setStyle, props.index, props.id];
-
       var _this$tail = _slicedToArray(this.tail, 1),
-          prev = _this$tail[0];
-
+        prev = _this$tail[0];
       if (prev) prev[1] = this.tail; // Set the next cursor of the prev element
-
       if (!this.head) this.head = this.tail;
       return this.tail;
     }
+
     /**
      * Adds the node after the specified one.
      * TL: O(1).
      */
-
   }, {
     key: "add",
     value:
@@ -144,93 +126,82 @@ var NodeList = /*#__PURE__*/function () {
      * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.
      */
     function add(props) {
-      var index = props.index; // Run listeners
+      var index = props.index;
 
+      // Run listeners
       this.listeners.forEach(function (listener) {
         return listener(props);
-      }); // Add the first node to the beginning
+      });
 
+      // Add the first node to the beginning
       if (!this.head || !this.tail) {
         return this.addToTheBeginning(props);
-      } // Add the node to the beginning if it is located above the first one
-
+      }
 
+      // Add the node to the beginning if it is located above the first one
       var _this$head2 = _slicedToArray(this.head, 5),
-          headIndex = _this$head2[4];
-
+        headIndex = _this$head2[4];
       if (index < headIndex) {
         return this.addToTheBeginning(props);
-      } // Add the node to the end if it is located below the last one
-
+      }
 
+      // Add the node to the end if it is located below the last one
       var _this$tail2 = _slicedToArray(this.tail, 5),
-          tailIndex = _this$tail2[4];
-
+        tailIndex = _this$tail2[4];
       if (index === tailIndex) {
         // The tail is the blank node
         var _this$tail3 = _slicedToArray(this.tail, 1),
-            prev = _this$tail3[0];
-
+          prev = _this$tail3[0];
         if (prev) {
           this.tail[4] += 1;
           return NodeList.addAfter(prev, props);
         }
       }
-
       if (index > tailIndex) {
         return this.addToTheEnd(props);
-      } // Add the node after the one that is located above the current one
-
+      }
 
+      // Add the node after the one that is located above the current one
       var node = this.head;
-
       while (true) {
         var _node = node,
-            _node2 = _slicedToArray(_node, 2),
-            next = _node2[1];
-
+          _node2 = _slicedToArray(_node, 2),
+          next = _node2[1];
         if (!next) break;
-
         var _next = _slicedToArray(next, 5),
-            nextIndex = _next[4];
-
+          nextIndex = _next[4];
         if (index < nextIndex) break;
         node = next;
       }
-
       return NodeList.addAfter(node, props);
     }
+
     /**
      * Removes the existing node.
      * Called when the node is unmounted.
      * TL: O(1).
      */
-
   }, {
     key: "remove",
     value: function remove(node) {
       var _node3 = _slicedToArray(node, 2),
-          prev = _node3[0],
-          next = _node3[1];
-
+        prev = _node3[0],
+        next = _node3[1];
       if (!prev && !next) {
         this.head = null;
         this.tail = null;
         return;
       }
-
       if (!prev && next) {
         next[0] = null;
         this.head = next;
         return;
       }
-
       if (prev && !next) {
         prev[1] = null;
         this.tail = prev;
         return;
       }
-
       if (prev && next) {
         prev[1] = next;
         next[0] = prev;
@@ -257,10 +228,8 @@ var NodeList = /*#__PURE__*/function () {
       return node[1];
     }
   }]);
-
   return NodeList;
 }();
-
 var _default = NodeList;
 exports["default"] = _default;
 //# sourceMappingURL=NodeList.js.map

package/dist/cjs/utils/NodeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeList.js","names":["NodeList","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","setStyle","index","next","prev","forEach","listener","addToTheBeginning","headIndex","tailIndex","addAfter","addToTheEnd","node","nextIndex","callback","push","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}
+{"version":3,"file":"NodeList.js","names":["NodeList","props","id","ref","innerRef","horizontal","renderDraggedNode","head","tail","listeners","setStyle","index","next","prev","forEach","listener","addToTheBeginning","headIndex","tailIndex","addAfter","addToTheEnd","node","nextIndex","callback","push","findIndex","splice"],"sources":["../../../src/utils/NodeList.ts"],"sourcesContent":["import React, { CSSProperties, RefObject } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any,no-param-reassign,prefer-destructuring,no-constant-condition */\n\n// [prev, next, ref, setStyle, index, id]\nexport type Node =\n  | [Node, Node, RefObject<any>, (style: CSSProperties) => void, number, string]\n  | null;\n\nexport type ExistingNode = Exclude<Node, null>;\n\nexport interface NodeProps {\n  ref: React.MutableRefObject<any>;\n  setStyle: (style: CSSProperties) => void;\n  index: number;\n  id: string;\n}\n\ninterface RenderDraggedNodeProps {\n  /**\n   * The index of the dragged node.\n   */\n  index: number;\n  /**\n   * The ID of the dragged node.\n   */\n  id: string;\n  /**\n   * The style of the dragged node with position.\n   */\n  style: CSSProperties;\n}\n\nexport type RenderDraggedNode = (\n  props: RenderDraggedNodeProps\n) => React.ReactNode;\n\ninterface InitProps {\n  id: string;\n  ref: RefObject<HTMLDivElement>;\n  innerRef: RefObject<HTMLDivElement>;\n  horizontal: boolean;\n  renderDraggedNode: RenderDraggedNode;\n}\n\n/**\n * Stores all the draggable items in the list.\n * The structure of the doubly linked list is used.\n */\nclass NodeList {\n  /**\n   * The ID of the list.\n   */\n  public id: string;\n\n  /**\n   * The ref to the list.\n   */\n  public ref: RefObject<HTMLDivElement>;\n\n  /**\n   * The inner ref to the list.\n   * Used by the virtual list.\n   */\n  public innerRef: RefObject<HTMLDivElement>;\n\n  /**\n   * Whether the list is horizontal.\n   */\n  public horizontal: boolean;\n\n  /**\n   * The callback that renders the dragged node.\n   */\n  public renderDraggedNode: RenderDraggedNode;\n\n  /**\n   * The head of draggable nodes.\n   */\n  private head: Node;\n\n  /**\n   * The tail of draggable nodes.\n   */\n  private tail: Node;\n\n  /**\n   * Listeners of node addition events.\n   */\n  private listeners: Array<(props: NodeProps) => void>;\n\n  public constructor(props: InitProps) {\n    this.id = props.id;\n    this.ref = props.ref;\n    this.innerRef = props.innerRef;\n    this.horizontal = props.horizontal;\n    this.renderDraggedNode = props.renderDraggedNode;\n    this.head = null;\n    this.tail = null;\n    this.listeners = [];\n  }\n\n  public getHead() {\n    return this.head;\n  }\n\n  public getTail() {\n    return this.tail;\n  }\n\n  /**\n   * Adds the node to the beginning.\n   * TL: O(1).\n   */\n  private addToTheBeginning(props: NodeProps): ExistingNode {\n    this.head = [\n      null,\n      this.head,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [, next] = this.head;\n    if (next) next[0] = this.head; // Set the prev cursor of the next element\n    if (!this.tail) this.tail = this.head;\n    return this.head;\n  }\n\n  /**\n   * Adds the node to the end.\n   * TL: O(1).\n   */\n  private addToTheEnd(props: NodeProps): ExistingNode {\n    this.tail = [\n      this.tail,\n      null,\n      props.ref,\n      props.setStyle,\n      props.index,\n      props.id,\n    ];\n    const [prev] = this.tail;\n    if (prev) prev[1] = this.tail; // Set the next cursor of the prev element\n    if (!this.head) this.head = this.tail;\n    return this.tail;\n  }\n\n  /**\n   * Adds the node after the specified one.\n   * TL: O(1).\n   */\n  private static addAfter(node: ExistingNode, props: NodeProps): ExistingNode {\n    node[1] = [node, node[1], props.ref, props.setStyle, props.index, props.id];\n    if (node[1][1]) node[1][1][0] = node[1];\n    return node[1];\n  }\n\n  /**\n   * Adds a new node depends on its position.\n   * Called when a new node is mounted.\n   * TL: O(1) – add to the beginning or to the end, O(n) – add to the middle.\n   */\n  public add(props: NodeProps): ExistingNode {\n    const { index } = props;\n\n    // Run listeners\n    this.listeners.forEach((listener) => listener(props));\n\n    // Add the first node to the beginning\n    if (!this.head || !this.tail) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the beginning if it is located above the first one\n    const [, , , , headIndex] = this.head;\n    if (index < headIndex) {\n      return this.addToTheBeginning(props);\n    }\n\n    // Add the node to the end if it is located below the last one\n    const [, , , , tailIndex] = this.tail;\n    if (index === tailIndex) {\n      // The tail is the blank node\n      const [prev] = this.tail;\n      if (prev) {\n        this.tail[4] += 1;\n        return NodeList.addAfter(prev, props);\n      }\n    }\n    if (index > tailIndex) {\n      return this.addToTheEnd(props);\n    }\n\n    // Add the node after the one that is located above the current one\n    let node = this.head;\n    while (true) {\n      const [, next] = node;\n      if (!next) break;\n      const [, , , , nextIndex] = next;\n      if (index < nextIndex) break;\n      node = next;\n    }\n    return NodeList.addAfter(node, props);\n  }\n\n  /**\n   * Removes the existing node.\n   * Called when the node is unmounted.\n   * TL: O(1).\n   */\n  public remove(node: ExistingNode) {\n    const [prev, next] = node;\n    if (!prev && !next) {\n      this.head = null;\n      this.tail = null;\n      return;\n    }\n    if (!prev && next) {\n      next[0] = null;\n      this.head = next;\n      return;\n    }\n    if (prev && !next) {\n      prev[1] = null;\n      this.tail = prev;\n      return;\n    }\n    if (prev && next) {\n      prev[1] = next;\n      next[0] = prev;\n    }\n  }\n\n  public addListener(callback: (props: NodeProps) => void) {\n    this.listeners.push(callback);\n  }\n\n  public removeListener(callback: (props: NodeProps) => void) {\n    const index = this.listeners.findIndex((listener) => listener === callback);\n    this.listeners.splice(index, 1);\n  }\n}\n\nexport default NodeList;\n"],"mappings":"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"}

package/dist/cjs/utils/getElementOffset.js

@@ -4,24 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var getElementOffset = function getElementOffset(element) {
   var offsetLeft = 0;
   var offsetTop = 0;
   var el = element;
-
   while (el) {
     offsetLeft += el.offsetLeft;
     offsetTop += el.offsetTop;
     el = el.offsetParent;
   }
-
   return {
     offsetLeft: offsetLeft,
     offsetTop: offsetTop
   };
 };
-
 var _default = getElementOffset;
 exports["default"] = _default;
 //# sourceMappingURL=getElementOffset.js.map

package/dist/cjs/utils/getElementOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementOffset.js","names":["getElementOffset","element","offsetLeft","offsetTop","el","offsetParent"],"sources":["../../../src/utils/getElementOffset.ts"],"sourcesContent":["const getElementOffset = (element: HTMLElement) => {\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    offsetLeft += el.offsetLeft;\n    offsetTop += el.offsetTop;\n    el = el.offsetParent as HTMLElement;\n  }\n  return { offsetLeft, offsetTop };\n};\n\nexport default getElementOffset;\n"],"mappings":";;;;;;;AAAA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAA0B;EACjD,IAAIC,UAAU,GAAG,CAAjB;EACA,IAAIC,SAAS,GAAG,CAAhB;EACA,IAAIC,EAAsB,GAAGH,OAA7B;;EACA,OAAOG,EAAP,EAAW;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAjB;IACAC,SAAS,IAAIC,EAAE,CAACD,SAAhB;IACAC,EAAE,GAAGA,EAAE,CAACC,YAAR;EACD;;EACD,OAAO;IAAEH,UAAU,EAAVA,UAAF;IAAcC,SAAS,EAATA;EAAd,CAAP;AACD,CAVD;;eAYeH,gB"}
+{"version":3,"file":"getElementOffset.js","names":["getElementOffset","element","offsetLeft","offsetTop","el","offsetParent"],"sources":["../../../src/utils/getElementOffset.ts"],"sourcesContent":["const getElementOffset = (element: HTMLElement) => {\n  let offsetLeft = 0;\n  let offsetTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    offsetLeft += el.offsetLeft;\n    offsetTop += el.offsetTop;\n    el = el.offsetParent as HTMLElement;\n  }\n  return { offsetLeft, offsetTop };\n};\n\nexport default getElementOffset;\n"],"mappings":";;;;;;AAAA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAAoB,EAAK;EACjD,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;EACjB,IAAIC,EAAsB,GAAGH,OAAO;EACpC,OAAOG,EAAE,EAAE;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAU;IAC3BC,SAAS,IAAIC,EAAE,CAACD,SAAS;IACzBC,EAAE,GAAGA,EAAE,CAACC,YAA2B;EACrC;EACA,OAAO;IAAEH,UAAU,EAAVA,UAAU;IAAEC,SAAS,EAATA;EAAU,CAAC;AAClC,CAAC;AAAC,eAEaH,gBAAgB;AAAA"}

package/dist/cjs/utils/getElementScroll.js

@@ -4,24 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var getElementScroll = function getElementScroll(element) {
   var scrollLeft = 0;
   var scrollTop = 0;
   var el = element;
-
   while (el) {
     scrollLeft += el.scrollLeft;
     scrollTop += el.scrollTop;
     el = el.parentElement;
   }
-
   return {
     scrollLeft: scrollLeft,
     scrollTop: scrollTop
   };
 };
-
 var _default = getElementScroll;
 exports["default"] = _default;
 //# sourceMappingURL=getElementScroll.js.map

package/dist/cjs/utils/getElementScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementScroll.js","names":["getElementScroll","element","scrollLeft","scrollTop","el","parentElement"],"sources":["../../../src/utils/getElementScroll.ts"],"sourcesContent":["const getElementScroll = (element: HTMLElement) => {\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    scrollLeft += el.scrollLeft;\n    scrollTop += el.scrollTop;\n    el = el.parentElement;\n  }\n  return { scrollLeft, scrollTop };\n};\n\nexport default getElementScroll;\n"],"mappings":";;;;;;;AAAA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAA0B;EACjD,IAAIC,UAAU,GAAG,CAAjB;EACA,IAAIC,SAAS,GAAG,CAAhB;EACA,IAAIC,EAAsB,GAAGH,OAA7B;;EACA,OAAOG,EAAP,EAAW;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAjB;IACAC,SAAS,IAAIC,EAAE,CAACD,SAAhB;IACAC,EAAE,GAAGA,EAAE,CAACC,aAAR;EACD;;EACD,OAAO;IAAEH,UAAU,EAAVA,UAAF;IAAcC,SAAS,EAATA;EAAd,CAAP;AACD,CAVD;;eAYeH,gB"}
+{"version":3,"file":"getElementScroll.js","names":["getElementScroll","element","scrollLeft","scrollTop","el","parentElement"],"sources":["../../../src/utils/getElementScroll.ts"],"sourcesContent":["const getElementScroll = (element: HTMLElement) => {\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let el: HTMLElement | null = element;\n  while (el) {\n    scrollLeft += el.scrollLeft;\n    scrollTop += el.scrollTop;\n    el = el.parentElement;\n  }\n  return { scrollLeft, scrollTop };\n};\n\nexport default getElementScroll;\n"],"mappings":";;;;;;AAAA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAAoB,EAAK;EACjD,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAIC,SAAS,GAAG,CAAC;EACjB,IAAIC,EAAsB,GAAGH,OAAO;EACpC,OAAOG,EAAE,EAAE;IACTF,UAAU,IAAIE,EAAE,CAACF,UAAU;IAC3BC,SAAS,IAAIC,EAAE,CAACD,SAAS;IACzBC,EAAE,GAAGA,EAAE,CAACC,aAAa;EACvB;EACA,OAAO;IAAEH,UAAU,EAAVA,UAAU;IAAEC,SAAS,EAATA;EAAU,CAAC;AAClC,CAAC;AAAC,eAEaH,gBAAgB;AAAA"}

package/dist/cjs/utils/getNodeRect.js

@@ -4,35 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _getElementScroll = _interopRequireDefault(require("./getElementScroll"));
-
 var _getElementOffset2 = _interopRequireDefault(require("./getElementOffset"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Computes the bounds of the existing node without considering transforms.
  */
 var getNodeRect = function getNodeRect(ref) {
   if (!ref.current) return null;
   var parent = ref.current.parentElement;
-
   var _ref$current$getBound = ref.current.getBoundingClientRect(),
-      width = _ref$current$getBound.width,
-      height = _ref$current$getBound.height;
-
+    width = _ref$current$getBound.width,
+    height = _ref$current$getBound.height;
   var _getElementOffset = (0, _getElementOffset2["default"])(ref.current),
-      offsetLeft = _getElementOffset.offsetLeft,
-      offsetTop = _getElementOffset.offsetTop;
-
+    offsetLeft = _getElementOffset.offsetLeft,
+    offsetTop = _getElementOffset.offsetTop;
   var _ref = parent ? (0, _getElementScroll["default"])(parent) : {
-    scrollLeft: 0,
-    scrollTop: 0
-  },
-      scrollLeft = _ref.scrollLeft,
-      scrollTop = _ref.scrollTop;
-
+      scrollLeft: 0,
+      scrollTop: 0
+    },
+    scrollLeft = _ref.scrollLeft,
+    scrollTop = _ref.scrollTop;
   var left = offsetLeft - scrollLeft;
   var top = offsetTop - scrollTop;
   return {
@@ -42,7 +34,6 @@ var getNodeRect = function getNodeRect(ref) {
     bottom: top + height
   };
 };
-
 var _default = getNodeRect;
 exports["default"] = _default;
 //# sourceMappingURL=getNodeRect.js.map

package/dist/cjs/utils/getNodeRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNodeRect.js","names":["getNodeRect","ref","current","parent","parentElement","getBoundingClientRect","width","height","getElementOffset","offsetLeft","offsetTop","getElementScroll","scrollLeft","scrollTop","left","top","right","bottom"],"sources":["../../../src/utils/getNodeRect.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport getElementScroll from './getElementScroll';\nimport getElementOffset from './getElementOffset';\n\n/**\n * Computes the bounds of the existing node without considering transforms.\n */\nconst getNodeRect = (ref: RefObject<HTMLElement>) => {\n  if (!ref.current) return null;\n\n  const parent = ref.current.parentElement;\n  const { width, height } = ref.current.getBoundingClientRect();\n  const { offsetLeft, offsetTop } = getElementOffset(ref.current);\n  const { scrollLeft, scrollTop } = parent\n    ? getElementScroll(parent)\n    : { scrollLeft: 0, scrollTop: 0 };\n\n  const left = offsetLeft - scrollLeft;\n  const top = offsetTop - scrollTop;\n\n  return {\n    left,\n    top,\n    right: left + width,\n    bottom: top + height,\n  };\n};\n\nexport default getNodeRect;\n"],"mappings":";;;;;;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAiC;EACnD,IAAI,CAACA,GAAG,CAACC,OAAT,EAAkB,OAAO,IAAP;EAElB,IAAMC,MAAM,GAAGF,GAAG,CAACC,OAAJ,CAAYE,aAA3B;;EACA,4BAA0BH,GAAG,CAACC,OAAJ,CAAYG,qBAAZ,EAA1B;EAAA,IAAQC,KAAR,yBAAQA,KAAR;EAAA,IAAeC,MAAf,yBAAeA,MAAf;;EACA,wBAAkC,IAAAC,6BAAA,EAAiBP,GAAG,CAACC,OAArB,CAAlC;EAAA,IAAQO,UAAR,qBAAQA,UAAR;EAAA,IAAoBC,SAApB,qBAAoBA,SAApB;;EACA,WAAkCP,MAAM,GACpC,IAAAQ,4BAAA,EAAiBR,MAAjB,CADoC,GAEpC;IAAES,UAAU,EAAE,CAAd;IAAiBC,SAAS,EAAE;EAA5B,CAFJ;EAAA,IAAQD,UAAR,QAAQA,UAAR;EAAA,IAAoBC,SAApB,QAAoBA,SAApB;;EAIA,IAAMC,IAAI,GAAGL,UAAU,GAAGG,UAA1B;EACA,IAAMG,GAAG,GAAGL,SAAS,GAAGG,SAAxB;EAEA,OAAO;IACLC,IAAI,EAAJA,IADK;IAELC,GAAG,EAAHA,GAFK;IAGLC,KAAK,EAAEF,IAAI,GAAGR,KAHT;IAILW,MAAM,EAAEF,GAAG,GAAGR;EAJT,CAAP;AAMD,CAnBD;;eAqBeP,W"}
+{"version":3,"file":"getNodeRect.js","names":["getNodeRect","ref","current","parent","parentElement","getBoundingClientRect","width","height","getElementOffset","offsetLeft","offsetTop","getElementScroll","scrollLeft","scrollTop","left","top","right","bottom"],"sources":["../../../src/utils/getNodeRect.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport getElementScroll from './getElementScroll';\nimport getElementOffset from './getElementOffset';\n\n/**\n * Computes the bounds of the existing node without considering transforms.\n */\nconst getNodeRect = (ref: RefObject<HTMLElement>) => {\n  if (!ref.current) return null;\n\n  const parent = ref.current.parentElement;\n  const { width, height } = ref.current.getBoundingClientRect();\n  const { offsetLeft, offsetTop } = getElementOffset(ref.current);\n  const { scrollLeft, scrollTop } = parent\n    ? getElementScroll(parent)\n    : { scrollLeft: 0, scrollTop: 0 };\n\n  const left = offsetLeft - scrollLeft;\n  const top = offsetTop - scrollTop;\n\n  return {\n    left,\n    top,\n    right: left + width,\n    bottom: top + height,\n  };\n};\n\nexport default getNodeRect;\n"],"mappings":";;;;;;AACA;AACA;AAAkD;AAElD;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAA2B,EAAK;EACnD,IAAI,CAACA,GAAG,CAACC,OAAO,EAAE,OAAO,IAAI;EAE7B,IAAMC,MAAM,GAAGF,GAAG,CAACC,OAAO,CAACE,aAAa;EACxC,4BAA0BH,GAAG,CAACC,OAAO,CAACG,qBAAqB,EAAE;IAArDC,KAAK,yBAALA,KAAK;IAAEC,MAAM,yBAANA,MAAM;EACrB,wBAAkC,IAAAC,6BAAgB,EAACP,GAAG,CAACC,OAAO,CAAC;IAAvDO,UAAU,qBAAVA,UAAU;IAAEC,SAAS,qBAATA,SAAS;EAC7B,WAAkCP,MAAM,GACpC,IAAAQ,4BAAgB,EAACR,MAAM,CAAC,GACxB;MAAES,UAAU,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAE,CAAC;IAF3BD,UAAU,QAAVA,UAAU;IAAEC,SAAS,QAATA,SAAS;EAI7B,IAAMC,IAAI,GAAGL,UAAU,GAAGG,UAAU;EACpC,IAAMG,GAAG,GAAGL,SAAS,GAAGG,SAAS;EAEjC,OAAO;IACLC,IAAI,EAAJA,IAAI;IACJC,GAAG,EAAHA,GAAG;IACHC,KAAK,EAAEF,IAAI,GAAGR,KAAK;IACnBW,MAAM,EAAEF,GAAG,GAAGR;EAChB,CAAC;AACH,CAAC;AAAC,eAEaP,WAAW;AAAA"}

package/dist/cjs/utils/useAppendClassName.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 /**
  * Adds a new class name to the element.
  */
@@ -21,7 +19,6 @@ var useAppendClassName = function useAppendClassName(ref, className) {
     };
   }, [className, ref]);
 };
-
 var _default = useAppendClassName;
 exports["default"] = _default;
 //# sourceMappingURL=useAppendClassName.js.map

package/dist/cjs/utils/useAppendClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppendClassName.js","names":["useAppendClassName","ref","className","useEffect","element","current","initClassName","trim"],"sources":["../../../src/utils/useAppendClassName.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\n/**\n * Adds a new class name to the element.\n */\nconst useAppendClassName = (ref: RefObject<HTMLElement>, className: string) => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return () => {};\n\n    const initClassName = element.className;\n    element.className = `${initClassName} ${className}`.trim();\n\n    return () => {\n      element.className = initClassName;\n    };\n  }, [className, ref]);\n};\n\nexport default useAppendClassName;\n"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,GAAD,EAA8BC,SAA9B,EAAoD;EAC7E,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAMC,OAAO,GAAGH,GAAG,CAACI,OAApB;IACA,IAAI,CAACD,OAAL,EAAc,OAAO,YAAM,CAAE,CAAf;IAEd,IAAME,aAAa,GAAGF,OAAO,CAACF,SAA9B;IACAE,OAAO,CAACF,SAAR,GAAoB,UAAGI,aAAH,cAAoBJ,SAApB,EAAgCK,IAAhC,EAApB;IAEA,OAAO,YAAM;MACXH,OAAO,CAACF,SAAR,GAAoBI,aAApB;IACD,CAFD;EAGD,CAVD,EAUG,CAACJ,SAAD,EAAYD,GAAZ,CAVH;AAWD,CAZD;;eAceD,kB"}
+{"version":3,"file":"useAppendClassName.js","names":["useAppendClassName","ref","className","useEffect","element","current","initClassName","trim"],"sources":["../../../src/utils/useAppendClassName.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\n/**\n * Adds a new class name to the element.\n */\nconst useAppendClassName = (ref: RefObject<HTMLElement>, className: string) => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return () => {};\n\n    const initClassName = element.className;\n    element.className = `${initClassName} ${className}`.trim();\n\n    return () => {\n      element.className = initClassName;\n    };\n  }, [className, ref]);\n};\n\nexport default useAppendClassName;\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,GAA2B,EAAEC,SAAiB,EAAK;EAC7E,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,OAAO,GAAGH,GAAG,CAACI,OAAO;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAO,YAAM,CAAC,CAAC;IAE7B,IAAME,aAAa,GAAGF,OAAO,CAACF,SAAS;IACvCE,OAAO,CAACF,SAAS,GAAG,UAAGI,aAAa,cAAIJ,SAAS,EAAGK,IAAI,EAAE;IAE1D,OAAO,YAAM;MACXH,OAAO,CAACF,SAAS,GAAGI,aAAa;IACnC,CAAC;EACH,CAAC,EAAE,CAACJ,SAAS,EAAED,GAAG,CAAC,CAAC;AACtB,CAAC;AAAC,eAEaD,kBAAkB;AAAA"}

package/dist/cjs/utils/useBlankNode.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /**
  * Appends the blank node to the list to increase the height of it.
  * Used when the dragged node is located inside another list.
  */
 var useBlankNode = function useBlankNode(props) {
   var draggedNode = props.draggedNode,
-      targetList = props.targetList,
-      initDraggedNodeRect = props.initDraggedNodeRect;
+    targetList = props.targetList,
+    initDraggedNodeRect = props.initDraggedNodeRect;
   var initDraggedNodeRectRef = (0, _react.useRef)(initDraggedNodeRect);
   var blankNode = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
@@ -35,34 +27,35 @@ var useBlankNode = function useBlankNode(props) {
   (0, _react.useEffect)(function () {
     if (!draggedNode || !targetList || !targetList.ref.current || draggedNode.list === targetList || !initDraggedNodeRectRef.current) {
       return;
-    } // Create a new blank div
-
+    }
 
+    // Create a new blank div
     var _initDraggedNodeRectR = initDraggedNodeRectRef.current,
-        initWidth = _initDraggedNodeRectR.initWidth,
-        initHeight = _initDraggedNodeRectR.initHeight;
+      initWidth = _initDraggedNodeRectR.initWidth,
+      initHeight = _initDraggedNodeRectR.initHeight;
     var div = document.createElement('div');
     div.style.width = "".concat(initWidth, "px");
     div.style.height = "".concat(initHeight, "px");
     div.style.minWidth = "".concat(initWidth, "px");
     div.style.minHeight = "".concat(initHeight, "px");
     var parent = targetList.ref.current;
-    var innerList = targetList.innerRef.current; // The inner ref used only in the virtual list
+    var innerList = targetList.innerRef.current;
 
+    // The inner ref used only in the virtual list
     if (innerList) {
       var _innerList$getBoundin = innerList.getBoundingClientRect(),
-          width = _innerList$getBoundin.width,
-          height = _innerList$getBoundin.height;
-
+        width = _innerList$getBoundin.width,
+        height = _innerList$getBoundin.height;
       div.style.position = 'absolute';
       div.style.left = targetList.horizontal ? "".concat(width, "px") : '0px';
       div.style.top = targetList.horizontal ? '0px' : "".concat(height, "px");
       parent = innerList;
-    } // Append the blank div to increase the height of the list
-
+    }
 
-    parent.appendChild(div); // Add the blank node to the node list
+    // Append the blank div to increase the height of the list
+    parent.appendChild(div);
 
+    // Add the blank node to the node list
     var tail = targetList.getTail();
     blankNode.current = {
       list: targetList,
@@ -81,15 +74,14 @@ var useBlankNode = function useBlankNode(props) {
     if (!blank) return;
     blankNode.current = null;
     blank.list.remove(blank.node);
-
     var _blank$node = _slicedToArray(blank.node, 3),
-        blankNodeRef = _blank$node[2];
-
+      blankNodeRef = _blank$node[2];
     if (!blank.list.ref.current || !blankNodeRef.current) return;
     var parent = blankNodeRef.current.parentElement;
     if (parent) parent.removeChild(blankNodeRef.current);
-  }, []); // Remove the blank node if the dragged node has been dropped
+  }, []);
 
+  // Remove the blank node if the dragged node has been dropped
   (0, _react.useEffect)(function () {
     if (!draggedNode) return function () {};
     return function () {
@@ -98,7 +90,6 @@ var useBlankNode = function useBlankNode(props) {
   }, [draggedNode, removeBlankNode]);
   return removeBlankNode;
 };
-
 var _default = useBlankNode;
 exports["default"] = _default;
 //# sourceMappingURL=useBlankNode.js.map