@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/elements/DocumentLocked/index.js

@@ -0,0 +1,155 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { isClientUserObject } from '../../utilities/isClientUserObject.js';
+import { Button } from '../Button/index.js';
+import { Modal, useModal } from '../Modal/index.js';
+import './index.scss';
+const modalSlug = 'document-locked';
+const baseClass = 'document-locked';
+const formatDate = date => {
+  if (!date) {
+    return '';
+  }
+  return new Intl.DateTimeFormat('en-US', {
+    day: 'numeric',
+    hour: 'numeric',
+    hour12: true,
+    minute: 'numeric',
+    month: 'short',
+    year: 'numeric'
+  }).format(date);
+};
+export const DocumentLocked = t0 => {
+  const $ = _c(22);
+  const {
+    handleGoBack,
+    isActive,
+    onReadOnly,
+    onTakeOver,
+    updatedAt,
+    user
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  let t2;
+  if ($[0] !== isActive || $[1] !== openModal || $[2] !== closeModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = isActive;
+    $[1] = openModal;
+    $[2] = closeModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== t || $[6] !== user || $[7] !== updatedAt || $[8] !== handleGoBack || $[9] !== onReadOnly || $[10] !== closeModal || $[11] !== onTakeOver) {
+    let t4;
+    if ($[13] !== user || $[14] !== t) {
+      t4 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
+      $[13] = user;
+      $[14] = t;
+      $[15] = t4;
+    } else {
+      t4 = $[15];
+    }
+    let t5;
+    if ($[16] !== onReadOnly || $[17] !== closeModal) {
+      t5 = () => {
+        onReadOnly();
+        closeModal(modalSlug);
+      };
+      $[16] = onReadOnly;
+      $[17] = closeModal;
+      $[18] = t5;
+    } else {
+      t5 = $[18];
+    }
+    let t6;
+    if ($[19] !== onTakeOver || $[20] !== closeModal) {
+      t6 = () => {
+        onTakeOver();
+        closeModal(modalSlug);
+      };
+      $[19] = onTakeOver;
+      $[20] = closeModal;
+      $[21] = t6;
+    } else {
+      t6 = $[21];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      onClose: handleGoBack,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:documentLocked")
+          }), _jsxs("p", {
+            children: [_jsx("strong", {
+              children: t4
+            }), " ", t("general:currentlyEditing")]
+          }), _jsxs("p", {
+            children: [t("general:editedSince"), " ", _jsx("strong", {
+              children: formatDate(updatedAt)
+            })]
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-go-back`,
+            onClick: handleGoBack,
+            size: "large",
+            children: t("general:goBack")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t5,
+            size: "large",
+            children: t("general:viewReadOnly")
+          }), _jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-take-over`,
+            onClick: t6,
+            size: "large",
+            children: t("general:takeOver")
+          })]
+        })]
+      })
+    });
+    $[5] = t;
+    $[6] = user;
+    $[7] = updatedAt;
+    $[8] = handleGoBack;
+    $[9] = onReadOnly;
+    $[10] = closeModal;
+    $[11] = onTakeOver;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentLocked/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","email","id","t5","t6","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={handleGoBack}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentLocked/index.scss

@@ -0,0 +1,40 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .document-locked {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      max-width: base(36);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: var(--base);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/elements/DocumentTakeOver/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+export declare const DocumentTakeOver: React.FC<{
+    handleBackToDashboard: () => void;
+    isActive: boolean;
+    onReadOnly: () => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentTakeOver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CA2CA,CAAA"}

package/dist/elements/DocumentTakeOver/index.js

@@ -0,0 +1,101 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import { Modal, useModal } from '../Modal/index.js';
+import './index.scss';
+const modalSlug = 'document-take-over';
+const baseClass = 'document-take-over';
+export const DocumentTakeOver = t0 => {
+  const $ = _c(13);
+  const {
+    handleBackToDashboard,
+    isActive,
+    onReadOnly
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  let t2;
+  if ($[0] !== isActive || $[1] !== openModal || $[2] !== closeModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = isActive;
+    $[1] = openModal;
+    $[2] = closeModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== t || $[6] !== handleBackToDashboard || $[7] !== onReadOnly || $[8] !== closeModal) {
+    let t4;
+    if ($[10] !== onReadOnly || $[11] !== closeModal) {
+      t4 = () => {
+        onReadOnly();
+        closeModal(modalSlug);
+      };
+      $[10] = onReadOnly;
+      $[11] = closeModal;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:editingTakenOver")
+          }), _jsx("p", {
+            children: t("general:anotherUserTakenOver")
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-back-to-dashboard`,
+            onClick: handleBackToDashboard,
+            size: "large",
+            children: t("general:backToDashboard")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t4,
+            size: "large",
+            children: t("general:viewReadOnly")
+          })]
+        })]
+      })
+    });
+    $[5] = t;
+    $[6] = handleBackToDashboard;
+    $[7] = onReadOnly;
+    $[8] = closeModal;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentTakeOver/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","t1","t2","t3","t4","_jsx","className","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={handleBackToDashboard}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCV,QAAA;EAClC;IAAAW;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAI,UAAA;IAEJG,EAAA,GAAAA,CAAA;MAAA,IACJL,QAAA;QACFG,SAAA,CAAAT,SAAU;MAAA;QAEVQ,UAAA,CAAAR,SAAW;MAAA;IAAA;IAEZY,EAAA,IAACN,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCT,SAAA,CAAUgB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,UAAA;IAAA,IAAAM,EAAA;IAAA,IAAAV,CAAA,SAAAG,UAAA,IAAAH,CAAA,SAAAI,UAAA;MAqBjBM,EAAA,GAAAA,CAAA;QACPP,UAAA;QACAC,UAAA,CAAAR,SAAW;MAAA;MACbI,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IArBRS,EAAA,GAAAE,IAAA,CAAAjB,KAAA;MAAAkB,SAAA,EAAAf,SAAA;MAAAgB,IAAA,EAAAjB,SAAA;MAAAkB,QAAA,EACEC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;UAAAiB,QAAA,GACrCH,IAAA,CAAC;YAAAG,QAAA,EAAIR,CAAA,CAAE;UAAA,C,GACPK,IAAA,CAAC;YAAAG,QAAA,EAAGR,CAAA,CAAE;UAAA,C;YAERS,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,YAAwB;UAAAiB,QAAA,GACtCH,IAAA,CAAAlB,MAAA;YAAAuB,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,oBAAgC;YAAAsB,OAAA,EAC3BjB,qBAAA;YAAAkB,IAAA,EACJ;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C,GAELK,IAAA,CAAAlB,MAAA;YAAAuB,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,iBAA6B;YAAAsB,OAAA,EACxBR,EAGT;YAAAS,IAAA,EACK;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C;;;;;;;;;;;;SAxBXG,E;CA8BJ","ignoreList":[]}

package/dist/elements/DocumentTakeOver/index.scss

@@ -0,0 +1,39 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .document-take-over {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: var(--base);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

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

@@ -1,28 +1,66 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import { useDraggableSortable } from '../useDraggableSortable/index.js';
-export const DraggableSortableItem = (props)=>{
-    const { id, children, disabled } = props;
-    const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useDraggableSortable({
-        id,
-        disabled
-    });
-    return /*#__PURE__*/ _jsx(Fragment, {
-        children: children({
-            attributes: {
-                ...attributes,
-                style: {
-                    cursor: isDragging ? 'grabbing' : 'grab'
-                }
-            },
-            isDragging,
-            listeners,
-            setNodeRef,
-            transform,
-            transition
-        })
+export const DraggableSortableItem = props => {
+  const $ = _c(12);
+  const {
+    id,
+    children,
+    disabled
+  } = props;
+  let t0;
+  if ($[0] !== id || $[1] !== disabled) {
+    t0 = {
+      id,
+      disabled
+    };
+    $[0] = id;
+    $[1] = disabled;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useDraggableSortable(t0);
+  const t1 = isDragging ? "grabbing" : "grab";
+  let t2;
+  if ($[3] !== t1 || $[4] !== attributes || $[5] !== isDragging || $[6] !== listeners || $[7] !== setNodeRef || $[8] !== transform || $[9] !== transition || $[10] !== children) {
+    t2 = _jsx(Fragment, {
+      children: children({
+        attributes: {
+          ...attributes,
+          style: {
+            cursor: t1
+          }
+        },
+        isDragging,
+        listeners,
+        setNodeRef,
+        transform,
+        transition
+      })
     });
+    $[3] = t1;
+    $[4] = attributes;
+    $[5] = isDragging;
+    $[6] = listeners;
+    $[7] = setNodeRef;
+    $[8] = transform;
+    $[9] = transition;
+    $[10] = children;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes: {\n          ...attributes,\n          style: {\n            cursor: isDragging ? 'grabbing' : 'grab',\n          },\n        },\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"names":["React","Fragment","useDraggableSortable","DraggableSortableItem","props","id","children","disabled","attributes","isDragging","listeners","setNodeRef","transform","transition","style","cursor"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,oBAAoB,QAAQ,mCAAkC;AAEvE,OAAO,MAAMC,wBAIT,CAACC;IACH,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,MAAM,EAAEI,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAC5EX,qBAAqB;QACnBG;QACAE;IACF;IAEF,qBACE,KAACN;kBACEK,SAAS;YACRE,YAAY;gBACV,GAAGA,UAAU;gBACbM,OAAO;oBACLC,QAAQN,aAAa,aAAa;gBACpC;YACF;YACAA;YACAC;YACAC;YACAC;YACAC;QACF;;AAGN,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDraggableSortable","DraggableSortableItem","props","$","id","children","disabled","t0","attributes","isDragging","listeners","setNodeRef","transform","transition","t1","t2","_jsx","style","cursor"],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes: {\n          ...attributes,\n          style: {\n            cursor: isDragging ? 'grabbing' : 'grab',\n          },\n        },\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,qBAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACF;IAAAO,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAmCJ,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,QAAA;IAGZC,EAAA;MAAAH,EAAA;MAAAE;IAAA;IAGrBH,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAJF;IAAAK,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IACEb,oBAAA,CAAqBO,EAGrB;EAQgB,MAAAO,EAAA,GAAAL,UAAA,GAAa,aAAa;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAU,UAAA,IAAAV,CAAA,SAAAE,QAAA;IAL1CU,EAAA,GAAAC,IAAA,CAAAjB,QAAA;MAAAM,QAAA,EACGA,QAAA;QAAAG,UAAA;UAAA,GAEMA,UAAU;UAAAS,KAAA;YAAAC,MAAA,EAEHJ;UAA0B;QAAA;QAAAL,UAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC;MAAA,CAQxC;IAAA,C;;;;;;;;;;;;;SAbFE,E;CAgBJ","ignoreList":[]}

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

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n  attributes: UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n  children: ChildFunction\n} & UseDraggableArguments\n"],"names":[],"mappings":"AAaA,WAEyB"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n  attributes: UseDraggableArguments['attributes']\n  listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n  children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAaA","ignoreList":[]}

package/dist/elements/DraggableSortable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmD7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuD7C,CAAA"}

package/dist/elements/DraggableSortable/index.js

@@ -1,49 +1,106 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
 import { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
 import React, { useCallback, useId } from 'react';
-export const DraggableSortable = (props)=>{
-    const { children, className, ids, onDragEnd } = props;
-    const id = useId();
-    const { setNodeRef } = useDroppable({
-        id
-    });
-    const sensors = useSensors(useSensor(PointerSensor, {
-        activationConstraint: {
-            distance: 5
-        }
-    }), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates
-    }));
-    const handleDragEnd = 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 /*#__PURE__*/ _jsx(DndContext, {
-        collisionDetection: closestCenter,
-        id: id,
-        onDragEnd: handleDragEnd,
-        sensors: sensors,
-        children: /*#__PURE__*/ _jsx(SortableContext, {
-            items: ids,
-            children: /*#__PURE__*/ _jsx("div", {
-                className: className,
-                ref: setNodeRef,
-                children: children
-            })
+export const DraggableSortable = props => {
+  const $ = _c(15);
+  const {
+    children,
+    className,
+    ids,
+    onDragEnd
+  } = props;
+  const id = useId();
+  let t0;
+  if ($[0] !== id) {
+    t0 = {
+      id
+    };
+    $[0] = id;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    setNodeRef
+  } = useDroppable(t0);
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      activationConstraint: {
+        distance: 5
+      }
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      coordinateGetter: sortableKeyboardCoordinates
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const sensors = useSensors(useSensor(PointerSensor, t1), useSensor(KeyboardSensor, t2));
+  let t3;
+  if ($[4] !== onDragEnd || $[5] !== ids) {
+    t3 = event => {
+      const {
+        active,
+        over
+      } = event;
+      event.activatorEvent.stopPropagation();
+      if (!active || !over) {
+        return;
+      }
+      if (typeof onDragEnd === "function") {
+        onDragEnd({
+          event,
+          moveFromIndex: ids.findIndex(_id => _id === active.id),
+          moveToIndex: ids.findIndex(_id_0 => _id_0 === over.id)
+        });
+      }
+    };
+    $[4] = onDragEnd;
+    $[5] = ids;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const handleDragEnd = t3;
+  let t4;
+  if ($[7] !== className || $[8] !== setNodeRef || $[9] !== children || $[10] !== ids || $[11] !== id || $[12] !== handleDragEnd || $[13] !== sensors) {
+    t4 = _jsx(DndContext, {
+      collisionDetection: closestCenter,
+      id,
+      onDragEnd: handleDragEnd,
+      sensors,
+      children: _jsx(SortableContext, {
+        items: ids,
+        children: _jsx("div", {
+          className,
+          ref: setNodeRef,
+          children
         })
+      })
     });
+    $[7] = className;
+    $[8] = setNodeRef;
+    $[9] = children;
+    $[10] = ids;
+    $[11] = id;
+    $[12] = handleDragEnd;
+    $[13] = sensors;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map