@os-design/drag-sort 1.0.14 → 1.0.16

package/dist/cjs/DragAndDrop.js

@@ -1,105 +1,84 @@
 "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"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _usePreventDefaultEvent = _interopRequireDefault(require("@os-design/use-prevent-default-event"));
-
 var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-
 var _useDrag2 = _interopRequireDefault(require("@os-design/use-drag"));
-
 var _portal = _interopRequireDefault(require("@os-design/portal"));
-
 var _useAutoScroll = _interopRequireDefault(require("@os-design/use-auto-scroll"));
-
 var _useDragAndDrop = require("./utils/useDragAndDrop");
-
 var _ListStore = _interopRequireDefault(require("./utils/ListStore"));
-
 var _useDragEffect = _interopRequireDefault(require("./utils/useDragEffect"));
-
 var _useGeneratedId = _interopRequireDefault(require("./utils/useGeneratedId"));
-
 var _useTransitionStyle = _interopRequireDefault(require("./utils/useTransitionStyle"));
-
 var _useInitRect = _interopRequireDefault(require("./utils/useInitRect"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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; }
-
 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; }
-
 /**
  * The container containing one or more lists with draggable nodes.
  */
 var DragAndDrop = function DragAndDrop(_ref) {
   var draggedNodeContainer = _ref.draggedNodeContainer,
-      _ref$minMouseDistPx = _ref.minMouseDistPx,
-      minMouseDistPx = _ref$minMouseDistPx === void 0 ? 10 : _ref$minMouseDistPx,
-      _ref$longPressMs = _ref.longPressMs,
-      longPressMs = _ref$longPressMs === void 0 ? 500 : _ref$longPressMs,
-      _ref$autoScrollDistPe = _ref.autoScrollDistPercent,
-      autoScrollDistPercent = _ref$autoScrollDistPe === void 0 ? 20 : _ref$autoScrollDistPe,
-      _ref$autoScrollMaxSpe = _ref.autoScrollMaxSpeedPx,
-      autoScrollMaxSpeedPx = _ref$autoScrollMaxSpe === void 0 ? 100 : _ref$autoScrollMaxSpe,
-      _ref$transitionDelayM = _ref.transitionDelayMs,
-      transitionDelayMs = _ref$transitionDelayM === void 0 ? 250 : _ref$transitionDelayM,
-      _ref$onDragEnd = _ref.onDragEnd,
-      onDragEnd = _ref$onDragEnd === void 0 ? function () {} : _ref$onDragEnd,
-      children = _ref.children;
+    _ref$minMouseDistPx = _ref.minMouseDistPx,
+    minMouseDistPx = _ref$minMouseDistPx === void 0 ? 10 : _ref$minMouseDistPx,
+    _ref$longPressMs = _ref.longPressMs,
+    longPressMs = _ref$longPressMs === void 0 ? 500 : _ref$longPressMs,
+    _ref$autoScrollDistPe = _ref.autoScrollDistPercent,
+    autoScrollDistPercent = _ref$autoScrollDistPe === void 0 ? 20 : _ref$autoScrollDistPe,
+    _ref$autoScrollMaxSpe = _ref.autoScrollMaxSpeedPx,
+    autoScrollMaxSpeedPx = _ref$autoScrollMaxSpe === void 0 ? 100 : _ref$autoScrollMaxSpe,
+    _ref$transitionDelayM = _ref.transitionDelayMs,
+    transitionDelayMs = _ref$transitionDelayM === void 0 ? 250 : _ref$transitionDelayM,
+    _ref$onDragEnd = _ref.onDragEnd,
+    onDragEnd = _ref$onDragEnd === void 0 ? function () {} : _ref$onDragEnd,
+    children = _ref.children;
   // The user can drag a node between the lists (the Droppable components).
   // To determine which list a node should be dropped in, we need to store refs to all the lists.
-  var listStoreRef = (0, _react.useRef)(new _ListStore["default"]()); // The class name for a node used to set the transition style
+  var listStoreRef = (0, _react.useRef)(new _ListStore["default"]());
 
+  // The class name for a node used to set the transition style
   var generatedId = (0, _useGeneratedId["default"])();
   var nodeClassName = (0, _react.useMemo)(function () {
     return "n".concat(generatedId);
-  }, [generatedId]); // The node that is currently being dragged
+  }, [generatedId]);
 
+  // The node that is currently being dragged
   var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      draggedNode = _useState2[0],
-      setDraggedNode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    draggedNode = _useState2[0],
+    setDraggedNode = _useState2[1];
   var startNodeRef = (0, _react.useRef)(null);
-
   var _useState3 = (0, _react.useState)({
-    x: 0,
-    y: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      cursorPosition = _useState4[0],
-      setCursorPosition = _useState4[1]; // Add a new list to the store
-
-
+      x: 0,
+      y: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cursorPosition = _useState4[0],
+    setCursorPosition = _useState4[1];
+
+  // Add a new list to the store
   var registerList = (0, _react.useCallback)(function (list) {
     listStoreRef.current.add(list);
-  }, []); // Remove the existing list from the store
+  }, []);
 
+  // Remove the existing list from the store
   var deregisterList = (0, _react.useCallback)(function (id) {
     listStoreRef.current.remove(id);
-  }, []); // Set the style to delay transitions when the node is dragging
+  }, []);
 
+  // Set the style to delay transitions when the node is dragging
   (0, _useTransitionStyle["default"])({
     className: nodeClassName,
     ms: transitionDelayMs,
@@ -108,10 +87,8 @@ var DragAndDrop = function DragAndDrop(_ref) {
   var onDragStart = (0, _react.useCallback)(function (pos, startPos) {
     var startNode = startNodeRef.current;
     if (!startNode) return;
-
     var _startNode$node = _slicedToArray(startNode.node, 3),
-        nodeRef = _startNode$node[2];
-
+      nodeRef = _startNode$node[2];
     if (!nodeRef.current) return;
     var rect = nodeRef.current.getBoundingClientRect();
     setCursorPosition(pos);
@@ -131,18 +108,17 @@ var DragAndDrop = function DragAndDrop(_ref) {
   var dragEndHandler = (0, _react.useCallback)(function () {
     setDraggedNode(null);
   }, []);
-
   var _useDrag = (0, _useDrag2["default"])({
-    onDragStart: onDragStart,
-    onDragMove: onDragMove,
-    onDragEnd: dragEndHandler,
-    minMouseDistPx: minMouseDistPx,
-    longPressMs: longPressMs
-  }),
-      onMouseDown = _useDrag.onMouseDown,
-      onTouchStart = _useDrag.onTouchStart; // Handlers that determine whether a user clicks on the node
-
-
+      onDragStart: onDragStart,
+      onDragMove: onDragMove,
+      onDragEnd: dragEndHandler,
+      minMouseDistPx: minMouseDistPx,
+      longPressMs: longPressMs
+    }),
+    onMouseDown = _useDrag.onMouseDown,
+    onTouchStart = _useDrag.onTouchStart;
+
+  // Handlers that determine whether a user clicks on the node
   var mouseDownHandler = (0, _react.useCallback)(function (e, list, node) {
     startNodeRef.current = {
       list: list,
@@ -156,18 +132,21 @@ var DragAndDrop = function DragAndDrop(_ref) {
       node: node
     };
     onTouchStart(e);
-  }, [onTouchStart]); // Prevent body scrolling when the node is dragging.
-  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.
+  }, [onTouchStart]);
 
-  (0, _usePreventDefaultEvent["default"])(document.body, 'touchmove', !!draggedNode); // Implement the drag animation
+  // Prevent body scrolling when the node is dragging.
+  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.
+  (0, _usePreventDefaultEvent["default"])(document.body, 'touchmove', !!draggedNode);
 
+  // Implement the drag animation
   (0, _useDragEffect["default"])({
     draggedNode: draggedNode,
     cursorPosition: cursorPosition,
     listStoreRef: listStoreRef,
     onDragEnd: onDragEnd
-  }); // Auto scroll if the cursor position is located near the border
+  });
 
+  // Auto scroll if the cursor position is located near the border
   (0, _useAutoScroll["default"])({
     enabled: !!draggedNode,
     distPercent: autoScrollDistPercent,
@@ -198,7 +177,6 @@ var DragAndDrop = function DragAndDrop(_ref) {
     }
   })));
 };
-
 var _default = DragAndDrop;
 exports["default"] = _default;
 //# sourceMappingURL=DragAndDrop.js.map

package/dist/cjs/DragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.js","names":["DragAndDrop","draggedNodeContainer","minMouseDistPx","longPressMs","autoScrollDistPercent","autoScrollMaxSpeedPx","transitionDelayMs","onDragEnd","children","listStoreRef","useRef","ListStore","generatedId","useGeneratedId","nodeClassName","useMemo","useState","draggedNode","setDraggedNode","startNodeRef","x","y","cursorPosition","setCursorPosition","registerList","useCallback","list","current","add","deregisterList","id","remove","useTransitionStyle","className","ms","enabled","onDragStart","pos","startPos","startNode","node","nodeRef","rect","getBoundingClientRect","position","onDragMove","dragEndHandler","useDrag","onMouseDown","onTouchStart","mouseDownHandler","e","touchStartHandler","usePreventDefaultEvent","document","body","useDragEffect","useAutoScroll","distPercent","maxSpeedPx","initRect","useInitRect","undefined","dragAndDropContext","useMemoObject","renderDraggedNode","index","style","left","top","width","initWidth","height","initHeight","zIndex"],"sources":["../../src/DragAndDrop.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport usePreventDefaultEvent from '@os-design/use-prevent-default-event';\nimport useMemoObject from '@os-design/use-memo-object';\nimport useDrag, {\n  Position,\n  OnDragEnd,\n  OnDragMove,\n  OnDragStart,\n} from '@os-design/use-drag';\nimport Portal, { PortalProps } from '@os-design/portal';\nimport useAutoScroll from '@os-design/use-auto-scroll';\nimport { DragAndDropContext } from './utils/useDragAndDrop';\nimport ListStore from './utils/ListStore';\nimport NodeList, { ExistingNode } from './utils/NodeList';\nimport useDragEffect, {\n  DragEndHandler,\n  DraggedNode,\n} from './utils/useDragEffect';\nimport useGeneratedId from './utils/useGeneratedId';\nimport useTransitionStyle from './utils/useTransitionStyle';\nimport useInitRect from './utils/useInitRect';\n\nexport interface DragAndDropProps {\n  /**\n   * The container in which the dragged node will be rendered.\n   * @default document.body\n   */\n  draggedNodeContainer?: PortalProps['container'];\n  /**\n   * The min distance required to start dragging a node (in px).\n   * @default 10\n   */\n  minMouseDistPx?: number;\n  /**\n   * The delay of the long press event required to start dragging a node on the touch device (in ms).\n   * @default 500\n   */\n  longPressMs?: number;\n  /**\n   * The distance to the bound at which the list starts to scroll automatically (in percent).\n   * @default 20\n   */\n  autoScrollDistPercent?: number;\n  /**\n   * The max auto scroll speed (in px).\n   * @default 100\n   */\n  autoScrollMaxSpeedPx?: number;\n  /**\n   * The animation duration (in ms).\n   * @default 250\n   */\n  transitionDelayMs?: number;\n  /**\n   * The callback that is called when the drag is completed.\n   * @default undefined\n   */\n  onDragEnd?: DragEndHandler;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\ninterface StartNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * The container containing one or more lists with draggable nodes.\n */\nconst DragAndDrop: React.FC<DragAndDropProps> = ({\n  draggedNodeContainer,\n  minMouseDistPx = 10,\n  longPressMs = 500,\n  autoScrollDistPercent = 20,\n  autoScrollMaxSpeedPx = 100,\n  transitionDelayMs = 250,\n  onDragEnd = () => {},\n  children,\n}) => {\n  // The user can drag a node between the lists (the Droppable components).\n  // To determine which list a node should be dropped in, we need to store refs to all the lists.\n  const listStoreRef = useRef<ListStore>(new ListStore());\n\n  // The class name for a node used to set the transition style\n  const generatedId = useGeneratedId();\n  const nodeClassName = useMemo(() => `n${generatedId}`, [generatedId]);\n\n  // The node that is currently being dragged\n  const [draggedNode, setDraggedNode] = useState<DraggedNode | null>(null);\n  const startNodeRef = useRef<StartNode | null>(null);\n  const [cursorPosition, setCursorPosition] = useState<Position>({\n    x: 0,\n    y: 0,\n  });\n\n  // Add a new list to the store\n  const registerList = useCallback((list: NodeList) => {\n    listStoreRef.current.add(list);\n  }, []);\n\n  // Remove the existing list from the store\n  const deregisterList = useCallback((id: string) => {\n    listStoreRef.current.remove(id);\n  }, []);\n\n  // Set the style to delay transitions when the node is dragging\n  useTransitionStyle({\n    className: nodeClassName,\n    ms: transitionDelayMs,\n    enabled: !!draggedNode,\n  });\n\n  const onDragStart = useCallback<OnDragStart>(\n    (pos: Position, startPos: Position) => {\n      const startNode = startNodeRef.current;\n      if (!startNode) return;\n      const [, , nodeRef] = startNode.node;\n      if (!nodeRef.current) return;\n      const rect = nodeRef.current.getBoundingClientRect();\n      setCursorPosition(pos);\n      setDraggedNode({\n        list: startNode.list,\n        node: startNode.node,\n        position: {\n          x: startPos.x - rect.x,\n          y: startPos.y - rect.y,\n        },\n      });\n      startNodeRef.current = null;\n    },\n    []\n  );\n\n  const onDragMove = useCallback<OnDragMove>((pos: Position) => {\n    setCursorPosition(pos);\n  }, []);\n\n  const dragEndHandler = useCallback<OnDragEnd>(() => {\n    setDraggedNode(null);\n  }, []);\n\n  const { onMouseDown, onTouchStart } = useDrag({\n    onDragStart,\n    onDragMove,\n    onDragEnd: dragEndHandler,\n    minMouseDistPx,\n    longPressMs,\n  });\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onMouseDown(e);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onTouchStart(e);\n    },\n    [onTouchStart]\n  );\n\n  // Prevent body scrolling when the node is dragging.\n  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.\n  usePreventDefaultEvent(document.body, 'touchmove', !!draggedNode);\n\n  // Implement the drag animation\n  useDragEffect({\n    draggedNode,\n    cursorPosition,\n    listStoreRef,\n    onDragEnd,\n  });\n\n  // Auto scroll if the cursor position is located near the border\n  useAutoScroll({\n    enabled: !!draggedNode,\n    distPercent: autoScrollDistPercent,\n    maxSpeedPx: autoScrollMaxSpeedPx,\n  });\n\n  const initRect = useInitRect(draggedNode ? draggedNode.node[2] : undefined);\n\n  const dragAndDropContext = useMemoObject({\n    registerList,\n    deregisterList,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n    nodeClassName,\n  });\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      {children}\n\n      {draggedNode && (\n        <Portal container={draggedNodeContainer}>\n          {draggedNode.list.renderDraggedNode({\n            index: draggedNode.node[4],\n            id: draggedNode.node[5],\n            style: {\n              position: 'fixed',\n              left: cursorPosition.x - draggedNode.position.x,\n              top: cursorPosition.y - draggedNode.position.y,\n              width: initRect ? initRect.initWidth : undefined,\n              height: initRect ? initRect.initHeight : undefined,\n              zIndex: 1001,\n            },\n          })}\n        </Portal>\n      )}\n    </DragAndDropContext.Provider>\n  );\n};\n\nexport type { DragEndHandler } from './utils/useDragEffect';\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"DragAndDrop.js","names":["DragAndDrop","draggedNodeContainer","minMouseDistPx","longPressMs","autoScrollDistPercent","autoScrollMaxSpeedPx","transitionDelayMs","onDragEnd","children","listStoreRef","useRef","ListStore","generatedId","useGeneratedId","nodeClassName","useMemo","useState","draggedNode","setDraggedNode","startNodeRef","x","y","cursorPosition","setCursorPosition","registerList","useCallback","list","current","add","deregisterList","id","remove","useTransitionStyle","className","ms","enabled","onDragStart","pos","startPos","startNode","node","nodeRef","rect","getBoundingClientRect","position","onDragMove","dragEndHandler","useDrag","onMouseDown","onTouchStart","mouseDownHandler","e","touchStartHandler","usePreventDefaultEvent","document","body","useDragEffect","useAutoScroll","distPercent","maxSpeedPx","initRect","useInitRect","undefined","dragAndDropContext","useMemoObject","renderDraggedNode","index","style","left","top","width","initWidth","height","initHeight","zIndex"],"sources":["../../src/DragAndDrop.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport usePreventDefaultEvent from '@os-design/use-prevent-default-event';\nimport useMemoObject from '@os-design/use-memo-object';\nimport useDrag, {\n  Position,\n  OnDragEnd,\n  OnDragMove,\n  OnDragStart,\n} from '@os-design/use-drag';\nimport Portal, { PortalProps } from '@os-design/portal';\nimport useAutoScroll from '@os-design/use-auto-scroll';\nimport { DragAndDropContext } from './utils/useDragAndDrop';\nimport ListStore from './utils/ListStore';\nimport NodeList, { ExistingNode } from './utils/NodeList';\nimport useDragEffect, {\n  DragEndHandler,\n  DraggedNode,\n} from './utils/useDragEffect';\nimport useGeneratedId from './utils/useGeneratedId';\nimport useTransitionStyle from './utils/useTransitionStyle';\nimport useInitRect from './utils/useInitRect';\n\nexport interface DragAndDropProps {\n  /**\n   * The container in which the dragged node will be rendered.\n   * @default document.body\n   */\n  draggedNodeContainer?: PortalProps['container'];\n  /**\n   * The min distance required to start dragging a node (in px).\n   * @default 10\n   */\n  minMouseDistPx?: number;\n  /**\n   * The delay of the long press event required to start dragging a node on the touch device (in ms).\n   * @default 500\n   */\n  longPressMs?: number;\n  /**\n   * The distance to the bound at which the list starts to scroll automatically (in percent).\n   * @default 20\n   */\n  autoScrollDistPercent?: number;\n  /**\n   * The max auto scroll speed (in px).\n   * @default 100\n   */\n  autoScrollMaxSpeedPx?: number;\n  /**\n   * The animation duration (in ms).\n   * @default 250\n   */\n  transitionDelayMs?: number;\n  /**\n   * The callback that is called when the drag is completed.\n   * @default undefined\n   */\n  onDragEnd?: DragEndHandler;\n  /**\n   * The children.\n   * @default undefined\n   */\n  children?: React.ReactNode;\n}\n\ninterface StartNode {\n  list: NodeList;\n  node: ExistingNode;\n}\n\n/**\n * The container containing one or more lists with draggable nodes.\n */\nconst DragAndDrop: React.FC<DragAndDropProps> = ({\n  draggedNodeContainer,\n  minMouseDistPx = 10,\n  longPressMs = 500,\n  autoScrollDistPercent = 20,\n  autoScrollMaxSpeedPx = 100,\n  transitionDelayMs = 250,\n  onDragEnd = () => {},\n  children,\n}) => {\n  // The user can drag a node between the lists (the Droppable components).\n  // To determine which list a node should be dropped in, we need to store refs to all the lists.\n  const listStoreRef = useRef<ListStore>(new ListStore());\n\n  // The class name for a node used to set the transition style\n  const generatedId = useGeneratedId();\n  const nodeClassName = useMemo(() => `n${generatedId}`, [generatedId]);\n\n  // The node that is currently being dragged\n  const [draggedNode, setDraggedNode] = useState<DraggedNode | null>(null);\n  const startNodeRef = useRef<StartNode | null>(null);\n  const [cursorPosition, setCursorPosition] = useState<Position>({\n    x: 0,\n    y: 0,\n  });\n\n  // Add a new list to the store\n  const registerList = useCallback((list: NodeList) => {\n    listStoreRef.current.add(list);\n  }, []);\n\n  // Remove the existing list from the store\n  const deregisterList = useCallback((id: string) => {\n    listStoreRef.current.remove(id);\n  }, []);\n\n  // Set the style to delay transitions when the node is dragging\n  useTransitionStyle({\n    className: nodeClassName,\n    ms: transitionDelayMs,\n    enabled: !!draggedNode,\n  });\n\n  const onDragStart = useCallback<OnDragStart>(\n    (pos: Position, startPos: Position) => {\n      const startNode = startNodeRef.current;\n      if (!startNode) return;\n      const [, , nodeRef] = startNode.node;\n      if (!nodeRef.current) return;\n      const rect = nodeRef.current.getBoundingClientRect();\n      setCursorPosition(pos);\n      setDraggedNode({\n        list: startNode.list,\n        node: startNode.node,\n        position: {\n          x: startPos.x - rect.x,\n          y: startPos.y - rect.y,\n        },\n      });\n      startNodeRef.current = null;\n    },\n    []\n  );\n\n  const onDragMove = useCallback<OnDragMove>((pos: Position) => {\n    setCursorPosition(pos);\n  }, []);\n\n  const dragEndHandler = useCallback<OnDragEnd>(() => {\n    setDraggedNode(null);\n  }, []);\n\n  const { onMouseDown, onTouchStart } = useDrag({\n    onDragStart,\n    onDragMove,\n    onDragEnd: dragEndHandler,\n    minMouseDistPx,\n    longPressMs,\n  });\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onMouseDown(e);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, list: NodeList, node: ExistingNode) => {\n      startNodeRef.current = { list, node };\n      onTouchStart(e);\n    },\n    [onTouchStart]\n  );\n\n  // Prevent body scrolling when the node is dragging.\n  // It's important to attach the event to the body (not to the document). Otherwise, it won't work in mobile chrome.\n  usePreventDefaultEvent(document.body, 'touchmove', !!draggedNode);\n\n  // Implement the drag animation\n  useDragEffect({\n    draggedNode,\n    cursorPosition,\n    listStoreRef,\n    onDragEnd,\n  });\n\n  // Auto scroll if the cursor position is located near the border\n  useAutoScroll({\n    enabled: !!draggedNode,\n    distPercent: autoScrollDistPercent,\n    maxSpeedPx: autoScrollMaxSpeedPx,\n  });\n\n  const initRect = useInitRect(draggedNode ? draggedNode.node[2] : undefined);\n\n  const dragAndDropContext = useMemoObject({\n    registerList,\n    deregisterList,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n    nodeClassName,\n  });\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      {children}\n\n      {draggedNode && (\n        <Portal container={draggedNodeContainer}>\n          {draggedNode.list.renderDraggedNode({\n            index: draggedNode.node[4],\n            id: draggedNode.node[5],\n            style: {\n              position: 'fixed',\n              left: cursorPosition.x - draggedNode.position.x,\n              top: cursorPosition.y - draggedNode.position.y,\n              width: initRect ? initRect.initWidth : undefined,\n              height: initRect ? initRect.initHeight : undefined,\n              zIndex: 1001,\n            },\n          })}\n        </Portal>\n      )}\n    </DragAndDropContext.Provider>\n  );\n};\n\nexport type { DragEndHandler } from './utils/useDragEffect';\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/dist/cjs/Draggable.js

@@ -1,64 +1,46 @@
 "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"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-
 var _useDroppable2 = _interopRequireDefault(require("./utils/useDroppable"));
-
 var _useDragAndDrop2 = _interopRequireDefault(require("./utils/useDragAndDrop"));
-
 var _useAppendClassName = _interopRequireDefault(require("./utils/useAppendClassName"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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; }
-
 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; }
-
 var Draggable = function Draggable(_ref) {
   var index = _ref.index,
-      id = _ref.id,
-      children = _ref.children;
+    id = _ref.id,
+    children = _ref.children;
   // The reference to the list item
-  var ref = (0, _react.useRef)(null); // The reference to the node containing the refs to the prev and next nodes
-
-  var nodeRef = (0, _react.useRef)(null); // Additional styles for moving the list item
-
+  var ref = (0, _react.useRef)(null);
+  // The reference to the node containing the refs to the prev and next nodes
+  var nodeRef = (0, _react.useRef)(null);
+  // Additional styles for moving the list item
   var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      style = _useState2[0],
-      setStyle = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
   var _useDragAndDrop = (0, _useDragAndDrop2["default"])(),
-      nodeClassName = _useDragAndDrop.nodeClassName;
-
+    nodeClassName = _useDragAndDrop.nodeClassName;
   var _useDroppable = (0, _useDroppable2["default"])(),
-      registerNode = _useDroppable.registerNode,
-      deregisterNode = _useDroppable.deregisterNode,
-      onMouseDown = _useDroppable.onMouseDown,
-      onTouchStart = _useDroppable.onTouchStart; // Register the node in the list
-
+    registerNode = _useDroppable.registerNode,
+    deregisterNode = _useDroppable.deregisterNode,
+    onMouseDown = _useDroppable.onMouseDown,
+    onTouchStart = _useDroppable.onTouchStart;
 
+  // Register the node in the list
   (0, _react.useEffect)(function () {
     nodeRef.current = registerNode({
       ref: ref,
@@ -71,10 +53,12 @@ var Draggable = function Draggable(_ref) {
       deregisterNode(nodeRef.current);
       nodeRef.current = null;
     };
-  }, [deregisterNode, id, index, registerNode]); // Set the class name for the node to apply the transition style (see the DragAndDrop container)
+  }, [deregisterNode, id, index, registerNode]);
 
-  (0, _useAppendClassName["default"])(ref, nodeClassName); // Handlers that determine whether a user clicks on the node
+  // Set the class name for the node to apply the transition style (see the DragAndDrop container)
+  (0, _useAppendClassName["default"])(ref, nodeClassName);
 
+  // Handlers that determine whether a user clicks on the node
   var mouseDownHandler = (0, _react.useCallback)(function (e) {
     if (!nodeRef.current) return;
     onMouseDown(e, nodeRef.current);
@@ -93,7 +77,6 @@ var Draggable = function Draggable(_ref) {
     handlers: handlers
   }));
 };
-
 var _default = Draggable;
 exports["default"] = _default;
 //# sourceMappingURL=Draggable.js.map

package/dist/cjs/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Draggable.js","names":["Draggable","index","id","children","ref","useRef","nodeRef","useState","style","setStyle","useDragAndDrop","nodeClassName","useDroppable","registerNode","deregisterNode","onMouseDown","onTouchStart","useEffect","current","useAppendClassName","mouseDownHandler","useCallback","e","touchStartHandler","handlers","useMemoObject"],"sources":["../../src/Draggable.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport useMemoObject from '@os-design/use-memo-object';\nimport { Node } from './utils/NodeList';\nimport useDroppable from './utils/useDroppable';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport useAppendClassName from './utils/useAppendClassName';\n\nexport interface DraggableHandlers {\n  /**\n   * The handler that should be called when the mouse down event occurs.\n   */\n  onMouseDown: (e: MouseEvent) => void;\n  /**\n   * The handler that should be called when the touch start event occurs.\n   */\n  onTouchStart: (e: TouchEvent) => void;\n}\n\nexport interface DraggableChildrenProps {\n  /**\n   * The reference to the draggable list item.\n   */\n  ref: RefObject<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /**\n   * Additional styles for moving the list item.\n   */\n  style: CSSProperties;\n  /**\n   * The handlers to catch events when the user starts dragging the list item.\n   */\n  handlers: DraggableHandlers;\n}\n\nexport interface DraggableProps {\n  /**\n   * The index of the draggable node.\n   */\n  index: number;\n  /**\n   * The ID of the draggable node.\n   */\n  id: string;\n  /**\n   * The function that renders the draggable node.\n   */\n  children: (props: DraggableChildrenProps) => React.ReactNode;\n}\n\nconst Draggable: React.FC<DraggableProps> = ({ index, id, children }) => {\n  // The reference to the list item\n  const ref = useRef<HTMLDivElement | null>(null);\n  // The reference to the node containing the refs to the prev and next nodes\n  const nodeRef = useRef<Node>(null);\n  // Additional styles for moving the list item\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  const { nodeClassName } = useDragAndDrop();\n  const { registerNode, deregisterNode, onMouseDown, onTouchStart } =\n    useDroppable();\n\n  // Register the node in the list\n  useEffect(() => {\n    nodeRef.current = registerNode({ ref, setStyle, index, id });\n    return () => {\n      if (!nodeRef.current) return;\n      deregisterNode(nodeRef.current);\n      nodeRef.current = null;\n    };\n  }, [deregisterNode, id, index, registerNode]);\n\n  // Set the class name for the node to apply the transition style (see the DragAndDrop container)\n  useAppendClassName(ref, nodeClassName);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent) => {\n      if (!nodeRef.current) return;\n      onMouseDown(e, nodeRef.current);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent) => {\n      if (!nodeRef.current) return;\n      onTouchStart(e, nodeRef.current);\n    },\n    [onTouchStart]\n  );\n\n  const handlers = useMemoObject({\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return <>{children({ ref, style, handlers })}</>;\n};\n\nexport default Draggable;\n"],"mappings":";;;;;;;;;AAAA;;AAUA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AA2CA,IAAMA,SAAmC,GAAG,SAAtCA,SAAsC,OAA6B;EAAA,IAA1BC,KAA0B,QAA1BA,KAA0B;EAAA,IAAnBC,EAAmB,QAAnBA,EAAmB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACvE;EACA,IAAMC,GAAG,GAAG,IAAAC,aAAA,EAA8B,IAA9B,CAAZ,CAFuE,CAGvE;;EACA,IAAMC,OAAO,GAAG,IAAAD,aAAA,EAAa,IAAb,CAAhB,CAJuE,CAKvE;;EACA,gBAA0B,IAAAE,eAAA,EAAwB,EAAxB,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,sBAA0B,IAAAC,2BAAA,GAA1B;EAAA,IAAQC,aAAR,mBAAQA,aAAR;;EACA,oBACE,IAAAC,yBAAA,GADF;EAAA,IAAQC,YAAR,iBAAQA,YAAR;EAAA,IAAsBC,cAAtB,iBAAsBA,cAAtB;EAAA,IAAsCC,WAAtC,iBAAsCA,WAAtC;EAAA,IAAmDC,YAAnD,iBAAmDA,YAAnD,CATuE,CAYvE;;;EACA,IAAAC,gBAAA,EAAU,YAAM;IACdX,OAAO,CAACY,OAAR,GAAkBL,YAAY,CAAC;MAAET,GAAG,EAAHA,GAAF;MAAOK,QAAQ,EAARA,QAAP;MAAiBR,KAAK,EAALA,KAAjB;MAAwBC,EAAE,EAAFA;IAAxB,CAAD,CAA9B;IACA,OAAO,YAAM;MACX,IAAI,CAACI,OAAO,CAACY,OAAb,EAAsB;MACtBJ,cAAc,CAACR,OAAO,CAACY,OAAT,CAAd;MACAZ,OAAO,CAACY,OAAR,GAAkB,IAAlB;IACD,CAJD;EAKD,CAPD,EAOG,CAACJ,cAAD,EAAiBZ,EAAjB,EAAqBD,KAArB,EAA4BY,YAA5B,CAPH,EAbuE,CAsBvE;;EACA,IAAAM,8BAAA,EAAmBf,GAAnB,EAAwBO,aAAxB,EAvBuE,CAyBvE;;EACA,IAAMS,gBAAgB,GAAG,IAAAC,kBAAA,EACvB,UAACC,CAAD,EAAmB;IACjB,IAAI,CAAChB,OAAO,CAACY,OAAb,EAAsB;IACtBH,WAAW,CAACO,CAAD,EAAIhB,OAAO,CAACY,OAAZ,CAAX;EACD,CAJsB,EAKvB,CAACH,WAAD,CALuB,CAAzB;EAOA,IAAMQ,iBAAiB,GAAG,IAAAF,kBAAA,EACxB,UAACC,CAAD,EAAmB;IACjB,IAAI,CAAChB,OAAO,CAACY,OAAb,EAAsB;IACtBF,YAAY,CAACM,CAAD,EAAIhB,OAAO,CAACY,OAAZ,CAAZ;EACD,CAJuB,EAKxB,CAACF,YAAD,CALwB,CAA1B;EAQA,IAAMQ,QAAQ,GAAG,IAAAC,yBAAA,EAAc;IAC7BV,WAAW,EAAEK,gBADgB;IAE7BJ,YAAY,EAAEO;EAFe,CAAd,CAAjB;EAKA,oBAAO,kEAAGpB,QAAQ,CAAC;IAAEC,GAAG,EAAHA,GAAF;IAAOI,KAAK,EAALA,KAAP;IAAcgB,QAAQ,EAARA;EAAd,CAAD,CAAX,CAAP;AACD,CA/CD;;eAiDexB,S"}
+{"version":3,"file":"Draggable.js","names":["Draggable","index","id","children","ref","useRef","nodeRef","useState","style","setStyle","useDragAndDrop","nodeClassName","useDroppable","registerNode","deregisterNode","onMouseDown","onTouchStart","useEffect","current","useAppendClassName","mouseDownHandler","useCallback","e","touchStartHandler","handlers","useMemoObject"],"sources":["../../src/Draggable.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport useMemoObject from '@os-design/use-memo-object';\nimport { Node } from './utils/NodeList';\nimport useDroppable from './utils/useDroppable';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport useAppendClassName from './utils/useAppendClassName';\n\nexport interface DraggableHandlers {\n  /**\n   * The handler that should be called when the mouse down event occurs.\n   */\n  onMouseDown: (e: MouseEvent) => void;\n  /**\n   * The handler that should be called when the touch start event occurs.\n   */\n  onTouchStart: (e: TouchEvent) => void;\n}\n\nexport interface DraggableChildrenProps {\n  /**\n   * The reference to the draggable list item.\n   */\n  ref: RefObject<any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n  /**\n   * Additional styles for moving the list item.\n   */\n  style: CSSProperties;\n  /**\n   * The handlers to catch events when the user starts dragging the list item.\n   */\n  handlers: DraggableHandlers;\n}\n\nexport interface DraggableProps {\n  /**\n   * The index of the draggable node.\n   */\n  index: number;\n  /**\n   * The ID of the draggable node.\n   */\n  id: string;\n  /**\n   * The function that renders the draggable node.\n   */\n  children: (props: DraggableChildrenProps) => React.ReactNode;\n}\n\nconst Draggable: React.FC<DraggableProps> = ({ index, id, children }) => {\n  // The reference to the list item\n  const ref = useRef<HTMLDivElement | null>(null);\n  // The reference to the node containing the refs to the prev and next nodes\n  const nodeRef = useRef<Node>(null);\n  // Additional styles for moving the list item\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  const { nodeClassName } = useDragAndDrop();\n  const { registerNode, deregisterNode, onMouseDown, onTouchStart } =\n    useDroppable();\n\n  // Register the node in the list\n  useEffect(() => {\n    nodeRef.current = registerNode({ ref, setStyle, index, id });\n    return () => {\n      if (!nodeRef.current) return;\n      deregisterNode(nodeRef.current);\n      nodeRef.current = null;\n    };\n  }, [deregisterNode, id, index, registerNode]);\n\n  // Set the class name for the node to apply the transition style (see the DragAndDrop container)\n  useAppendClassName(ref, nodeClassName);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent) => {\n      if (!nodeRef.current) return;\n      onMouseDown(e, nodeRef.current);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent) => {\n      if (!nodeRef.current) return;\n      onTouchStart(e, nodeRef.current);\n    },\n    [onTouchStart]\n  );\n\n  const handlers = useMemoObject({\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return <>{children({ ref, style, handlers })}</>;\n};\n\nexport default Draggable;\n"],"mappings":";;;;;;;AAAA;AAUA;AAEA;AACA;AACA;AAA4D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2C5D,IAAMA,SAAmC,GAAG,SAAtCA,SAAmC,OAAgC;EAAA,IAA1BC,KAAK,QAALA,KAAK;IAAEC,EAAE,QAAFA,EAAE;IAAEC,QAAQ,QAARA,QAAQ;EAChE;EACA,IAAMC,GAAG,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAC/C;EACA,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAO,IAAI,CAAC;EAClC;EACA,gBAA0B,IAAAE,eAAQ,EAAgB,CAAC,CAAC,CAAC;IAAA;IAA9CC,KAAK;IAAEC,QAAQ;EAEtB,sBAA0B,IAAAC,2BAAc,GAAE;IAAlCC,aAAa,mBAAbA,aAAa;EACrB,oBACE,IAAAC,yBAAY,GAAE;IADRC,YAAY,iBAAZA,YAAY;IAAEC,cAAc,iBAAdA,cAAc;IAAEC,WAAW,iBAAXA,WAAW;IAAEC,YAAY,iBAAZA,YAAY;;EAG/D;EACA,IAAAC,gBAAS,EAAC,YAAM;IACdX,OAAO,CAACY,OAAO,GAAGL,YAAY,CAAC;MAAET,GAAG,EAAHA,GAAG;MAAEK,QAAQ,EAARA,QAAQ;MAAER,KAAK,EAALA,KAAK;MAAEC,EAAE,EAAFA;IAAG,CAAC,CAAC;IAC5D,OAAO,YAAM;MACX,IAAI,CAACI,OAAO,CAACY,OAAO,EAAE;MACtBJ,cAAc,CAACR,OAAO,CAACY,OAAO,CAAC;MAC/BZ,OAAO,CAACY,OAAO,GAAG,IAAI;IACxB,CAAC;EACH,CAAC,EAAE,CAACJ,cAAc,EAAEZ,EAAE,EAAED,KAAK,EAAEY,YAAY,CAAC,CAAC;;EAE7C;EACA,IAAAM,8BAAkB,EAACf,GAAG,EAAEO,aAAa,CAAC;;EAEtC;EACA,IAAMS,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,UAACC,CAAa,EAAK;IACjB,IAAI,CAAChB,OAAO,CAACY,OAAO,EAAE;IACtBH,WAAW,CAACO,CAAC,EAAEhB,OAAO,CAACY,OAAO,CAAC;EACjC,CAAC,EACD,CAACH,WAAW,CAAC,CACd;EACD,IAAMQ,iBAAiB,GAAG,IAAAF,kBAAW,EACnC,UAACC,CAAa,EAAK;IACjB,IAAI,CAAChB,OAAO,CAACY,OAAO,EAAE;IACtBF,YAAY,CAACM,CAAC,EAAEhB,OAAO,CAACY,OAAO,CAAC;EAClC,CAAC,EACD,CAACF,YAAY,CAAC,CACf;EAED,IAAMQ,QAAQ,GAAG,IAAAC,yBAAa,EAAC;IAC7BV,WAAW,EAAEK,gBAAgB;IAC7BJ,YAAY,EAAEO;EAChB,CAAC,CAAC;EAEF,oBAAO,kEAAGpB,QAAQ,CAAC;IAAEC,GAAG,EAAHA,GAAG;IAAEI,KAAK,EAALA,KAAK;IAAEgB,QAAQ,EAARA;EAAS,CAAC,CAAC,CAAI;AAClD,CAAC;AAAC,eAEaxB,SAAS;AAAA"}

package/dist/cjs/Droppable.js

@@ -1,74 +1,65 @@
 "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"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useMemoObject = _interopRequireDefault(require("@os-design/use-memo-object"));
-
 var _NodeList = _interopRequireDefault(require("./utils/NodeList"));
-
 var _useDragAndDrop2 = _interopRequireDefault(require("./utils/useDragAndDrop"));
-
 var _useDroppable = require("./utils/useDroppable");
-
 var _useGeneratedId = _interopRequireDefault(require("./utils/useGeneratedId"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 Droppable = function Droppable(_ref) {
   var renderDraggedNode = _ref.renderDraggedNode,
-      id = _ref.id,
-      _ref$horizontal = _ref.horizontal,
-      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
-      children = _ref.children;
+    id = _ref.id,
+    _ref$horizontal = _ref.horizontal,
+    horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
+    children = _ref.children;
   // The reference to the list
-  var ref = (0, _react.useRef)(null); // The reference to the container inside the virtual list
-
-  var innerRef = (0, _react.useRef)(null); // The unique ID of the list. If no ID was specified, the generated one is used.
-
+  var ref = (0, _react.useRef)(null);
+  // The reference to the container inside the virtual list
+  var innerRef = (0, _react.useRef)(null);
+  // The unique ID of the list. If no ID was specified, the generated one is used.
   var generatedId = (0, _useGeneratedId["default"])();
   var droppableId = (0, _react.useMemo)(function () {
     return id || generatedId;
-  }, [generatedId, id]); // The reference to the list of nodes
-
+  }, [generatedId, id]);
+  // The reference to the list of nodes
   var listRef = (0, _react.useRef)(new _NodeList["default"]({
     id: droppableId,
     ref: ref,
     innerRef: innerRef,
     horizontal: horizontal,
     renderDraggedNode: renderDraggedNode
-  })); // Update the ID of the list if it changes
+  }));
 
+  // Update the ID of the list if it changes
   (0, _react.useEffect)(function () {
     listRef.current.id = droppableId;
-  }, [droppableId]); // Update the list orientation if it changes.
-  // There is no need to check the order of the nodes in the list because it will be the same.
+  }, [droppableId]);
 
+  // Update the list orientation if it changes.
+  // There is no need to check the order of the nodes in the list because it will be the same.
   (0, _react.useEffect)(function () {
     listRef.current.horizontal = horizontal;
-  }, [horizontal]); // Update the callback that renders the dragged node if it changes
+  }, [horizontal]);
 
+  // Update the callback that renders the dragged node if it changes
   (0, _react.useEffect)(function () {
     listRef.current.renderDraggedNode = renderDraggedNode;
   }, [renderDraggedNode]);
-
   var _useDragAndDrop = (0, _useDragAndDrop2["default"])(),
-      registerList = _useDragAndDrop.registerList,
-      deregisterList = _useDragAndDrop.deregisterList,
-      onMouseDown = _useDragAndDrop.onMouseDown,
-      onTouchStart = _useDragAndDrop.onTouchStart; // Register the list in the store
-
+    registerList = _useDragAndDrop.registerList,
+    deregisterList = _useDragAndDrop.deregisterList,
+    onMouseDown = _useDragAndDrop.onMouseDown,
+    onTouchStart = _useDragAndDrop.onTouchStart;
 
+  // Register the list in the store
   (0, _react.useEffect)(function () {
     registerList(listRef.current);
     var listId = listRef.current.id;
@@ -81,8 +72,9 @@ var Droppable = function Droppable(_ref) {
   }, []);
   var deregisterNode = (0, _react.useCallback)(function (node) {
     listRef.current.remove(node);
-  }, []); // Handlers that determine whether a user clicks on the node
+  }, []);
 
+  // Handlers that determine whether a user clicks on the node
   var mouseDownHandler = (0, _react.useCallback)(function (e, node) {
     onMouseDown(e, listRef.current, node);
   }, [onMouseDown]);
@@ -102,7 +94,6 @@ var Droppable = function Droppable(_ref) {
     innerRef: innerRef
   }));
 };
-
 var _default = Droppable;
 exports["default"] = _default;
 //# sourceMappingURL=Droppable.js.map

package/dist/cjs/Droppable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.js","names":["Droppable","renderDraggedNode","id","horizontal","children","ref","useRef","innerRef","generatedId","useGeneratedId","droppableId","useMemo","listRef","NodeList","useEffect","current","useDragAndDrop","registerList","deregisterList","onMouseDown","onTouchStart","listId","registerNode","useCallback","props","add","deregisterNode","node","remove","mouseDownHandler","e","touchStartHandler","droppableContext","useMemoObject"],"sources":["../../src/Droppable.tsx"],"sourcesContent":["import React, {\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport useMemoObject from '@os-design/use-memo-object';\nimport NodeList, {\n  ExistingNode,\n  NodeProps,\n  RenderDraggedNode,\n} from './utils/NodeList';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport { DroppableContext } from './utils/useDroppable';\nimport useGeneratedId from './utils/useGeneratedId';\n\nexport interface DroppableChildrenProps {\n  /**\n   * The reference to the list.\n   * If a virtual list is used, pass it to the outerRef prop.\n   */\n  ref: RefObject<HTMLDivElement>;\n  /**\n   * The reference to the container inside the virtual list.\n   * Pass it to the innerRef prop.\n   */\n  innerRef: RefObject<HTMLDivElement>;\n}\n\nexport interface DroppableProps {\n  /**\n   * The function that renders the dragged node.\n   */\n  renderDraggedNode: RenderDraggedNode;\n  /**\n   * The ID of the list with draggable nodes.\n   * Used to determine in which list the dragged node was dropped.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * Whether the list is horizontal.\n   * @default false\n   */\n  horizontal?: boolean;\n  /**\n   * The function that renders the list with draggable nodes.\n   */\n  children: (props: DroppableChildrenProps) => React.ReactNode;\n}\n\nconst Droppable: React.FC<DroppableProps> = ({\n  renderDraggedNode,\n  id,\n  horizontal = false,\n  children,\n}) => {\n  // The reference to the list\n  const ref = useRef<HTMLDivElement>(null);\n  // The reference to the container inside the virtual list\n  const innerRef = useRef<HTMLDivElement>(null);\n  // The unique ID of the list. If no ID was specified, the generated one is used.\n  const generatedId = useGeneratedId();\n  const droppableId = useMemo(() => id || generatedId, [generatedId, id]);\n  // The reference to the list of nodes\n  const listRef = useRef(\n    new NodeList({\n      id: droppableId,\n      ref,\n      innerRef,\n      horizontal,\n      renderDraggedNode,\n    })\n  );\n\n  // Update the ID of the list if it changes\n  useEffect(() => {\n    listRef.current.id = droppableId;\n  }, [droppableId]);\n\n  // Update the list orientation if it changes.\n  // There is no need to check the order of the nodes in the list because it will be the same.\n  useEffect(() => {\n    listRef.current.horizontal = horizontal;\n  }, [horizontal]);\n\n  // Update the callback that renders the dragged node if it changes\n  useEffect(() => {\n    listRef.current.renderDraggedNode = renderDraggedNode;\n  }, [renderDraggedNode]);\n\n  const { registerList, deregisterList, onMouseDown, onTouchStart } =\n    useDragAndDrop();\n\n  // Register the list in the store\n  useEffect(() => {\n    registerList(listRef.current);\n    const listId = listRef.current.id;\n    return () => deregisterList(listId);\n  }, [deregisterList, registerList]);\n\n  const registerNode = useCallback(\n    (props: NodeProps) => listRef.current.add(props),\n    []\n  );\n  const deregisterNode = useCallback((node: ExistingNode) => {\n    listRef.current.remove(node);\n  }, []);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, node: ExistingNode) => {\n      onMouseDown(e, listRef.current, node);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, node: ExistingNode) => {\n      onTouchStart(e, listRef.current, node);\n    },\n    [onTouchStart]\n  );\n\n  const droppableContext = useMemoObject({\n    registerNode,\n    deregisterNode,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return (\n    <DroppableContext.Provider value={droppableContext}>\n      {(children as Function)({ ref, innerRef })}\n    </DroppableContext.Provider>\n  );\n};\n\nexport default Droppable;\n"],"mappings":"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"}
+{"version":3,"file":"Droppable.js","names":["Droppable","renderDraggedNode","id","horizontal","children","ref","useRef","innerRef","generatedId","useGeneratedId","droppableId","useMemo","listRef","NodeList","useEffect","current","useDragAndDrop","registerList","deregisterList","onMouseDown","onTouchStart","listId","registerNode","useCallback","props","add","deregisterNode","node","remove","mouseDownHandler","e","touchStartHandler","droppableContext","useMemoObject"],"sources":["../../src/Droppable.tsx"],"sourcesContent":["import React, {\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport useMemoObject from '@os-design/use-memo-object';\nimport NodeList, {\n  ExistingNode,\n  NodeProps,\n  RenderDraggedNode,\n} from './utils/NodeList';\nimport useDragAndDrop from './utils/useDragAndDrop';\nimport { DroppableContext } from './utils/useDroppable';\nimport useGeneratedId from './utils/useGeneratedId';\n\nexport interface DroppableChildrenProps {\n  /**\n   * The reference to the list.\n   * If a virtual list is used, pass it to the outerRef prop.\n   */\n  ref: RefObject<HTMLDivElement>;\n  /**\n   * The reference to the container inside the virtual list.\n   * Pass it to the innerRef prop.\n   */\n  innerRef: RefObject<HTMLDivElement>;\n}\n\nexport interface DroppableProps {\n  /**\n   * The function that renders the dragged node.\n   */\n  renderDraggedNode: RenderDraggedNode;\n  /**\n   * The ID of the list with draggable nodes.\n   * Used to determine in which list the dragged node was dropped.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * Whether the list is horizontal.\n   * @default false\n   */\n  horizontal?: boolean;\n  /**\n   * The function that renders the list with draggable nodes.\n   */\n  children: (props: DroppableChildrenProps) => React.ReactNode;\n}\n\nconst Droppable: React.FC<DroppableProps> = ({\n  renderDraggedNode,\n  id,\n  horizontal = false,\n  children,\n}) => {\n  // The reference to the list\n  const ref = useRef<HTMLDivElement>(null);\n  // The reference to the container inside the virtual list\n  const innerRef = useRef<HTMLDivElement>(null);\n  // The unique ID of the list. If no ID was specified, the generated one is used.\n  const generatedId = useGeneratedId();\n  const droppableId = useMemo(() => id || generatedId, [generatedId, id]);\n  // The reference to the list of nodes\n  const listRef = useRef(\n    new NodeList({\n      id: droppableId,\n      ref,\n      innerRef,\n      horizontal,\n      renderDraggedNode,\n    })\n  );\n\n  // Update the ID of the list if it changes\n  useEffect(() => {\n    listRef.current.id = droppableId;\n  }, [droppableId]);\n\n  // Update the list orientation if it changes.\n  // There is no need to check the order of the nodes in the list because it will be the same.\n  useEffect(() => {\n    listRef.current.horizontal = horizontal;\n  }, [horizontal]);\n\n  // Update the callback that renders the dragged node if it changes\n  useEffect(() => {\n    listRef.current.renderDraggedNode = renderDraggedNode;\n  }, [renderDraggedNode]);\n\n  const { registerList, deregisterList, onMouseDown, onTouchStart } =\n    useDragAndDrop();\n\n  // Register the list in the store\n  useEffect(() => {\n    registerList(listRef.current);\n    const listId = listRef.current.id;\n    return () => deregisterList(listId);\n  }, [deregisterList, registerList]);\n\n  const registerNode = useCallback(\n    (props: NodeProps) => listRef.current.add(props),\n    []\n  );\n  const deregisterNode = useCallback((node: ExistingNode) => {\n    listRef.current.remove(node);\n  }, []);\n\n  // Handlers that determine whether a user clicks on the node\n  const mouseDownHandler = useCallback(\n    (e: MouseEvent, node: ExistingNode) => {\n      onMouseDown(e, listRef.current, node);\n    },\n    [onMouseDown]\n  );\n  const touchStartHandler = useCallback(\n    (e: TouchEvent, node: ExistingNode) => {\n      onTouchStart(e, listRef.current, node);\n    },\n    [onTouchStart]\n  );\n\n  const droppableContext = useMemoObject({\n    registerNode,\n    deregisterNode,\n    onMouseDown: mouseDownHandler,\n    onTouchStart: touchStartHandler,\n  });\n\n  return (\n    <DroppableContext.Provider value={droppableContext}>\n      {(children as Function)({ ref, innerRef })}\n    </DroppableContext.Provider>\n  );\n};\n\nexport default Droppable;\n"],"mappings":"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"}

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "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
 });
@@ -28,9 +27,7 @@ Object.defineProperty(exports, "Droppable", {
     return _Droppable["default"];
   }
 });
-
 var _DragAndDrop = _interopRequireWildcard(require("./DragAndDrop"));
-
 Object.keys(_DragAndDrop).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -42,9 +39,7 @@ Object.keys(_DragAndDrop).forEach(function (key) {
     }
   });
 });
-
 var _Droppable = _interopRequireWildcard(require("./Droppable"));
-
 Object.keys(_Droppable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -56,9 +51,7 @@ Object.keys(_Droppable).forEach(function (key) {
     }
   });
 });
-
 var _Draggable = _interopRequireWildcard(require("./Draggable"));
-
 Object.keys(_Draggable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -70,8 +63,6 @@ Object.keys(_Draggable).forEach(function (key) {
     }
   });
 });
-
 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; }
 //# sourceMappingURL=index.js.map