@os-design/drag-sort 1.0.13 → 1.0.15

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

@@ -1 +1 @@
-{"version":3,"file":"useBlankNode.js","names":["useBlankNode","props","draggedNode","targetList","initDraggedNodeRect","initDraggedNodeRectRef","useRef","blankNode","useEffect","current","ref","list","initWidth","initHeight","div","document","createElement","style","width","height","minWidth","minHeight","parent","innerList","innerRef","getBoundingClientRect","position","left","horizontal","top","appendChild","tail","getTail","node","add","setStyle","index","id","removeBlankNode","useCallback","blank","remove","blankNodeRef","parentElement","removeChild"],"sources":["../../../src/utils/useBlankNode.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport NodeList, { ExistingNode } from './NodeList';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\ninterface DraggedNode {\n  list: NodeList;\n}\n\ninterface UseBlankNodeProps {\n  draggedNode: DraggedNode | null;\n  targetList: NodeList | null;\n  initDraggedNodeRect: InitSize | null;\n}\n\ninterface BlankNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * Appends the blank node to the list to increase the height of it.\n * Used when the dragged node is located inside another list.\n */\nconst useBlankNode = (props: UseBlankNodeProps) => {\n  const { draggedNode, targetList, initDraggedNodeRect } = props;\n  const initDraggedNodeRectRef = useRef(initDraggedNodeRect);\n  const blankNode = useRef<BlankNode | null>(null);\n\n  useEffect(() => {\n    initDraggedNodeRectRef.current = initDraggedNodeRect;\n  }, [initDraggedNodeRect]);\n\n  useEffect(() => {\n    if (\n      !draggedNode ||\n      !targetList ||\n      !targetList.ref.current ||\n      draggedNode.list === targetList ||\n      !initDraggedNodeRectRef.current\n    ) {\n      return;\n    }\n\n    // Create a new blank div\n    const { initWidth, initHeight } = initDraggedNodeRectRef.current;\n    const div = document.createElement('div');\n    div.style.width = `${initWidth}px`;\n    div.style.height = `${initHeight}px`;\n    div.style.minWidth = `${initWidth}px`;\n    div.style.minHeight = `${initHeight}px`;\n\n    let parent = targetList.ref.current;\n    const innerList = targetList.innerRef.current;\n\n    // The inner ref used only in the virtual list\n    if (innerList) {\n      const { width, height } = innerList.getBoundingClientRect();\n      div.style.position = 'absolute';\n      div.style.left = targetList.horizontal ? `${width}px` : '0px';\n      div.style.top = targetList.horizontal ? '0px' : `${height}px`;\n      parent = innerList;\n    }\n\n    // Append the blank div to increase the height of the list\n    parent.appendChild(div);\n\n    // Add the blank node to the node list\n    const tail = targetList.getTail();\n    blankNode.current = {\n      list: targetList,\n      node: targetList.add({\n        ref: { current: div },\n        setStyle: () => {},\n        index: tail ? tail[4] + 1 : 0,\n        id: 'blank',\n      }),\n    };\n  }, [draggedNode, targetList]);\n\n  const removeBlankNode = useCallback(() => {\n    const blank = blankNode.current;\n    if (!blank) return;\n    blankNode.current = null;\n    blank.list.remove(blank.node);\n    const [, , blankNodeRef] = blank.node;\n    if (!blank.list.ref.current || !blankNodeRef.current) return;\n    const parent = blankNodeRef.current.parentElement;\n    if (parent) parent.removeChild(blankNodeRef.current);\n  }, []);\n\n  // Remove the blank node if the dragged node has been dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => removeBlankNode();\n  }, [draggedNode, removeBlankNode]);\n\n  return removeBlankNode;\n};\n\nexport default useBlankNode;\n"],"mappings":"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"}
+{"version":3,"file":"useBlankNode.js","names":["useBlankNode","props","draggedNode","targetList","initDraggedNodeRect","initDraggedNodeRectRef","useRef","blankNode","useEffect","current","ref","list","initWidth","initHeight","div","document","createElement","style","width","height","minWidth","minHeight","parent","innerList","innerRef","getBoundingClientRect","position","left","horizontal","top","appendChild","tail","getTail","node","add","setStyle","index","id","removeBlankNode","useCallback","blank","remove","blankNodeRef","parentElement","removeChild"],"sources":["../../../src/utils/useBlankNode.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport NodeList, { ExistingNode } from './NodeList';\n\ninterface InitSize {\n  initWidth: number;\n  initHeight: number;\n}\n\ninterface DraggedNode {\n  list: NodeList;\n}\n\ninterface UseBlankNodeProps {\n  draggedNode: DraggedNode | null;\n  targetList: NodeList | null;\n  initDraggedNodeRect: InitSize | null;\n}\n\ninterface BlankNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * Appends the blank node to the list to increase the height of it.\n * Used when the dragged node is located inside another list.\n */\nconst useBlankNode = (props: UseBlankNodeProps) => {\n  const { draggedNode, targetList, initDraggedNodeRect } = props;\n  const initDraggedNodeRectRef = useRef(initDraggedNodeRect);\n  const blankNode = useRef<BlankNode | null>(null);\n\n  useEffect(() => {\n    initDraggedNodeRectRef.current = initDraggedNodeRect;\n  }, [initDraggedNodeRect]);\n\n  useEffect(() => {\n    if (\n      !draggedNode ||\n      !targetList ||\n      !targetList.ref.current ||\n      draggedNode.list === targetList ||\n      !initDraggedNodeRectRef.current\n    ) {\n      return;\n    }\n\n    // Create a new blank div\n    const { initWidth, initHeight } = initDraggedNodeRectRef.current;\n    const div = document.createElement('div');\n    div.style.width = `${initWidth}px`;\n    div.style.height = `${initHeight}px`;\n    div.style.minWidth = `${initWidth}px`;\n    div.style.minHeight = `${initHeight}px`;\n\n    let parent = targetList.ref.current;\n    const innerList = targetList.innerRef.current;\n\n    // The inner ref used only in the virtual list\n    if (innerList) {\n      const { width, height } = innerList.getBoundingClientRect();\n      div.style.position = 'absolute';\n      div.style.left = targetList.horizontal ? `${width}px` : '0px';\n      div.style.top = targetList.horizontal ? '0px' : `${height}px`;\n      parent = innerList;\n    }\n\n    // Append the blank div to increase the height of the list\n    parent.appendChild(div);\n\n    // Add the blank node to the node list\n    const tail = targetList.getTail();\n    blankNode.current = {\n      list: targetList,\n      node: targetList.add({\n        ref: { current: div },\n        setStyle: () => {},\n        index: tail ? tail[4] + 1 : 0,\n        id: 'blank',\n      }),\n    };\n  }, [draggedNode, targetList]);\n\n  const removeBlankNode = useCallback(() => {\n    const blank = blankNode.current;\n    if (!blank) return;\n    blankNode.current = null;\n    blank.list.remove(blank.node);\n    const [, , blankNodeRef] = blank.node;\n    if (!blank.list.ref.current || !blankNodeRef.current) return;\n    const parent = blankNodeRef.current.parentElement;\n    if (parent) parent.removeChild(blankNodeRef.current);\n  }, []);\n\n  // Remove the blank node if the dragged node has been dropped\n  useEffect(() => {\n    if (!draggedNode) return () => {};\n    return () => removeBlankNode();\n  }, [draggedNode, removeBlankNode]);\n\n  return removeBlankNode;\n};\n\nexport default useBlankNode;\n"],"mappings":";;;;;;AAAA;AAAuD;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBvD;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAwB,EAAK;EACjD,IAAQC,WAAW,GAAsCD,KAAK,CAAtDC,WAAW;IAAEC,UAAU,GAA0BF,KAAK,CAAzCE,UAAU;IAAEC,mBAAmB,GAAKH,KAAK,CAA7BG,mBAAmB;EACpD,IAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAACF,mBAAmB,CAAC;EAC1D,IAAMG,SAAS,GAAG,IAAAD,aAAM,EAAmB,IAAI,CAAC;EAEhD,IAAAE,gBAAS,EAAC,YAAM;IACdH,sBAAsB,CAACI,OAAO,GAAGL,mBAAmB;EACtD,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,IAAAI,gBAAS,EAAC,YAAM;IACd,IACE,CAACN,WAAW,IACZ,CAACC,UAAU,IACX,CAACA,UAAU,CAACO,GAAG,CAACD,OAAO,IACvBP,WAAW,CAACS,IAAI,KAAKR,UAAU,IAC/B,CAACE,sBAAsB,CAACI,OAAO,EAC/B;MACA;IACF;;IAEA;IACA,4BAAkCJ,sBAAsB,CAACI,OAAO;MAAxDG,SAAS,yBAATA,SAAS;MAAEC,UAAU,yBAAVA,UAAU;IAC7B,IAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACzCF,GAAG,CAACG,KAAK,CAACC,KAAK,aAAMN,SAAS,OAAI;IAClCE,GAAG,CAACG,KAAK,CAACE,MAAM,aAAMN,UAAU,OAAI;IACpCC,GAAG,CAACG,KAAK,CAACG,QAAQ,aAAMR,SAAS,OAAI;IACrCE,GAAG,CAACG,KAAK,CAACI,SAAS,aAAMR,UAAU,OAAI;IAEvC,IAAIS,MAAM,GAAGnB,UAAU,CAACO,GAAG,CAACD,OAAO;IACnC,IAAMc,SAAS,GAAGpB,UAAU,CAACqB,QAAQ,CAACf,OAAO;;IAE7C;IACA,IAAIc,SAAS,EAAE;MACb,4BAA0BA,SAAS,CAACE,qBAAqB,EAAE;QAAnDP,KAAK,yBAALA,KAAK;QAAEC,MAAM,yBAANA,MAAM;MACrBL,GAAG,CAACG,KAAK,CAACS,QAAQ,GAAG,UAAU;MAC/BZ,GAAG,CAACG,KAAK,CAACU,IAAI,GAAGxB,UAAU,CAACyB,UAAU,aAAMV,KAAK,UAAO,KAAK;MAC7DJ,GAAG,CAACG,KAAK,CAACY,GAAG,GAAG1B,UAAU,CAACyB,UAAU,GAAG,KAAK,aAAMT,MAAM,OAAI;MAC7DG,MAAM,GAAGC,SAAS;IACpB;;IAEA;IACAD,MAAM,CAACQ,WAAW,CAAChB,GAAG,CAAC;;IAEvB;IACA,IAAMiB,IAAI,GAAG5B,UAAU,CAAC6B,OAAO,EAAE;IACjCzB,SAAS,CAACE,OAAO,GAAG;MAClBE,IAAI,EAAER,UAAU;MAChB8B,IAAI,EAAE9B,UAAU,CAAC+B,GAAG,CAAC;QACnBxB,GAAG,EAAE;UAAED,OAAO,EAAEK;QAAI,CAAC;QACrBqB,QAAQ,EAAE,oBAAM,CAAC,CAAC;QAClBC,KAAK,EAAEL,IAAI,GAAGA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;QAC7BM,EAAE,EAAE;MACN,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACnC,WAAW,EAAEC,UAAU,CAAC,CAAC;EAE7B,IAAMmC,eAAe,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACxC,IAAMC,KAAK,GAAGjC,SAAS,CAACE,OAAO;IAC/B,IAAI,CAAC+B,KAAK,EAAE;IACZjC,SAAS,CAACE,OAAO,GAAG,IAAI;IACxB+B,KAAK,CAAC7B,IAAI,CAAC8B,MAAM,CAACD,KAAK,CAACP,IAAI,CAAC;IAC7B,iCAA2BO,KAAK,CAACP,IAAI;MAA1BS,YAAY;IACvB,IAAI,CAACF,KAAK,CAAC7B,IAAI,CAACD,GAAG,CAACD,OAAO,IAAI,CAACiC,YAAY,CAACjC,OAAO,EAAE;IACtD,IAAMa,MAAM,GAAGoB,YAAY,CAACjC,OAAO,CAACkC,aAAa;IACjD,IAAIrB,MAAM,EAAEA,MAAM,CAACsB,WAAW,CAACF,YAAY,CAACjC,OAAO,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAD,gBAAS,EAAC,YAAM;IACd,IAAI,CAACN,WAAW,EAAE,OAAO,YAAM,CAAC,CAAC;IACjC,OAAO;MAAA,OAAMoC,eAAe,EAAE;IAAA;EAChC,CAAC,EAAE,CAACpC,WAAW,EAAEoC,eAAe,CAAC,CAAC;EAElC,OAAOA,eAAe;AACxB,CAAC;AAAC,eAEatC,YAAY;AAAA"}

package/dist/cjs/utils/useDragAndDrop.js

@@ -1,18 +1,13 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DragAndDropContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var DragAndDropContext = /*#__PURE__*/_react["default"].createContext({
   registerList: function registerList() {},
   deregisterList: function deregisterList() {},
@@ -20,13 +15,10 @@ var DragAndDropContext = /*#__PURE__*/_react["default"].createContext({
   onTouchStart: function onTouchStart() {},
   nodeClassName: ''
 });
-
 exports.DragAndDropContext = DragAndDropContext;
-
 var useDragAndDrop = function useDragAndDrop() {
   return (0, _react.useContext)(DragAndDropContext);
 };
-
 var _default = useDragAndDrop;
 exports["default"] = _default;
 //# sourceMappingURL=useDragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDragAndDrop.js","names":["DragAndDropContext","React","createContext","registerList","deregisterList","onMouseDown","onTouchStart","nodeClassName","useDragAndDrop","useContext"],"sources":["../../../src/utils/useDragAndDrop.ts"],"sourcesContent":["import React, { useContext, MouseEvent, TouchEvent } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\n\nexport interface SetDraggedNodeProps {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ntype NodeEventHandler<T> = (e: T, list: NodeList, node: ExistingNode) => void;\n\ninterface DragAndDropContextProps {\n  registerList: (list: NodeList) => void;\n  deregisterList: (id: string) => void;\n  onMouseDown: NodeEventHandler<MouseEvent>;\n  onTouchStart: NodeEventHandler<TouchEvent>;\n  nodeClassName: string;\n}\n\nexport const DragAndDropContext = React.createContext<DragAndDropContextProps>({\n  registerList: () => {},\n  deregisterList: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n  nodeClassName: '',\n});\n\nconst useDragAndDrop = (): DragAndDropContextProps =>\n  useContext(DragAndDropContext);\n\nexport default useDragAndDrop;\n"],"mappings":";;;;;;;;;AAAA;;;;;;AAoBO,IAAMA,kBAAkB,gBAAGC,iBAAA,CAAMC,aAAN,CAA6C;EAC7EC,YAAY,EAAE,wBAAM,CAAE,CADuD;EAE7EC,cAAc,EAAE,0BAAM,CAAE,CAFqD;EAG7EC,WAAW,EAAE,uBAAM,CAAE,CAHwD;EAI7EC,YAAY,EAAE,wBAAM,CAAE,CAJuD;EAK7EC,aAAa,EAAE;AAL8D,CAA7C,CAA3B;;;;AAQP,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,OACrB,IAAAC,iBAAA,EAAWT,kBAAX,CADqB;AAAA,CAAvB;;eAGeQ,c"}
+{"version":3,"file":"useDragAndDrop.js","names":["DragAndDropContext","React","createContext","registerList","deregisterList","onMouseDown","onTouchStart","nodeClassName","useDragAndDrop","useContext"],"sources":["../../../src/utils/useDragAndDrop.ts"],"sourcesContent":["import React, { useContext, MouseEvent, TouchEvent } from 'react';\nimport { Position } from '@os-design/use-drag';\nimport NodeList, { ExistingNode } from './NodeList';\n\nexport interface SetDraggedNodeProps {\n  list: NodeList;\n  node: ExistingNode;\n  position: Position;\n}\n\ntype NodeEventHandler<T> = (e: T, list: NodeList, node: ExistingNode) => void;\n\ninterface DragAndDropContextProps {\n  registerList: (list: NodeList) => void;\n  deregisterList: (id: string) => void;\n  onMouseDown: NodeEventHandler<MouseEvent>;\n  onTouchStart: NodeEventHandler<TouchEvent>;\n  nodeClassName: string;\n}\n\nexport const DragAndDropContext = React.createContext<DragAndDropContextProps>({\n  registerList: () => {},\n  deregisterList: () => {},\n  onMouseDown: () => {},\n  onTouchStart: () => {},\n  nodeClassName: '',\n});\n\nconst useDragAndDrop = (): DragAndDropContextProps =>\n  useContext(DragAndDropContext);\n\nexport default useDragAndDrop;\n"],"mappings":";;;;;;;AAAA;AAAkE;AAAA;AAoB3D,IAAMA,kBAAkB,gBAAGC,iBAAK,CAACC,aAAa,CAA0B;EAC7EC,YAAY,EAAE,wBAAM,CAAC,CAAC;EACtBC,cAAc,EAAE,0BAAM,CAAC,CAAC;EACxBC,WAAW,EAAE,uBAAM,CAAC,CAAC;EACrBC,YAAY,EAAE,wBAAM,CAAC,CAAC;EACtBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAAC;AAEH,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAClB,IAAAC,iBAAU,EAACT,kBAAkB,CAAC;AAAA;AAAC,eAElBQ,cAAc;AAAA"}