payload 1.13.3 → 1.14.0

package/dist/admin/components/elements/DocumentDrawer/index.js

@@ -1,98 +1,98 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDocumentDrawer = exports.DocumentDrawer = exports.DocumentDrawerToggler = exports.baseClass = void 0;
-const react_1 = __importStar(require("react"));
-const modal_1 = require("@faceless-ui/modal");
-const react_i18next_1 = require("react-i18next");
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const Drawer_1 = require("../Drawer");
-const useRelatedCollections_1 = require("../../forms/field-types/Relationship/AddNew/useRelatedCollections");
-const EditDepth_1 = require("../../utilities/EditDepth");
-const DrawerContent_1 = require("./DrawerContent");
-require("./index.scss");
-exports.baseClass = 'doc-drawer';
-const formatDocumentDrawerSlug = ({ collectionSlug, id, depth, uuid, }) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
-const DocumentDrawerToggler = ({ children, className, drawerSlug, id, collectionSlug, disabled, ...rest }) => {
-    const { t, i18n } = (0, react_i18next_1.useTranslation)(['fields', 'general']);
-    const [collectionConfig] = (0, useRelatedCollections_1.useRelatedCollections)(collectionSlug);
-    return (react_1.default.createElement(Drawer_1.DrawerToggler, { slug: drawerSlug, className: [
-            className,
-            `${exports.baseClass}__toggler`,
-        ].filter(Boolean).join(' '), disabled: disabled, "aria-label": t(!id ? 'fields:addNewLabel' : 'general:editLabel', { label: (0, getTranslation_1.getTranslation)(collectionConfig.labels.singular, i18n) }), ...rest }, children));
-};
-exports.DocumentDrawerToggler = DocumentDrawerToggler;
-const DocumentDrawer = (props) => {
-    const { drawerSlug } = props;
-    return (react_1.default.createElement(Drawer_1.Drawer, { slug: drawerSlug, className: exports.baseClass, header: false, gutter: false },
-        react_1.default.createElement(DrawerContent_1.DocumentDrawerContent, { ...props })));
-};
-exports.DocumentDrawer = DocumentDrawer;
-const useDocumentDrawer = ({ id, collectionSlug }) => {
-    const drawerDepth = (0, EditDepth_1.useEditDepth)();
-    const uuid = (0, react_1.useId)();
-    const { modalState, toggleModal, closeModal, openModal } = (0, modal_1.useModal)();
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const drawerSlug = formatDocumentDrawerSlug({
-        collectionSlug,
-        id,
-        depth: drawerDepth,
-        uuid,
-    });
-    (0, react_1.useEffect)(() => {
-        var _a;
-        setIsOpen(Boolean((_a = modalState[drawerSlug]) === null || _a === void 0 ? void 0 : _a.isOpen));
-    }, [modalState, drawerSlug]);
-    const toggleDrawer = (0, react_1.useCallback)(() => {
-        toggleModal(drawerSlug);
-    }, [toggleModal, drawerSlug]);
-    const closeDrawer = (0, react_1.useCallback)(() => {
-        closeModal(drawerSlug);
-    }, [closeModal, drawerSlug]);
-    const openDrawer = (0, react_1.useCallback)(() => {
-        openModal(drawerSlug);
-    }, [openModal, drawerSlug]);
-    const MemoizedDrawer = (0, react_1.useMemo)(() => {
-        return ((props) => (react_1.default.createElement(exports.DocumentDrawer, { ...props, collectionSlug: collectionSlug, id: id, drawerSlug: drawerSlug, key: drawerSlug })));
-    }, [id, drawerSlug, collectionSlug]);
-    const MemoizedDrawerToggler = (0, react_1.useMemo)(() => {
-        return ((props) => (react_1.default.createElement(exports.DocumentDrawerToggler, { ...props, id: id, collectionSlug: collectionSlug, drawerSlug: drawerSlug })));
-    }, [id, drawerSlug, collectionSlug]);
-    const MemoizedDrawerState = (0, react_1.useMemo)(() => ({
-        drawerSlug,
-        drawerDepth,
-        isDrawerOpen: isOpen,
-        toggleDrawer,
-        closeDrawer,
-        openDrawer,
-    }), [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer]);
-    return [
-        MemoizedDrawer,
-        MemoizedDrawerToggler,
-        MemoizedDrawerState,
-    ];
-};
-exports.useDocumentDrawer = useDocumentDrawer;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDocumentDrawer = exports.DocumentDrawer = exports.DocumentDrawerToggler = exports.baseClass = void 0;
+const react_1 = __importStar(require("react"));
+const modal_1 = require("@faceless-ui/modal");
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const Drawer_1 = require("../Drawer");
+const useRelatedCollections_1 = require("../../forms/field-types/Relationship/AddNew/useRelatedCollections");
+const EditDepth_1 = require("../../utilities/EditDepth");
+const DrawerContent_1 = require("./DrawerContent");
+require("./index.scss");
+exports.baseClass = 'doc-drawer';
+const formatDocumentDrawerSlug = ({ collectionSlug, id, depth, uuid, }) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`;
+const DocumentDrawerToggler = ({ children, className, drawerSlug, id, collectionSlug, disabled, ...rest }) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)(['fields', 'general']);
+    const [collectionConfig] = (0, useRelatedCollections_1.useRelatedCollections)(collectionSlug);
+    return (react_1.default.createElement(Drawer_1.DrawerToggler, { slug: drawerSlug, className: [
+            className,
+            `${exports.baseClass}__toggler`,
+        ].filter(Boolean).join(' '), disabled: disabled, "aria-label": t(!id ? 'fields:addNewLabel' : 'general:editLabel', { label: (0, getTranslation_1.getTranslation)(collectionConfig.labels.singular, i18n) }), ...rest }, children));
+};
+exports.DocumentDrawerToggler = DocumentDrawerToggler;
+const DocumentDrawer = (props) => {
+    const { drawerSlug } = props;
+    return (react_1.default.createElement(Drawer_1.Drawer, { slug: drawerSlug, className: exports.baseClass, header: false, gutter: false },
+        react_1.default.createElement(DrawerContent_1.DocumentDrawerContent, { ...props })));
+};
+exports.DocumentDrawer = DocumentDrawer;
+const useDocumentDrawer = ({ id, collectionSlug }) => {
+    const drawerDepth = (0, EditDepth_1.useEditDepth)();
+    const uuid = (0, react_1.useId)();
+    const { modalState, toggleModal, closeModal, openModal } = (0, modal_1.useModal)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const drawerSlug = formatDocumentDrawerSlug({
+        collectionSlug,
+        id,
+        depth: drawerDepth,
+        uuid,
+    });
+    (0, react_1.useEffect)(() => {
+        var _a;
+        setIsOpen(Boolean((_a = modalState[drawerSlug]) === null || _a === void 0 ? void 0 : _a.isOpen));
+    }, [modalState, drawerSlug]);
+    const toggleDrawer = (0, react_1.useCallback)(() => {
+        toggleModal(drawerSlug);
+    }, [toggleModal, drawerSlug]);
+    const closeDrawer = (0, react_1.useCallback)(() => {
+        closeModal(drawerSlug);
+    }, [closeModal, drawerSlug]);
+    const openDrawer = (0, react_1.useCallback)(() => {
+        openModal(drawerSlug);
+    }, [openModal, drawerSlug]);
+    const MemoizedDrawer = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.DocumentDrawer, { ...props, collectionSlug: collectionSlug, id: id, drawerSlug: drawerSlug, key: drawerSlug })));
+    }, [id, drawerSlug, collectionSlug]);
+    const MemoizedDrawerToggler = (0, react_1.useMemo)(() => {
+        return ((props) => (react_1.default.createElement(exports.DocumentDrawerToggler, { ...props, id: id, collectionSlug: collectionSlug, drawerSlug: drawerSlug })));
+    }, [id, drawerSlug, collectionSlug]);
+    const MemoizedDrawerState = (0, react_1.useMemo)(() => ({
+        drawerSlug,
+        drawerDepth,
+        isDrawerOpen: isOpen,
+        toggleDrawer,
+        closeDrawer,
+        openDrawer,
+    }), [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer]);
+    return [
+        MemoizedDrawer,
+        MemoizedDrawerToggler,
+        MemoizedDrawerState,
+    ];
+};
+exports.useDocumentDrawer = useDocumentDrawer;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/DocumentDrawer/types.d.ts

@@ -1,32 +1,32 @@
-import React, { HTMLAttributes } from 'react';
-import { Props as EditViewProps } from '../../views/collections/Edit/types';
-export type DocumentDrawerProps = {
-    collectionSlug: string;
-    id?: string;
-    onSave?: EditViewProps['onSave'];
-    customHeader?: React.ReactNode;
-    drawerSlug?: string;
-};
-export type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
-    className?: string;
-    drawerSlug?: string;
-    id?: string;
-    collectionSlug: string;
-    disabled?: boolean;
-};
-export type UseDocumentDrawer = (args: {
-    id?: string;
-    collectionSlug: string;
-}) => [
-    React.FC<Omit<DocumentDrawerProps, 'collectionSlug' | 'id'>>,
-    React.FC<Omit<DocumentTogglerProps, 'collectionSlug' | 'id'>>,
-    {
-        drawerSlug: string;
-        drawerDepth: number;
-        isDrawerOpen: boolean;
-        toggleDrawer: () => void;
-        closeDrawer: () => void;
-        openDrawer: () => void;
-    }
-];
+import React, { HTMLAttributes } from 'react';
+import { Props as EditViewProps } from '../../views/collections/Edit/types';
+export type DocumentDrawerProps = {
+    collectionSlug: string;
+    id?: string;
+    onSave?: EditViewProps['onSave'];
+    customHeader?: React.ReactNode;
+    drawerSlug?: string;
+};
+export type DocumentTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    drawerSlug?: string;
+    id?: string;
+    collectionSlug: string;
+    disabled?: boolean;
+};
+export type UseDocumentDrawer = (args: {
+    id?: string;
+    collectionSlug: string;
+}) => [
+    React.FC<Omit<DocumentDrawerProps, 'collectionSlug' | 'id'>>,
+    React.FC<Omit<DocumentTogglerProps, 'collectionSlug' | 'id'>>,
+    {
+        drawerSlug: string;
+        drawerDepth: number;
+        isDrawerOpen: boolean;
+        toggleDrawer: () => void;
+        closeDrawer: () => void;
+        openDrawer: () => void;
+    }
+];

package/dist/admin/components/elements/DocumentDrawer/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/index.d.ts

@@ -1,7 +1,7 @@
-import { UseDraggableArguments } from '@dnd-kit/core';
-import React from 'react';
-import { ChildFunction } from './types';
-export declare const DraggableSortableItem: React.FC<UseDraggableArguments & {
-    children: ChildFunction;
-}>;
-export default DraggableSortableItem;
+import { UseDraggableArguments } from '@dnd-kit/core';
+import React from 'react';
+import { ChildFunction } from './types';
+export declare const DraggableSortableItem: React.FC<UseDraggableArguments & {
+    children: ChildFunction;
+}>;
+export default DraggableSortableItem;

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -1,49 +1,49 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DraggableSortableItem = void 0;
-const react_1 = __importStar(require("react"));
-const useDraggableSortable_1 = require("../useDraggableSortable");
-const DraggableSortableItem = (props) => {
-    const { id, disabled, children, } = props;
-    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
-        id,
-        disabled,
-    });
-    return (react_1.default.createElement(react_1.Fragment, null, children({
-        attributes: {
-            ...attributes,
-            style: {
-                cursor: isDragging ? 'grabbing' : 'grab',
-            },
-        },
-        listeners,
-        setNodeRef,
-        transform,
-    })));
-};
-exports.DraggableSortableItem = DraggableSortableItem;
-exports.default = exports.DraggableSortableItem;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DraggableSortableItem = void 0;
+const react_1 = __importStar(require("react"));
+const useDraggableSortable_1 = require("../useDraggableSortable");
+const DraggableSortableItem = (props) => {
+    const { id, disabled, children, } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
+        id,
+        disabled,
+    });
+    return (react_1.default.createElement(react_1.Fragment, null, children({
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab',
+            },
+        },
+        listeners,
+        setNodeRef,
+        transform,
+    })));
+};
+exports.DraggableSortableItem = DraggableSortableItem;
+exports.default = exports.DraggableSortableItem;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/types.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { UseDraggableArguments } from '@dnd-kit/core';
-import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import { UseDraggableSortableReturn } from '../useDraggableSortable/types';
-export type DragHandleProps = UseDraggableArguments & {
-    attributes: UseDraggableArguments['attributes'];
-    listeners: SyntheticListenerMap;
-};
-export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
-export type Props = UseDraggableArguments & {
-    children: ChildFunction;
-};
+import React from 'react';
+import { UseDraggableArguments } from '@dnd-kit/core';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import { UseDraggableSortableReturn } from '../useDraggableSortable/types';
+export type DragHandleProps = UseDraggableArguments & {
+    attributes: UseDraggableArguments['attributes'];
+    listeners: SyntheticListenerMap;
+};
+export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
+export type Props = UseDraggableArguments & {
+    children: ChildFunction;
+};

package/dist/admin/components/elements/DraggableSortable/DraggableSortableItem/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/admin/components/elements/DraggableSortable/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Props } from './types';
-declare const DraggableSortable: React.FC<Props>;
-export default DraggableSortable;
+import React from 'react';
+import { Props } from './types';
+declare const DraggableSortable: React.FC<Props>;
+export default DraggableSortable;

package/dist/admin/components/elements/DraggableSortable/index.js

@@ -1,59 +1,59 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const sortable_1 = require("@dnd-kit/sortable");
-const core_1 = require("@dnd-kit/core");
-const DraggableSortable = (props) => {
-    const { onDragEnd, ids, className, children, } = props;
-    const id = (0, react_1.useId)();
-    const { setNodeRef } = (0, core_1.useDroppable)({
-        id,
-    });
-    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
-        activationConstraint: {
-            distance: 5,
-        },
-    }), (0, core_1.useSensor)(core_1.KeyboardSensor, {
-        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
-    }));
-    const handleDragEnd = (0, react_1.useCallback)((event) => {
-        const { active, over } = event;
-        if (!active || !over)
-            return;
-        if (typeof onDragEnd === 'function') {
-            onDragEnd({
-                event,
-                moveFromIndex: ids.findIndex((_id) => _id === active.id),
-                moveToIndex: ids.findIndex((_id) => _id === over.id),
-            });
-        }
-    }, [onDragEnd, ids]);
-    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: handleDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
-        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
-            react_1.default.createElement("div", { className: className, ref: setNodeRef }, children))));
-};
-exports.default = DraggableSortable;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const sortable_1 = require("@dnd-kit/sortable");
+const core_1 = require("@dnd-kit/core");
+const DraggableSortable = (props) => {
+    const { onDragEnd, ids, className, children, } = props;
+    const id = (0, react_1.useId)();
+    const { setNodeRef } = (0, core_1.useDroppable)({
+        id,
+    });
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
+        activationConstraint: {
+            distance: 5,
+        },
+    }), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    const handleDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (!active || !over)
+            return;
+        if (typeof onDragEnd === 'function') {
+            onDragEnd({
+                event,
+                moveFromIndex: ids.findIndex((_id) => _id === active.id),
+                moveToIndex: ids.findIndex((_id) => _id === over.id),
+            });
+        }
+    }, [onDragEnd, ids]);
+    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: handleDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
+        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
+            react_1.default.createElement("div", { className: className, ref: setNodeRef }, children))));
+};
+exports.default = DraggableSortable;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/DraggableSortable/types.d.ts

@@ -1,13 +1,13 @@
-import { DragEndEvent } from '@dnd-kit/core';
-import { Ref } from 'react';
-export type Props = {
-    children: React.ReactNode;
-    className?: string;
-    ids: string[];
-    droppableRef?: Ref<HTMLElement>;
-    onDragEnd: (e: {
-        event: DragEndEvent;
-        moveFromIndex: number;
-        moveToIndex: number;
-    }) => void;
-};
+import { DragEndEvent } from '@dnd-kit/core';
+import { Ref } from 'react';
+export type Props = {
+    children: React.ReactNode;
+    className?: string;
+    ids: string[];
+    droppableRef?: Ref<HTMLElement>;
+    onDragEnd: (e: {
+        event: DragEndEvent;
+        moveFromIndex: number;
+        moveToIndex: number;
+    }) => void;
+};

package/dist/admin/components/elements/DraggableSortable/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/admin/components/elements/DraggableSortable/useDraggableSortable/index.d.ts

@@ -1,3 +1,3 @@
-import { UseDraggableArguments } from '@dnd-kit/core';
-import { UseDraggableSortableReturn } from './types';
-export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;
+import { UseDraggableArguments } from '@dnd-kit/core';
+import { UseDraggableSortableReturn } from './types';
+export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;

package/dist/admin/components/elements/DraggableSortable/useDraggableSortable/index.js

@@ -1,25 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDraggableSortable = void 0;
-const sortable_1 = require("@dnd-kit/sortable");
-const useDraggableSortable = (props) => {
-    const { id, disabled, } = props;
-    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, sortable_1.useSortable)({
-        id,
-        disabled,
-    });
-    return {
-        attributes: {
-            ...attributes,
-            style: {
-                cursor: isDragging ? 'grabbing' : 'grab',
-            },
-        },
-        isDragging,
-        listeners,
-        setNodeRef,
-        transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers
-    };
-};
-exports.useDraggableSortable = useDraggableSortable;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDraggableSortable = void 0;
+const sortable_1 = require("@dnd-kit/sortable");
+const useDraggableSortable = (props) => {
+    const { id, disabled, } = props;
+    const { attributes, listeners, setNodeRef, transform, isDragging } = (0, sortable_1.useSortable)({
+        id,
+        disabled,
+    });
+    return {
+        attributes: {
+            ...attributes,
+            style: {
+                cursor: isDragging ? 'grabbing' : 'grab',
+            },
+        },
+        isDragging,
+        listeners,
+        setNodeRef,
+        transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers
+    };
+};
+exports.useDraggableSortable = useDraggableSortable;
 //# sourceMappingURL=index.js.map