@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/hooks/useDragAndDrop.js

@@ -0,0 +1,192 @@
+'use strict';
+
+var React = require('react');
+var reactDnd = require('react-dnd');
+var useKeyboardDragAndDrop = require('./useKeyboardDragAndDrop.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const DIRECTIONS = {
+    UPWARD: 'upward',
+    DOWNWARD: 'downward'
+};
+const DROP_SENSITIVITY = {
+    REGULAR: 'regular'};
+/**
+ * A utility hook abstracting the general drag and drop hooks from react-dnd.
+ * Centralising the same behaviours and by default offering keyboard support.
+ */ const useDragAndDrop = (active, { type = 'STRAPI_DND', index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity = DROP_SENSITIVITY.REGULAR })=>{
+    const objectRef = React__namespace.useRef(null);
+    const [{ handlerId, isOver }, dropRef] = reactDnd.useDrop({
+        accept: type,
+        collect (monitor) {
+            return {
+                handlerId: monitor.getHandlerId(),
+                isOver: monitor.isOver({
+                    shallow: true
+                })
+            };
+        },
+        drop (item) {
+            const draggedIndex = item.index;
+            const newIndex = index;
+            if (isOver && onDropItem) {
+                onDropItem(draggedIndex, newIndex);
+            }
+        },
+        hover (item, monitor) {
+            if (!objectRef.current || !onMoveItem) {
+                return;
+            }
+            const dragIndex = item.index;
+            const newIndex = index;
+            const hoverBoundingRect = objectRef.current?.getBoundingClientRect();
+            const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+            const clientOffset = monitor.getClientOffset();
+            if (!clientOffset) return;
+            const hoverClientY = clientOffset && clientOffset.y - hoverBoundingRect.top;
+            if (typeof dragIndex === 'number' && typeof newIndex === 'number') {
+                if (dragIndex === newIndex) {
+                    // Don't replace items with themselves
+                    return;
+                }
+                if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {
+                    // Dragging downwards
+                    if (dragIndex < newIndex && hoverClientY < hoverMiddleY) {
+                        return;
+                    }
+                    // Dragging upwards
+                    if (dragIndex > newIndex && hoverClientY > hoverMiddleY) {
+                        return;
+                    }
+                }
+                // Time to actually perform the action
+                onMoveItem(newIndex, dragIndex);
+                item.index = newIndex;
+            } else {
+                // Using numbers as indices doesn't work for nested list items with path like [1, 1, 0]
+                if (Array.isArray(dragIndex) && Array.isArray(newIndex)) {
+                    // Indices comparison to find item position in nested list
+                    const minLength = Math.min(dragIndex.length, newIndex.length);
+                    let areEqual = true;
+                    let isLessThan = false;
+                    let isGreaterThan = false;
+                    for(let i = 0; i < minLength; i++){
+                        if (dragIndex[i] < newIndex[i]) {
+                            isLessThan = true;
+                            areEqual = false;
+                            break;
+                        } else if (dragIndex[i] > newIndex[i]) {
+                            isGreaterThan = true;
+                            areEqual = false;
+                            break;
+                        }
+                    }
+                    // Don't replace items with themselves
+                    if (areEqual && dragIndex.length === newIndex.length) {
+                        return;
+                    }
+                    if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {
+                        // Dragging downwards
+                        if (isLessThan && !isGreaterThan && hoverClientY < hoverMiddleY) {
+                            return;
+                        }
+                        // Dragging upwards
+                        if (isGreaterThan && !isLessThan && hoverClientY > hoverMiddleY) {
+                            return;
+                        }
+                    }
+                }
+                onMoveItem(newIndex, dragIndex);
+                item.index = newIndex;
+            }
+        }
+    });
+    const getDragDirection = (monitor)=>{
+        if (monitor && monitor.isDragging() && !monitor.didDrop() && monitor.getInitialClientOffset() && monitor.getClientOffset()) {
+            const deltaY = monitor.getInitialClientOffset().y - monitor.getClientOffset().y;
+            if (deltaY > 0) return DIRECTIONS.UPWARD;
+            if (deltaY < 0) return DIRECTIONS.DOWNWARD;
+            return null;
+        }
+        return null;
+    };
+    const [{ isDragging, direction }, dragRef, dragPreviewRef] = reactDnd.useDrag({
+        type,
+        item () {
+            if (onStart) {
+                onStart();
+            }
+            /**
+       * This will be attached and it helps define the preview sizes
+       * when a component is flexy e.g. Relations
+       */ const { width } = objectRef.current?.getBoundingClientRect() ?? {};
+            return {
+                index,
+                width,
+                ...item
+            };
+        },
+        end () {
+            if (onEnd) {
+                onEnd();
+            }
+        },
+        canDrag: active,
+        /**
+     * This is useful when the item is in a virtualized list.
+     * However, if we don't have an ID then we want the libraries
+     * defaults to take care of this.
+     */ isDragging: item?.id ? (monitor)=>{
+            return item.id === monitor.getItem().id;
+        } : undefined,
+        collect: (monitor)=>({
+                isDragging: monitor.isDragging(),
+                initialOffset: monitor.getInitialClientOffset(),
+                currentOffset: monitor.getClientOffset(),
+                direction: getDragDirection(monitor)
+            })
+    });
+    const handleKeyDown = useKeyboardDragAndDrop.useKeyboardDragAndDrop(active, index, {
+        onGrabItem,
+        onDropItem,
+        onCancel,
+        onMoveItem
+    });
+    return [
+        {
+            handlerId,
+            isDragging,
+            handleKeyDown,
+            isOverDropTarget: isOver,
+            direction
+        },
+        objectRef,
+        dropRef,
+        dragRef,
+        dragPreviewRef
+    ];
+};
+
+exports.DIRECTIONS = DIRECTIONS;
+exports.DROP_SENSITIVITY = DROP_SENSITIVITY;
+exports.useDragAndDrop = useDragAndDrop;
+//# sourceMappingURL=useDragAndDrop.js.map

package/dist/admin/hooks/useDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.js","sources":["../../../admin/src/hooks/useDragAndDrop.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  useDrag,\r\n  useDrop,\r\n  type HandlerManager,\r\n  type ConnectDragSource,\r\n  type ConnectDropTarget,\r\n  type ConnectDragPreview,\r\n  type DragSourceMonitor,\r\n} from 'react-dnd';\r\n\r\nimport {\r\n  useKeyboardDragAndDrop,\r\n  type UseKeyboardDragAndDropCallbacks,\r\n} from './useKeyboardDragAndDrop';\r\n\r\nimport type { Data } from '@strapi/types';\r\n\r\nconst DIRECTIONS = {\r\n  UPWARD: 'upward',\r\n  DOWNWARD: 'downward',\r\n} as const;\r\n\r\nconst DROP_SENSITIVITY = {\r\n  REGULAR: 'regular',\r\n  IMMEDIATE: 'immediate',\r\n} as const;\r\n\r\ninterface UseDragAndDropOptions<\r\n  TIndex extends number | Array<number> = number,\r\n  TItem extends { index: TIndex } = { index: TIndex },\r\n> extends UseKeyboardDragAndDropCallbacks<TIndex> {\r\n  type?: string;\r\n  index: TIndex;\r\n  item?: TItem;\r\n  onStart?: () => void;\r\n  onEnd?: () => void;\r\n  dropSensitivity?: (typeof DROP_SENSITIVITY)[keyof typeof DROP_SENSITIVITY];\r\n}\r\n\r\ntype Identifier = ReturnType<HandlerManager['getHandlerId']>;\r\n\r\ntype UseDragAndDropReturn<E extends Element = HTMLElement> = [\r\n  props: {\r\n    handlerId: Identifier;\r\n    isDragging: boolean;\r\n    handleKeyDown: <E extends Element>(event: React.KeyboardEvent<E>) => void;\r\n    isOverDropTarget: boolean;\r\n    direction: (typeof DIRECTIONS)[keyof typeof DIRECTIONS] | null;\r\n  },\r\n  objectRef: React.RefObject<E>,\r\n  dropRef: ConnectDropTarget,\r\n  dragRef: ConnectDragSource,\r\n  dragPreviewRef: ConnectDragPreview,\r\n];\r\n\r\ntype DropCollectedProps = {\r\n  handlerId: Identifier;\r\n  isOver: boolean;\r\n};\r\n\r\n/**\r\n * A utility hook abstracting the general drag and drop hooks from react-dnd.\r\n * Centralising the same behaviours and by default offering keyboard support.\r\n */\r\nconst useDragAndDrop = <\r\n  TIndex extends number | Array<number>,\r\n  TItem extends { index: TIndex; id?: Data.ID; [key: string]: unknown } = {\r\n    index: TIndex;\r\n    [key: string]: unknown;\r\n  },\r\n  E extends Element = HTMLElement,\r\n>(\r\n  active: boolean,\r\n  {\r\n    type = 'STRAPI_DND',\r\n    index,\r\n    item,\r\n    onStart,\r\n    onEnd,\r\n    onGrabItem,\r\n    onDropItem,\r\n    onCancel,\r\n    onMoveItem,\r\n    dropSensitivity = DROP_SENSITIVITY.REGULAR,\r\n  }: UseDragAndDropOptions<TIndex, TItem>\r\n): UseDragAndDropReturn<E> => {\r\n  const objectRef = React.useRef<E>(null);\r\n\r\n  const [{ handlerId, isOver }, dropRef] = useDrop<TItem, void, DropCollectedProps>({\r\n    accept: type,\r\n    collect(monitor) {\r\n      return {\r\n        handlerId: monitor.getHandlerId(),\r\n        isOver: monitor.isOver({ shallow: true }),\r\n      };\r\n    },\r\n    drop(item) {\r\n      const draggedIndex = item.index;\r\n      const newIndex = index;\r\n\r\n      if (isOver && onDropItem) {\r\n        onDropItem(draggedIndex, newIndex);\r\n      }\r\n    },\r\n    hover(item, monitor) {\r\n      if (!objectRef.current || !onMoveItem) {\r\n        return;\r\n      }\r\n\r\n      const dragIndex = item.index;\r\n      const newIndex = index;\r\n\r\n      const hoverBoundingRect = objectRef.current?.getBoundingClientRect();\r\n      const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\r\n      const clientOffset = monitor.getClientOffset();\r\n      if (!clientOffset) return;\r\n\r\n      const hoverClientY = clientOffset && clientOffset.y - hoverBoundingRect.top;\r\n      if (typeof dragIndex === 'number' && typeof newIndex === 'number') {\r\n        if (dragIndex === newIndex) {\r\n          // Don't replace items with themselves\r\n          return;\r\n        }\r\n\r\n        if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {\r\n          // Dragging downwards\r\n          if (dragIndex < newIndex && hoverClientY < hoverMiddleY) {\r\n            return;\r\n          }\r\n\r\n          // Dragging upwards\r\n          if (dragIndex > newIndex && hoverClientY > hoverMiddleY) {\r\n            return;\r\n          }\r\n        }\r\n\r\n        // Time to actually perform the action\r\n        onMoveItem(newIndex, dragIndex);\r\n        item.index = newIndex;\r\n      } else {\r\n        // Using numbers as indices doesn't work for nested list items with path like [1, 1, 0]\r\n        if (Array.isArray(dragIndex) && Array.isArray(newIndex)) {\r\n          // Indices comparison to find item position in nested list\r\n          const minLength = Math.min(dragIndex.length, newIndex.length);\r\n          let areEqual = true;\r\n          let isLessThan = false;\r\n          let isGreaterThan = false;\r\n\r\n          for (let i = 0; i < minLength; i++) {\r\n            if (dragIndex[i] < newIndex[i]) {\r\n              isLessThan = true;\r\n              areEqual = false;\r\n              break;\r\n            } else if (dragIndex[i] > newIndex[i]) {\r\n              isGreaterThan = true;\r\n              areEqual = false;\r\n              break;\r\n            }\r\n          }\r\n\r\n          // Don't replace items with themselves\r\n          if (areEqual && dragIndex.length === newIndex.length) {\r\n            return;\r\n          }\r\n\r\n          if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {\r\n            // Dragging downwards\r\n            if (isLessThan && !isGreaterThan && hoverClientY < hoverMiddleY) {\r\n              return;\r\n            }\r\n\r\n            // Dragging upwards\r\n            if (isGreaterThan && !isLessThan && hoverClientY > hoverMiddleY) {\r\n              return;\r\n            }\r\n          }\r\n        }\r\n\r\n        onMoveItem(newIndex, dragIndex);\r\n        item.index = newIndex;\r\n      }\r\n    },\r\n  });\r\n\r\n  const getDragDirection = (monitor: DragSourceMonitor<TItem, void>) => {\r\n    if (\r\n      monitor &&\r\n      monitor.isDragging() &&\r\n      !monitor.didDrop() &&\r\n      monitor.getInitialClientOffset() &&\r\n      monitor.getClientOffset()\r\n    ) {\r\n      const deltaY = monitor.getInitialClientOffset()!.y - monitor.getClientOffset()!.y;\r\n\r\n      if (deltaY > 0) return DIRECTIONS.UPWARD;\r\n\r\n      if (deltaY < 0) return DIRECTIONS.DOWNWARD;\r\n\r\n      return null;\r\n    }\r\n\r\n    return null;\r\n  };\r\n\r\n  const [{ isDragging, direction }, dragRef, dragPreviewRef] = useDrag({\r\n    type,\r\n    item() {\r\n      if (onStart) {\r\n        onStart();\r\n      }\r\n\r\n      /**\r\n       * This will be attached and it helps define the preview sizes\r\n       * when a component is flexy e.g. Relations\r\n       */\r\n      const { width } = objectRef.current?.getBoundingClientRect() ?? {};\r\n\r\n      return { index, width, ...item };\r\n    },\r\n    end() {\r\n      if (onEnd) {\r\n        onEnd();\r\n      }\r\n    },\r\n    canDrag: active,\r\n    /**\r\n     * This is useful when the item is in a virtualized list.\r\n     * However, if we don't have an ID then we want the libraries\r\n     * defaults to take care of this.\r\n     */\r\n    isDragging: item?.id\r\n      ? (monitor) => {\r\n          return item.id === monitor.getItem().id;\r\n        }\r\n      : undefined,\r\n    collect: (monitor) => ({\r\n      isDragging: monitor.isDragging(),\r\n      initialOffset: monitor.getInitialClientOffset(),\r\n      currentOffset: monitor.getClientOffset(),\r\n      direction: getDragDirection(monitor),\r\n    }),\r\n  });\r\n\r\n  const handleKeyDown = useKeyboardDragAndDrop(active, index, {\r\n    onGrabItem,\r\n    onDropItem,\r\n    onCancel,\r\n    onMoveItem,\r\n  });\r\n\r\n  return [\r\n    { handlerId, isDragging, handleKeyDown, isOverDropTarget: isOver, direction },\r\n    objectRef,\r\n    dropRef,\r\n    dragRef,\r\n    dragPreviewRef,\r\n  ];\r\n};\r\n\r\nexport {\r\n  useDragAndDrop,\r\n  UseDragAndDropReturn,\r\n  UseDragAndDropOptions,\r\n  DIRECTIONS,\r\n  DROP_SENSITIVITY,\r\n};\r\n"],"names":["DIRECTIONS","UPWARD","DOWNWARD","DROP_SENSITIVITY","REGULAR","useDragAndDrop","active","type","index","item","onStart","onEnd","onGrabItem","onDropItem","onCancel","onMoveItem","dropSensitivity","objectRef","React","useRef","handlerId","isOver","dropRef","useDrop","accept","collect","monitor","getHandlerId","shallow","drop","draggedIndex","newIndex","hover","current","dragIndex","hoverBoundingRect","getBoundingClientRect","hoverMiddleY","bottom","top","clientOffset","getClientOffset","hoverClientY","y","Array","isArray","minLength","Math","min","length","areEqual","isLessThan","isGreaterThan","i","getDragDirection","isDragging","didDrop","getInitialClientOffset","deltaY","direction","dragRef","dragPreviewRef","useDrag","width","end","canDrag","id","getItem","undefined","initialOffset","currentOffset","handleKeyDown","useKeyboardDragAndDrop","isOverDropTarget"],"mappings":"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"}

package/dist/admin/hooks/useDragAndDrop.mjs

@@ -0,0 +1,168 @@
+import * as React from 'react';
+import { useDrop, useDrag } from 'react-dnd';
+import { useKeyboardDragAndDrop } from './useKeyboardDragAndDrop.mjs';
+
+const DIRECTIONS = {
+    UPWARD: 'upward',
+    DOWNWARD: 'downward'
+};
+const DROP_SENSITIVITY = {
+    REGULAR: 'regular'};
+/**
+ * A utility hook abstracting the general drag and drop hooks from react-dnd.
+ * Centralising the same behaviours and by default offering keyboard support.
+ */ const useDragAndDrop = (active, { type = 'STRAPI_DND', index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity = DROP_SENSITIVITY.REGULAR })=>{
+    const objectRef = React.useRef(null);
+    const [{ handlerId, isOver }, dropRef] = useDrop({
+        accept: type,
+        collect (monitor) {
+            return {
+                handlerId: monitor.getHandlerId(),
+                isOver: monitor.isOver({
+                    shallow: true
+                })
+            };
+        },
+        drop (item) {
+            const draggedIndex = item.index;
+            const newIndex = index;
+            if (isOver && onDropItem) {
+                onDropItem(draggedIndex, newIndex);
+            }
+        },
+        hover (item, monitor) {
+            if (!objectRef.current || !onMoveItem) {
+                return;
+            }
+            const dragIndex = item.index;
+            const newIndex = index;
+            const hoverBoundingRect = objectRef.current?.getBoundingClientRect();
+            const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+            const clientOffset = monitor.getClientOffset();
+            if (!clientOffset) return;
+            const hoverClientY = clientOffset && clientOffset.y - hoverBoundingRect.top;
+            if (typeof dragIndex === 'number' && typeof newIndex === 'number') {
+                if (dragIndex === newIndex) {
+                    // Don't replace items with themselves
+                    return;
+                }
+                if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {
+                    // Dragging downwards
+                    if (dragIndex < newIndex && hoverClientY < hoverMiddleY) {
+                        return;
+                    }
+                    // Dragging upwards
+                    if (dragIndex > newIndex && hoverClientY > hoverMiddleY) {
+                        return;
+                    }
+                }
+                // Time to actually perform the action
+                onMoveItem(newIndex, dragIndex);
+                item.index = newIndex;
+            } else {
+                // Using numbers as indices doesn't work for nested list items with path like [1, 1, 0]
+                if (Array.isArray(dragIndex) && Array.isArray(newIndex)) {
+                    // Indices comparison to find item position in nested list
+                    const minLength = Math.min(dragIndex.length, newIndex.length);
+                    let areEqual = true;
+                    let isLessThan = false;
+                    let isGreaterThan = false;
+                    for(let i = 0; i < minLength; i++){
+                        if (dragIndex[i] < newIndex[i]) {
+                            isLessThan = true;
+                            areEqual = false;
+                            break;
+                        } else if (dragIndex[i] > newIndex[i]) {
+                            isGreaterThan = true;
+                            areEqual = false;
+                            break;
+                        }
+                    }
+                    // Don't replace items with themselves
+                    if (areEqual && dragIndex.length === newIndex.length) {
+                        return;
+                    }
+                    if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {
+                        // Dragging downwards
+                        if (isLessThan && !isGreaterThan && hoverClientY < hoverMiddleY) {
+                            return;
+                        }
+                        // Dragging upwards
+                        if (isGreaterThan && !isLessThan && hoverClientY > hoverMiddleY) {
+                            return;
+                        }
+                    }
+                }
+                onMoveItem(newIndex, dragIndex);
+                item.index = newIndex;
+            }
+        }
+    });
+    const getDragDirection = (monitor)=>{
+        if (monitor && monitor.isDragging() && !monitor.didDrop() && monitor.getInitialClientOffset() && monitor.getClientOffset()) {
+            const deltaY = monitor.getInitialClientOffset().y - monitor.getClientOffset().y;
+            if (deltaY > 0) return DIRECTIONS.UPWARD;
+            if (deltaY < 0) return DIRECTIONS.DOWNWARD;
+            return null;
+        }
+        return null;
+    };
+    const [{ isDragging, direction }, dragRef, dragPreviewRef] = useDrag({
+        type,
+        item () {
+            if (onStart) {
+                onStart();
+            }
+            /**
+       * This will be attached and it helps define the preview sizes
+       * when a component is flexy e.g. Relations
+       */ const { width } = objectRef.current?.getBoundingClientRect() ?? {};
+            return {
+                index,
+                width,
+                ...item
+            };
+        },
+        end () {
+            if (onEnd) {
+                onEnd();
+            }
+        },
+        canDrag: active,
+        /**
+     * This is useful when the item is in a virtualized list.
+     * However, if we don't have an ID then we want the libraries
+     * defaults to take care of this.
+     */ isDragging: item?.id ? (monitor)=>{
+            return item.id === monitor.getItem().id;
+        } : undefined,
+        collect: (monitor)=>({
+                isDragging: monitor.isDragging(),
+                initialOffset: monitor.getInitialClientOffset(),
+                currentOffset: monitor.getClientOffset(),
+                direction: getDragDirection(monitor)
+            })
+    });
+    const handleKeyDown = useKeyboardDragAndDrop(active, index, {
+        onGrabItem,
+        onDropItem,
+        onCancel,
+        onMoveItem
+    });
+    return [
+        {
+            handlerId,
+            isDragging,
+            handleKeyDown,
+            isOverDropTarget: isOver,
+            direction
+        },
+        objectRef,
+        dropRef,
+        dragRef,
+        dragPreviewRef
+    ];
+};
+
+export { DIRECTIONS, DROP_SENSITIVITY, useDragAndDrop };
+//# sourceMappingURL=useDragAndDrop.mjs.map

package/dist/admin/hooks/useDragAndDrop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.mjs","sources":["../../../admin/src/hooks/useDragAndDrop.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  useDrag,\r\n  useDrop,\r\n  type HandlerManager,\r\n  type ConnectDragSource,\r\n  type ConnectDropTarget,\r\n  type ConnectDragPreview,\r\n  type DragSourceMonitor,\r\n} from 'react-dnd';\r\n\r\nimport {\r\n  useKeyboardDragAndDrop,\r\n  type UseKeyboardDragAndDropCallbacks,\r\n} from './useKeyboardDragAndDrop';\r\n\r\nimport type { Data } from '@strapi/types';\r\n\r\nconst DIRECTIONS = {\r\n  UPWARD: 'upward',\r\n  DOWNWARD: 'downward',\r\n} as const;\r\n\r\nconst DROP_SENSITIVITY = {\r\n  REGULAR: 'regular',\r\n  IMMEDIATE: 'immediate',\r\n} as const;\r\n\r\ninterface UseDragAndDropOptions<\r\n  TIndex extends number | Array<number> = number,\r\n  TItem extends { index: TIndex } = { index: TIndex },\r\n> extends UseKeyboardDragAndDropCallbacks<TIndex> {\r\n  type?: string;\r\n  index: TIndex;\r\n  item?: TItem;\r\n  onStart?: () => void;\r\n  onEnd?: () => void;\r\n  dropSensitivity?: (typeof DROP_SENSITIVITY)[keyof typeof DROP_SENSITIVITY];\r\n}\r\n\r\ntype Identifier = ReturnType<HandlerManager['getHandlerId']>;\r\n\r\ntype UseDragAndDropReturn<E extends Element = HTMLElement> = [\r\n  props: {\r\n    handlerId: Identifier;\r\n    isDragging: boolean;\r\n    handleKeyDown: <E extends Element>(event: React.KeyboardEvent<E>) => void;\r\n    isOverDropTarget: boolean;\r\n    direction: (typeof DIRECTIONS)[keyof typeof DIRECTIONS] | null;\r\n  },\r\n  objectRef: React.RefObject<E>,\r\n  dropRef: ConnectDropTarget,\r\n  dragRef: ConnectDragSource,\r\n  dragPreviewRef: ConnectDragPreview,\r\n];\r\n\r\ntype DropCollectedProps = {\r\n  handlerId: Identifier;\r\n  isOver: boolean;\r\n};\r\n\r\n/**\r\n * A utility hook abstracting the general drag and drop hooks from react-dnd.\r\n * Centralising the same behaviours and by default offering keyboard support.\r\n */\r\nconst useDragAndDrop = <\r\n  TIndex extends number | Array<number>,\r\n  TItem extends { index: TIndex; id?: Data.ID; [key: string]: unknown } = {\r\n    index: TIndex;\r\n    [key: string]: unknown;\r\n  },\r\n  E extends Element = HTMLElement,\r\n>(\r\n  active: boolean,\r\n  {\r\n    type = 'STRAPI_DND',\r\n    index,\r\n    item,\r\n    onStart,\r\n    onEnd,\r\n    onGrabItem,\r\n    onDropItem,\r\n    onCancel,\r\n    onMoveItem,\r\n    dropSensitivity = DROP_SENSITIVITY.REGULAR,\r\n  }: UseDragAndDropOptions<TIndex, TItem>\r\n): UseDragAndDropReturn<E> => {\r\n  const objectRef = React.useRef<E>(null);\r\n\r\n  const [{ handlerId, isOver }, dropRef] = useDrop<TItem, void, DropCollectedProps>({\r\n    accept: type,\r\n    collect(monitor) {\r\n      return {\r\n        handlerId: monitor.getHandlerId(),\r\n        isOver: monitor.isOver({ shallow: true }),\r\n      };\r\n    },\r\n    drop(item) {\r\n      const draggedIndex = item.index;\r\n      const newIndex = index;\r\n\r\n      if (isOver && onDropItem) {\r\n        onDropItem(draggedIndex, newIndex);\r\n      }\r\n    },\r\n    hover(item, monitor) {\r\n      if (!objectRef.current || !onMoveItem) {\r\n        return;\r\n      }\r\n\r\n      const dragIndex = item.index;\r\n      const newIndex = index;\r\n\r\n      const hoverBoundingRect = objectRef.current?.getBoundingClientRect();\r\n      const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\r\n      const clientOffset = monitor.getClientOffset();\r\n      if (!clientOffset) return;\r\n\r\n      const hoverClientY = clientOffset && clientOffset.y - hoverBoundingRect.top;\r\n      if (typeof dragIndex === 'number' && typeof newIndex === 'number') {\r\n        if (dragIndex === newIndex) {\r\n          // Don't replace items with themselves\r\n          return;\r\n        }\r\n\r\n        if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {\r\n          // Dragging downwards\r\n          if (dragIndex < newIndex && hoverClientY < hoverMiddleY) {\r\n            return;\r\n          }\r\n\r\n          // Dragging upwards\r\n          if (dragIndex > newIndex && hoverClientY > hoverMiddleY) {\r\n            return;\r\n          }\r\n        }\r\n\r\n        // Time to actually perform the action\r\n        onMoveItem(newIndex, dragIndex);\r\n        item.index = newIndex;\r\n      } else {\r\n        // Using numbers as indices doesn't work for nested list items with path like [1, 1, 0]\r\n        if (Array.isArray(dragIndex) && Array.isArray(newIndex)) {\r\n          // Indices comparison to find item position in nested list\r\n          const minLength = Math.min(dragIndex.length, newIndex.length);\r\n          let areEqual = true;\r\n          let isLessThan = false;\r\n          let isGreaterThan = false;\r\n\r\n          for (let i = 0; i < minLength; i++) {\r\n            if (dragIndex[i] < newIndex[i]) {\r\n              isLessThan = true;\r\n              areEqual = false;\r\n              break;\r\n            } else if (dragIndex[i] > newIndex[i]) {\r\n              isGreaterThan = true;\r\n              areEqual = false;\r\n              break;\r\n            }\r\n          }\r\n\r\n          // Don't replace items with themselves\r\n          if (areEqual && dragIndex.length === newIndex.length) {\r\n            return;\r\n          }\r\n\r\n          if (dropSensitivity === DROP_SENSITIVITY.REGULAR) {\r\n            // Dragging downwards\r\n            if (isLessThan && !isGreaterThan && hoverClientY < hoverMiddleY) {\r\n              return;\r\n            }\r\n\r\n            // Dragging upwards\r\n            if (isGreaterThan && !isLessThan && hoverClientY > hoverMiddleY) {\r\n              return;\r\n            }\r\n          }\r\n        }\r\n\r\n        onMoveItem(newIndex, dragIndex);\r\n        item.index = newIndex;\r\n      }\r\n    },\r\n  });\r\n\r\n  const getDragDirection = (monitor: DragSourceMonitor<TItem, void>) => {\r\n    if (\r\n      monitor &&\r\n      monitor.isDragging() &&\r\n      !monitor.didDrop() &&\r\n      monitor.getInitialClientOffset() &&\r\n      monitor.getClientOffset()\r\n    ) {\r\n      const deltaY = monitor.getInitialClientOffset()!.y - monitor.getClientOffset()!.y;\r\n\r\n      if (deltaY > 0) return DIRECTIONS.UPWARD;\r\n\r\n      if (deltaY < 0) return DIRECTIONS.DOWNWARD;\r\n\r\n      return null;\r\n    }\r\n\r\n    return null;\r\n  };\r\n\r\n  const [{ isDragging, direction }, dragRef, dragPreviewRef] = useDrag({\r\n    type,\r\n    item() {\r\n      if (onStart) {\r\n        onStart();\r\n      }\r\n\r\n      /**\r\n       * This will be attached and it helps define the preview sizes\r\n       * when a component is flexy e.g. Relations\r\n       */\r\n      const { width } = objectRef.current?.getBoundingClientRect() ?? {};\r\n\r\n      return { index, width, ...item };\r\n    },\r\n    end() {\r\n      if (onEnd) {\r\n        onEnd();\r\n      }\r\n    },\r\n    canDrag: active,\r\n    /**\r\n     * This is useful when the item is in a virtualized list.\r\n     * However, if we don't have an ID then we want the libraries\r\n     * defaults to take care of this.\r\n     */\r\n    isDragging: item?.id\r\n      ? (monitor) => {\r\n          return item.id === monitor.getItem().id;\r\n        }\r\n      : undefined,\r\n    collect: (monitor) => ({\r\n      isDragging: monitor.isDragging(),\r\n      initialOffset: monitor.getInitialClientOffset(),\r\n      currentOffset: monitor.getClientOffset(),\r\n      direction: getDragDirection(monitor),\r\n    }),\r\n  });\r\n\r\n  const handleKeyDown = useKeyboardDragAndDrop(active, index, {\r\n    onGrabItem,\r\n    onDropItem,\r\n    onCancel,\r\n    onMoveItem,\r\n  });\r\n\r\n  return [\r\n    { handlerId, isDragging, handleKeyDown, isOverDropTarget: isOver, direction },\r\n    objectRef,\r\n    dropRef,\r\n    dragRef,\r\n    dragPreviewRef,\r\n  ];\r\n};\r\n\r\nexport {\r\n  useDragAndDrop,\r\n  UseDragAndDropReturn,\r\n  UseDragAndDropOptions,\r\n  DIRECTIONS,\r\n  DROP_SENSITIVITY,\r\n};\r\n"],"names":["DIRECTIONS","UPWARD","DOWNWARD","DROP_SENSITIVITY","REGULAR","useDragAndDrop","active","type","index","item","onStart","onEnd","onGrabItem","onDropItem","onCancel","onMoveItem","dropSensitivity","objectRef","React","useRef","handlerId","isOver","dropRef","useDrop","accept","collect","monitor","getHandlerId","shallow","drop","draggedIndex","newIndex","hover","current","dragIndex","hoverBoundingRect","getBoundingClientRect","hoverMiddleY","bottom","top","clientOffset","getClientOffset","hoverClientY","y","Array","isArray","minLength","Math","min","length","areEqual","isLessThan","isGreaterThan","i","getDragDirection","isDragging","didDrop","getInitialClientOffset","deltaY","direction","dragRef","dragPreviewRef","useDrag","width","end","canDrag","id","getItem","undefined","initialOffset","currentOffset","handleKeyDown","useKeyboardDragAndDrop","isOverDropTarget"],"mappings":"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"}

package/dist/admin/hooks/useKeyboardDragAndDrop.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/**
+ * Utility hook designed to implement keyboard accessibile drag and drop by
+ * returning an onKeyDown handler to be passed to the drag icon button.
+ *
+ * @internal - You should use `useDragAndDrop` instead.
+ */ const useKeyboardDragAndDrop = (active, index, { onCancel, onDropItem, onGrabItem, onMoveItem })=>{
+    const [isSelected, setIsSelected] = React__namespace.useState(false);
+    const handleMove = (movement)=>{
+        if (!isSelected) {
+            return;
+        }
+        if (typeof index === 'number' && onMoveItem) {
+            if (movement === 'UP') {
+                onMoveItem(index - 1, index);
+            } else if (movement === 'DOWN') {
+                onMoveItem(index + 1, index);
+            }
+        }
+    };
+    const handleDragClick = ()=>{
+        if (isSelected) {
+            if (onDropItem) {
+                onDropItem(index);
+            }
+            setIsSelected(false);
+        } else {
+            if (onGrabItem) {
+                onGrabItem(index);
+            }
+            setIsSelected(true);
+        }
+    };
+    const handleCancel = ()=>{
+        if (isSelected) {
+            setIsSelected(false);
+            if (onCancel) {
+                onCancel(index);
+            }
+        }
+    };
+    const handleKeyDown = (e)=>{
+        if (!active) {
+            return;
+        }
+        if (e.key === 'Tab' && !isSelected) {
+            return;
+        }
+        e.preventDefault();
+        switch(e.key){
+            case ' ':
+            case 'Enter':
+                handleDragClick();
+                break;
+            case 'Escape':
+                handleCancel();
+                break;
+            case 'ArrowDown':
+            case 'ArrowRight':
+                handleMove('DOWN');
+                break;
+            case 'ArrowUp':
+            case 'ArrowLeft':
+                handleMove('UP');
+                break;
+        }
+    };
+    return handleKeyDown;
+};
+
+exports.useKeyboardDragAndDrop = useKeyboardDragAndDrop;
+//# sourceMappingURL=useKeyboardDragAndDrop.js.map

package/dist/admin/hooks/useKeyboardDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDragAndDrop.js","sources":["../../../admin/src/hooks/useKeyboardDragAndDrop.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number> = number> = {\r\n  onCancel?: (index: TIndex) => void;\r\n  onDropItem?: (currentIndex: TIndex, newIndex?: TIndex) => void;\r\n  onGrabItem?: (index: TIndex) => void;\r\n  onMoveItem?: (newIndex: TIndex, currentIndex: TIndex) => void;\r\n};\r\n\r\n/**\r\n * Utility hook designed to implement keyboard accessibile drag and drop by\r\n * returning an onKeyDown handler to be passed to the drag icon button.\r\n *\r\n * @internal - You should use `useDragAndDrop` instead.\r\n */\r\nexport const useKeyboardDragAndDrop = <TIndex extends number | Array<number> = number>(\r\n  active: boolean,\r\n  index: TIndex,\r\n  { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>\r\n) => {\r\n  const [isSelected, setIsSelected] = React.useState(false);\r\n\r\n  const handleMove = (movement: 'UP' | 'DOWN') => {\r\n    if (!isSelected) {\r\n      return;\r\n    }\r\n    if (typeof index === 'number' && onMoveItem) {\r\n      if (movement === 'UP') {\r\n        onMoveItem((index - 1) as TIndex, index);\r\n      } else if (movement === 'DOWN') {\r\n        onMoveItem((index + 1) as TIndex, index);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleDragClick = () => {\r\n    if (isSelected) {\r\n      if (onDropItem) {\r\n        onDropItem(index);\r\n      }\r\n      setIsSelected(false);\r\n    } else {\r\n      if (onGrabItem) {\r\n        onGrabItem(index);\r\n      }\r\n      setIsSelected(true);\r\n    }\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    if (isSelected) {\r\n      setIsSelected(false);\r\n\r\n      if (onCancel) {\r\n        onCancel(index);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = <E extends Element>(e: React.KeyboardEvent<E>) => {\r\n    if (!active) {\r\n      return;\r\n    }\r\n\r\n    if (e.key === 'Tab' && !isSelected) {\r\n      return;\r\n    }\r\n\r\n    e.preventDefault();\r\n\r\n    switch (e.key) {\r\n      case ' ':\r\n      case 'Enter':\r\n        handleDragClick();\r\n        break;\r\n\r\n      case 'Escape':\r\n        handleCancel();\r\n        break;\r\n\r\n      case 'ArrowDown':\r\n      case 'ArrowRight':\r\n        handleMove('DOWN');\r\n        break;\r\n\r\n      case 'ArrowUp':\r\n      case 'ArrowLeft':\r\n        handleMove('UP');\r\n        break;\r\n\r\n      default:\r\n    }\r\n  };\r\n\r\n  return handleKeyDown;\r\n};\r\n"],"names":["useKeyboardDragAndDrop","active","index","onCancel","onDropItem","onGrabItem","onMoveItem","isSelected","setIsSelected","React","useState","handleMove","movement","handleDragClick","handleCancel","handleKeyDown","e","key","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA;;;;;AAKC,IACM,MAAMA,sBAAAA,GAAyB,CACpCC,QACAC,KAAAA,EACA,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAA2C,GAAA;AAEzF,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEnD,IAAA,MAAMC,aAAa,CAACC,QAAAA,GAAAA;AAClB,QAAA,IAAI,CAACL,UAAAA,EAAY;AACf,YAAA;AACF,QAAA;QACA,IAAI,OAAOL,KAAAA,KAAU,QAAA,IAAYI,UAAAA,EAAY;AAC3C,YAAA,IAAIM,aAAa,IAAA,EAAM;AACrBN,gBAAAA,UAAAA,CAAYJ,QAAQ,CAAA,EAAcA,KAAAA,CAAAA;YACpC,CAAA,MAAO,IAAIU,aAAa,MAAA,EAAQ;AAC9BN,gBAAAA,UAAAA,CAAYJ,QAAQ,CAAA,EAAcA,KAAAA,CAAAA;AACpC,YAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMW,eAAAA,GAAkB,IAAA;AACtB,QAAA,IAAIN,UAAAA,EAAY;AACd,YAAA,IAAIH,UAAAA,EAAY;gBACdA,UAAAA,CAAWF,KAAAA,CAAAA;AACb,YAAA;YACAM,aAAAA,CAAc,KAAA,CAAA;QAChB,CAAA,MAAO;AACL,YAAA,IAAIH,UAAAA,EAAY;gBACdA,UAAAA,CAAWH,KAAAA,CAAAA;AACb,YAAA;YACAM,aAAAA,CAAc,IAAA,CAAA;AAChB,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMM,YAAAA,GAAe,IAAA;AACnB,QAAA,IAAIP,UAAAA,EAAY;YACdC,aAAAA,CAAc,KAAA,CAAA;AAEd,YAAA,IAAIL,QAAAA,EAAU;gBACZA,QAAAA,CAASD,KAAAA,CAAAA;AACX,YAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMa,gBAAgB,CAAoBC,CAAAA,GAAAA;AACxC,QAAA,IAAI,CAACf,MAAAA,EAAQ;AACX,YAAA;AACF,QAAA;AAEA,QAAA,IAAIe,CAAAA,CAAEC,GAAG,KAAK,KAAA,IAAS,CAACV,UAAAA,EAAY;AAClC,YAAA;AACF,QAAA;AAEAS,QAAAA,CAAAA,CAAEE,cAAc,EAAA;AAEhB,QAAA,OAAQF,EAAEC,GAAG;YACX,KAAK,GAAA;YACL,KAAK,OAAA;AACHJ,gBAAAA,eAAAA,EAAAA;AACA,gBAAA;YAEF,KAAK,QAAA;AACHC,gBAAAA,YAAAA,EAAAA;AACA,gBAAA;YAEF,KAAK,WAAA;YACL,KAAK,YAAA;gBACHH,UAAAA,CAAW,MAAA,CAAA;AACX,gBAAA;YAEF,KAAK,SAAA;YACL,KAAK,WAAA;gBACHA,UAAAA,CAAW,IAAA,CAAA;AACX,gBAAA;AAGJ;AACF,IAAA,CAAA;IAEA,OAAOI,aAAAA;AACT;;;;"}

package/dist/admin/hooks/useKeyboardDragAndDrop.mjs

@@ -0,0 +1,73 @@
+import * as React from 'react';
+
+/**
+ * Utility hook designed to implement keyboard accessibile drag and drop by
+ * returning an onKeyDown handler to be passed to the drag icon button.
+ *
+ * @internal - You should use `useDragAndDrop` instead.
+ */ const useKeyboardDragAndDrop = (active, index, { onCancel, onDropItem, onGrabItem, onMoveItem })=>{
+    const [isSelected, setIsSelected] = React.useState(false);
+    const handleMove = (movement)=>{
+        if (!isSelected) {
+            return;
+        }
+        if (typeof index === 'number' && onMoveItem) {
+            if (movement === 'UP') {
+                onMoveItem(index - 1, index);
+            } else if (movement === 'DOWN') {
+                onMoveItem(index + 1, index);
+            }
+        }
+    };
+    const handleDragClick = ()=>{
+        if (isSelected) {
+            if (onDropItem) {
+                onDropItem(index);
+            }
+            setIsSelected(false);
+        } else {
+            if (onGrabItem) {
+                onGrabItem(index);
+            }
+            setIsSelected(true);
+        }
+    };
+    const handleCancel = ()=>{
+        if (isSelected) {
+            setIsSelected(false);
+            if (onCancel) {
+                onCancel(index);
+            }
+        }
+    };
+    const handleKeyDown = (e)=>{
+        if (!active) {
+            return;
+        }
+        if (e.key === 'Tab' && !isSelected) {
+            return;
+        }
+        e.preventDefault();
+        switch(e.key){
+            case ' ':
+            case 'Enter':
+                handleDragClick();
+                break;
+            case 'Escape':
+                handleCancel();
+                break;
+            case 'ArrowDown':
+            case 'ArrowRight':
+                handleMove('DOWN');
+                break;
+            case 'ArrowUp':
+            case 'ArrowLeft':
+                handleMove('UP');
+                break;
+        }
+    };
+    return handleKeyDown;
+};
+
+export { useKeyboardDragAndDrop };
+//# sourceMappingURL=useKeyboardDragAndDrop.mjs.map

package/dist/admin/hooks/useKeyboardDragAndDrop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDragAndDrop.mjs","sources":["../../../admin/src/hooks/useKeyboardDragAndDrop.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number> = number> = {\r\n  onCancel?: (index: TIndex) => void;\r\n  onDropItem?: (currentIndex: TIndex, newIndex?: TIndex) => void;\r\n  onGrabItem?: (index: TIndex) => void;\r\n  onMoveItem?: (newIndex: TIndex, currentIndex: TIndex) => void;\r\n};\r\n\r\n/**\r\n * Utility hook designed to implement keyboard accessibile drag and drop by\r\n * returning an onKeyDown handler to be passed to the drag icon button.\r\n *\r\n * @internal - You should use `useDragAndDrop` instead.\r\n */\r\nexport const useKeyboardDragAndDrop = <TIndex extends number | Array<number> = number>(\r\n  active: boolean,\r\n  index: TIndex,\r\n  { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>\r\n) => {\r\n  const [isSelected, setIsSelected] = React.useState(false);\r\n\r\n  const handleMove = (movement: 'UP' | 'DOWN') => {\r\n    if (!isSelected) {\r\n      return;\r\n    }\r\n    if (typeof index === 'number' && onMoveItem) {\r\n      if (movement === 'UP') {\r\n        onMoveItem((index - 1) as TIndex, index);\r\n      } else if (movement === 'DOWN') {\r\n        onMoveItem((index + 1) as TIndex, index);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleDragClick = () => {\r\n    if (isSelected) {\r\n      if (onDropItem) {\r\n        onDropItem(index);\r\n      }\r\n      setIsSelected(false);\r\n    } else {\r\n      if (onGrabItem) {\r\n        onGrabItem(index);\r\n      }\r\n      setIsSelected(true);\r\n    }\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    if (isSelected) {\r\n      setIsSelected(false);\r\n\r\n      if (onCancel) {\r\n        onCancel(index);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = <E extends Element>(e: React.KeyboardEvent<E>) => {\r\n    if (!active) {\r\n      return;\r\n    }\r\n\r\n    if (e.key === 'Tab' && !isSelected) {\r\n      return;\r\n    }\r\n\r\n    e.preventDefault();\r\n\r\n    switch (e.key) {\r\n      case ' ':\r\n      case 'Enter':\r\n        handleDragClick();\r\n        break;\r\n\r\n      case 'Escape':\r\n        handleCancel();\r\n        break;\r\n\r\n      case 'ArrowDown':\r\n      case 'ArrowRight':\r\n        handleMove('DOWN');\r\n        break;\r\n\r\n      case 'ArrowUp':\r\n      case 'ArrowLeft':\r\n        handleMove('UP');\r\n        break;\r\n\r\n      default:\r\n    }\r\n  };\r\n\r\n  return handleKeyDown;\r\n};\r\n"],"names":["useKeyboardDragAndDrop","active","index","onCancel","onDropItem","onGrabItem","onMoveItem","isSelected","setIsSelected","React","useState","handleMove","movement","handleDragClick","handleCancel","handleKeyDown","e","key","preventDefault"],"mappings":";;AASA;;;;;AAKC,IACM,MAAMA,sBAAAA,GAAyB,CACpCC,QACAC,KAAAA,EACA,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAA2C,GAAA;AAEzF,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AAEnD,IAAA,MAAMC,aAAa,CAACC,QAAAA,GAAAA;AAClB,QAAA,IAAI,CAACL,UAAAA,EAAY;AACf,YAAA;AACF,QAAA;QACA,IAAI,OAAOL,KAAAA,KAAU,QAAA,IAAYI,UAAAA,EAAY;AAC3C,YAAA,IAAIM,aAAa,IAAA,EAAM;AACrBN,gBAAAA,UAAAA,CAAYJ,QAAQ,CAAA,EAAcA,KAAAA,CAAAA;YACpC,CAAA,MAAO,IAAIU,aAAa,MAAA,EAAQ;AAC9BN,gBAAAA,UAAAA,CAAYJ,QAAQ,CAAA,EAAcA,KAAAA,CAAAA;AACpC,YAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMW,eAAAA,GAAkB,IAAA;AACtB,QAAA,IAAIN,UAAAA,EAAY;AACd,YAAA,IAAIH,UAAAA,EAAY;gBACdA,UAAAA,CAAWF,KAAAA,CAAAA;AACb,YAAA;YACAM,aAAAA,CAAc,KAAA,CAAA;QAChB,CAAA,MAAO;AACL,YAAA,IAAIH,UAAAA,EAAY;gBACdA,UAAAA,CAAWH,KAAAA,CAAAA;AACb,YAAA;YACAM,aAAAA,CAAc,IAAA,CAAA;AAChB,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMM,YAAAA,GAAe,IAAA;AACnB,QAAA,IAAIP,UAAAA,EAAY;YACdC,aAAAA,CAAc,KAAA,CAAA;AAEd,YAAA,IAAIL,QAAAA,EAAU;gBACZA,QAAAA,CAASD,KAAAA,CAAAA;AACX,YAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMa,gBAAgB,CAAoBC,CAAAA,GAAAA;AACxC,QAAA,IAAI,CAACf,MAAAA,EAAQ;AACX,YAAA;AACF,QAAA;AAEA,QAAA,IAAIe,CAAAA,CAAEC,GAAG,KAAK,KAAA,IAAS,CAACV,UAAAA,EAAY;AAClC,YAAA;AACF,QAAA;AAEAS,QAAAA,CAAAA,CAAEE,cAAc,EAAA;AAEhB,QAAA,OAAQF,EAAEC,GAAG;YACX,KAAK,GAAA;YACL,KAAK,OAAA;AACHJ,gBAAAA,eAAAA,EAAAA;AACA,gBAAA;YAEF,KAAK,QAAA;AACHC,gBAAAA,YAAAA,EAAAA;AACA,gBAAA;YAEF,KAAK,WAAA;YACL,KAAK,YAAA;gBACHH,UAAAA,CAAW,MAAA,CAAA;AACX,gBAAA;YAEF,KAAK,SAAA;YACL,KAAK,WAAA;gBACHA,UAAAA,CAAW,IAAA,CAAA;AACX,gBAAA;AAGJ;AACF,IAAA,CAAA;IAEA,OAAOI,aAAAA;AACT;;;;"}