@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5f0cd13

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","t5","email","id","t6","t7","t8","_jsx","className","closeOnBlur","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 { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\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(new Date(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  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\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={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              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":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","AlertModal","useModal","modalSlug","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","t5","t6","t7","t8","email","id","_jsxs","actions","_Fragment","children","_jsx","buttonStyle","onClick","slug","title"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { AlertModal, useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-locked'\n\nconst formatDate = (date: null | number | undefined) => {\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(new Date(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  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <AlertModal\n      actions={\n        <>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\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              clearRouteCache()\n            }}\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n          >\n            {t('general:takeOver')}\n          </Button>\n        </>\n      }\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n      title={t('general:documentLocked')}\n    >\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    </AlertModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,EAAEC,QAAQ,QAAQ;AAErC,MAAMC,SAAA,GAAY;AAElB,MAAMC,UAAA,GAAcC,IAAA;EAClB,IAAI,CAACA,IAAA,EAAM;IACT,OAAO;EACT;EACA,OAAO,IAAIC,IAAA,CAAKC,cAAc,CAAC,SAAS;IACtCC,GAAA,EAAK;IACLC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAM;EACR,GAAGC,MAAM,CAAC,IAAIC,IAAA,CAAKV,IAAA;AACrB;AAEA,OAAO,MAAMW,cAAA,GAORC,EAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EAAC;IAAA0B,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAAmE;EACvE;IAAAQ,UAAA;IAAAC;EAAA,IAAkCxB,QAAA;EAClC;IAAAyB;EAAA,IAAc7B,cAAA;EACd;IAAA8B;EAAA,IAA4BhC,aAAA;EAC5B;IAAAiC;EAAA,IAAiChC,kBAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAQ,SAAA;IAEvBI,EAAA,GAAAA,CAAA;MAAA,IACJV,QAAA;QACFM,SAAA,CAAAvB,SAAU;MAAA;QAEVsB,UAAA,CAAAtB,SAAW;MAAA;IAAA;IAEZ4B,EAAA,IAACX,QAAA,EAAUM,SAAA,EAAWD,UAAA;IAAWP,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EANpCvB,SAAA,CAAUmC,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAW,oBAAA;IASjBG,EAAA,GAAAA,CAAA;MACPP,UAAA,CAAAtB,SAAW;MACX0B,oBAAA,OAA2BV,YAAA;IAAA;IAC7BD,CAAA,MAAAO,UAAA;IAAAP,CAAA,MAAAC,YAAA;IAAAD,CAAA,MAAAW,oBAAA;IAAAX,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,QAAAU,eAAA,IAAAV,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAC,YAAA,IAAAD,CAAA,SAAAG,UAAA,IAAAH,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAW,oBAAA,IAAAX,CAAA,SAAAS,CAAA,IAAAT,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAM,IAAA;IAAA,IAAAU,EAAA;IAAA,IAAAhB,CAAA,SAAAU,eAAA,IAAAV,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAG,UAAA;MAOSa,EAAA,GAAAA,CAAA;QACPb,UAAA;QACAI,UAAA,CAAAtB,SAAW;QACXyB,eAAA;MAAA;MACFV,CAAA,OAAAU,eAAA;MAAAV,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAjB,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAI,UAAA;MAOSa,EAAA,GAAAA,CAAA;QACPb,UAAA;QACAG,UAAA,CAAAtB,SAAW;MAAA;MACbe,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAAA,IAAAkB,EAAA;IAAA,IAAAlB,CAAA,SAAAC,YAAA,IAAAD,CAAA,SAAAW,oBAAA;MAMGO,EAAA,GAAAA,CAAA;QACPP,oBAAA,OAA2BV,YAAA;MAAA;MAC7BD,CAAA,OAAAC,YAAA;MAAAD,CAAA,OAAAW,oBAAA;MAAAX,CAAA,OAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAAA,IAAAmB,EAAA;IAAA,IAAAnB,CAAA,SAAAS,CAAA,IAAAT,CAAA,SAAAM,IAAA;MAMKa,EAAA,GAAAtC,kBAAA,CAAmByB,IAAA,IAASA,IAAA,CAAAc,KAAA,IAAcd,IAAA,CAAAe,EAAO,GAAI,GAAGZ,CAAA,CAAE,oBAAoBH,IAAA,EAAM;MAAAN,CAAA,OAAAS,CAAA;MAAAT,CAAA,OAAAM,IAAA;MAAAN,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IA5C3Fe,EAAA,GAAAO,KAAA,CAAAvC,UAAA;MAAAwC,OAAA,EAEID,KAAA,CAAAE,SAAA;QAAAC,QAAA,GACEC,IAAA,CAAA5C,MAAA;UAAA6C,WAAA,EACc;UAAAN,EAAA,EACR,GAAApC,SAAA,UAAsB;UAAA2C,OAAA,EACjBd,EAGT;UAAAW,QAAA,EAEChB,CAAA,CAAE;QAAA,C,GAELiB,IAAA,CAAA5C,MAAA;UAAA6C,WAAA,EACc;UAAAN,EAAA,EACR,GAAApC,SAAA,iBAA6B;UAAA2C,OAAA,EACxBZ,EAIT;UAAAS,QAAA,EAEChB,CAAA,CAAE;QAAA,C,GAELiB,IAAA,CAAA5C,MAAA;UAAA6C,WAAA,EACc;UAAAN,EAAA,EACR,GAAApC,SAAA,YAAwB;UAAA2C,OAAA,EACnBX,EAGT;UAAAQ,QAAA,EAEChB,CAAA,CAAE;QAAA,C;;eAIAS,EAET;MAAAW,IAAA,EAAA5C,SAAA;MAAA6C,KAAA,EAEOrB,CAAA,CAAE;MAAAgB,QAAA,GAETH,KAAA,CAAC;QAAAG,QAAA,GACCC,IAAA,CAAC;UAAAD,QAAA,EACEN;QAAoF,C,GAC7E,KACTV,CAAA,CAAE;MAAA,C,GAELa,KAAA,CAAC;QAAAG,QAAA,GACEhB,CAAA,CAAE,wBAAuB,KAACiB,IAAA,CAAC;UAAAD,QAAA,EAAQvC,UAAA,CAAWmB,SAAA;QAAA,C;;;;;;;;;;;;;;;;;SAjDnDU,E;CAqDJ","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.scss';
 export declare const DocumentStaleData: React.FC<{
     isActive: boolean;
     onReload: () => Promise<void> | void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentStaleData/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACrC,CAsCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentStaleData/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AASxC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACrC,CAmCA,CAAA"}

package/dist/elements/DocumentStaleData/index.js

@@ -1,17 +1,15 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
-import { Modal, useModal } from '../Modal/index.js';
-import './index.scss';
+import { AlertModal, useModal } from '../Modal/index.js';
 const modalSlug = 'document-stale-data';
-const baseClass = 'document-stale-data';
 export const DocumentStaleData = t0 => {
-  const $ = _c(14);
+  const $ = _c(12);
   const {
     isActive,
     onReload
@@ -48,55 +46,41 @@ export const DocumentStaleData = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== clearRouteCache || $[6] !== closeModal || $[7] !== onReload || $[8] !== t) {
-    let t4;
-    if ($[10] !== clearRouteCache || $[11] !== closeModal || $[12] !== onReload) {
-      t4 = async () => {
-        closeModal(modalSlug);
-        clearRouteCache();
-        await onReload();
-      };
-      $[10] = clearRouteCache;
-      $[11] = closeModal;
-      $[12] = onReload;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    t3 = _jsx(Modal, {
-      className: baseClass,
-      closeOnBlur: false,
-      slug: modalSlug,
-      children: _jsxs("div", {
-        className: `${baseClass}__wrapper`,
-        children: [_jsxs("div", {
-          className: `${baseClass}__content`,
-          children: [_jsx("h1", {
-            children: t("general:documentModified")
-          }), _jsx("p", {
-            children: t("general:documentOutOfDate")
-          })]
-        }), _jsx("div", {
-          className: `${baseClass}__controls`,
-          children: _jsx(Button, {
-            buttonStyle: "primary",
-            id: `${modalSlug}-reload`,
-            margin: false,
-            onClick: t4,
-            size: "medium",
-            children: t("general:reloadDocument")
-          })
-        })]
-      })
-    });
+  if ($[5] !== clearRouteCache || $[6] !== closeModal || $[7] !== onReload) {
+    t3 = async () => {
+      closeModal(modalSlug);
+      clearRouteCache();
+      await onReload();
+    };
     $[5] = clearRouteCache;
     $[6] = closeModal;
     $[7] = onReload;
-    $[8] = t;
-    $[9] = t3;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t || $[10] !== t3) {
+    t4 = _jsx(AlertModal, {
+      actions: _jsx(Button, {
+        buttonStyle: "primary",
+        id: `${modalSlug}-reload`,
+        onClick: t3,
+        children: t("general:reloadDocument")
+      }),
+      compact: true,
+      slug: modalSlug,
+      title: t("general:documentModified"),
+      children: _jsx("p", {
+        children: t("general:documentOutOfDate")
+      })
+    });
+    $[9] = t;
+    $[10] = t3;
+    $[11] = t4;
   } else {
-    t3 = $[9];
+    t4 = $[11];
   }
-  return t3;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentStaleData","t0","$","isActive","onReload","closeModal","openModal","clearRouteCache","t","t1","t2","t3","t4","_jsx","className","closeOnBlur","slug","children","_jsxs","buttonStyle","id","margin","onClick","size"],"sources":["../../../src/elements/DocumentStaleData/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\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-stale-data'\n\nconst baseClass = 'document-stale-data'\n\nexport const DocumentStaleData: React.FC<{\n  isActive: boolean\n  onReload: () => Promise<void> | void\n}> = ({ isActive, onReload }) => {\n  const { closeModal, openModal } = useModal()\n  const { clearRouteCache } = useRouteCache()\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} closeOnBlur={false} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentModified')}</h1>\n          <p>{t('general:documentOutOfDate')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-reload`}\n            margin={false}\n            onClick={async () => {\n              closeModal(modalSlug)\n              clearRouteCache()\n              await onReload()\n            }}\n            size=\"medium\"\n          >\n            {t('general:reloadDocument')}\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,aAAa,QAAQ;AAC9B,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,iBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,QAAA;IAAAC;EAAA,IAAAH,EAAsB;EAC1B;IAAAI,UAAA;IAAAC;EAAA,IAAkCT,QAAA;EAClC;IAAAU;EAAA,IAA4Bd,aAAA;EAC5B;IAAAe;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,SAAA;IAEJG,EAAA,GAAAA,CAAA;MAAA,IACJN,QAAA;QACFG,SAAA,CAAAR,SAAU;MAAA;QAEVO,UAAA,CAAAP,SAAW;MAAA;IAAA;IAEZY,EAAA,IAACP,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCV,SAAA,CAAUiB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,CAAA;IAAA,IAAAI,EAAA;IAAA,IAAAV,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAAG,UAAA,IAAAH,CAAA,SAAAE,QAAA;MAcjBQ,EAAA,SAAAA,CAAA;QACPP,UAAA,CAAAP,SAAW;QACXS,eAAA;QAAA,MACMH,QAAA;MAAA;MACRF,CAAA,OAAAK,eAAA;MAAAL,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAE,QAAA;MAAAF,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAfRS,EAAA,GAAAE,IAAA,CAAAjB,KAAA;MAAAkB,SAAA,EAAAf,SAAA;MAAAgB,WAAA;MAAAC,IAAA,EAAAlB,SAAA;MAAAmB,QAAA,EACEC,KAAA,CAAC;QAAAJ,SAAA,EAAe,GAAAf,SAAA,WAAuB;QAAAkB,QAAA,GACrCC,KAAA,CAAC;UAAAJ,SAAA,EAAe,GAAAf,SAAA,WAAuB;UAAAkB,QAAA,GACrCJ,IAAA,CAAC;YAAAI,QAAA,EAAIT,CAAA,CAAE;UAAA,C,GACPK,IAAA,CAAC;YAAAI,QAAA,EAAGT,CAAA,CAAE;UAAA,C;YAERK,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAf,SAAA,YAAwB;UAAAkB,QAAA,EACtCJ,IAAA,CAAAlB,MAAA;YAAAwB,WAAA,EACc;YAAAC,EAAA,EACR,GAAAtB,SAAA,SAAqB;YAAAuB,MAAA;YAAAC,OAAA,EAEhBV,EAIT;YAAAW,IAAA,EACK;YAAAN,QAAA,EAEJT,CAAA,CAAE;UAAA,C;;;;;;;;;;;;SAlBXG,E;CAwBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useTranslation","Button","AlertModal","useModal","modalSlug","DocumentStaleData","t0","$","isActive","onReload","closeModal","openModal","clearRouteCache","t","t1","t2","t3","t4","_jsx","actions","buttonStyle","id","onClick","children"],"sources":["../../../src/elements/DocumentStaleData/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { AlertModal, useModal } from '../Modal/index.js'\n\nconst modalSlug = 'document-stale-data'\n\nexport const DocumentStaleData: React.FC<{\n  isActive: boolean\n  onReload: () => Promise<void> | void\n}> = ({ isActive, onReload }) => {\n  const { closeModal, openModal } = useModal()\n  const { clearRouteCache } = useRouteCache()\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    <AlertModal\n      actions={\n        <Button\n          buttonStyle=\"primary\"\n          id={`${modalSlug}-reload`}\n          onClick={async () => {\n            closeModal(modalSlug)\n            clearRouteCache()\n            await onReload()\n          }}\n        >\n          {t('general:reloadDocument')}\n        </Button>\n      }\n      compact\n      slug={modalSlug}\n      title={t('general:documentModified')}\n    >\n      <p>{t('general:documentOutOfDate')}</p>\n    </AlertModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,EAAEC,QAAQ,QAAQ;AAErC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,iBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,QAAA;IAAAC;EAAA,IAAAH,EAAsB;EAC1B;IAAAI,UAAA;IAAAC;EAAA,IAAkCR,QAAA;EAClC;IAAAS;EAAA,IAA4Bb,aAAA;EAC5B;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,SAAA;IAEJG,EAAA,GAAAA,CAAA;MAAA,IACJN,QAAA;QACFG,SAAA,CAAAP,SAAU;MAAA;QAEVM,UAAA,CAAAN,SAAW;MAAA;IAAA;IAEZW,EAAA,IAACP,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWH,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,SAAA;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,QAAAK,eAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAE,QAAA;IAQnBO,EAAA,SAAAA,CAAA;MACPN,UAAA,CAAAN,SAAW;MACXQ,eAAA;MAAA,MACMH,QAAA;IAAA;IACRF,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAM,CAAA,IAAAN,CAAA,SAAAS,EAAA;IATNC,EAAA,GAAAC,IAAA,CAAAhB,UAAA;MAAAiB,OAAA,EAEID,IAAA,CAAAjB,MAAA;QAAAmB,WAAA,EACc;QAAAC,EAAA,EACR,GAAAjB,SAAA,SAAqB;QAAAkB,OAAA,EAChBN,EAIT;QAAAO,QAAA,EAECV,CAAA,CAAE;MAAA,C;;;aAKAA,CAAA,CAAE;MAAAU,QAAA,EAETL,IAAA,CAAC;QAAAK,QAAA,EAAGV,CAAA,CAAE;MAAA,C;;;;;;;;SAlBRI,E;CAqBJ","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.scss';
 export declare const DocumentTakeOver: React.FC<{
     handleBackToDashboard: () => void;
     isActive: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,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,CAqDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,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,CA+CA,CAAA"}

package/dist/elements/DocumentTakeOver/index.js

@@ -1,18 +1,16 @@
 'use client';
 
 import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
-import { Modal, useModal } from '../Modal/index.js';
-import './index.scss';
+import { AlertModal, useModal } from '../Modal/index.js';
 const modalSlug = 'document-take-over';
-const baseClass = 'document-take-over';
 export const DocumentTakeOver = t0 => {
-  const $ = _c(19);
+  const $ = _c(18);
   const {
     handleBackToDashboard,
     isActive,
@@ -53,73 +51,62 @@ export const DocumentTakeOver = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== clearRouteCache || $[6] !== closeModal || $[7] !== handleBackToDashboard || $[8] !== onReadOnly || $[9] !== startRouteTransition || $[10] !== t) {
-    let t4;
-    if ($[12] !== handleBackToDashboard || $[13] !== startRouteTransition) {
-      t4 = () => {
-        startRouteTransition(() => handleBackToDashboard());
-      };
-      $[12] = handleBackToDashboard;
-      $[13] = startRouteTransition;
-      $[14] = t4;
-    } else {
-      t4 = $[14];
-    }
+  if ($[5] !== handleBackToDashboard || $[6] !== startRouteTransition) {
+    t3 = () => {
+      startRouteTransition(() => handleBackToDashboard());
+    };
+    $[5] = handleBackToDashboard;
+    $[6] = startRouteTransition;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== clearRouteCache || $[9] !== closeModal || $[10] !== onReadOnly || $[11] !== t || $[12] !== t3) {
     let t5;
-    if ($[15] !== clearRouteCache || $[16] !== closeModal || $[17] !== onReadOnly) {
+    if ($[14] !== clearRouteCache || $[15] !== closeModal || $[16] !== onReadOnly) {
       t5 = () => {
         onReadOnly();
         closeModal(modalSlug);
         clearRouteCache();
       };
-      $[15] = clearRouteCache;
-      $[16] = closeModal;
-      $[17] = onReadOnly;
-      $[18] = t5;
+      $[14] = clearRouteCache;
+      $[15] = closeModal;
+      $[16] = onReadOnly;
+      $[17] = t5;
     } else {
-      t5 = $[18];
+      t5 = $[17];
     }
-    t3 = _jsx(Modal, {
-      className: baseClass,
-      closeOnBlur: false,
-      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: t4,
-            size: "large",
-            children: t("general:backToDashboard")
-          }), _jsx(Button, {
-            buttonStyle: "secondary",
-            id: `${modalSlug}-view-read-only`,
-            onClick: t5,
-            size: "large",
-            children: t("general:viewReadOnly")
-          })]
+    t4 = _jsx(AlertModal, {
+      actions: _jsxs(_Fragment, {
+        children: [_jsx(Button, {
+          buttonStyle: "primary",
+          id: `${modalSlug}-back-to-dashboard`,
+          onClick: t3,
+          children: t("general:backToDashboard")
+        }), _jsx(Button, {
+          buttonStyle: "secondary",
+          id: `${modalSlug}-view-read-only`,
+          onClick: t5,
+          children: t("general:viewReadOnly")
         })]
+      }),
+      compact: true,
+      slug: modalSlug,
+      title: t("general:editingTakenOver"),
+      children: _jsx("p", {
+        children: t("general:anotherUserTakenOver")
       })
     });
-    $[5] = clearRouteCache;
-    $[6] = closeModal;
-    $[7] = handleBackToDashboard;
-    $[8] = onReadOnly;
-    $[9] = startRouteTransition;
-    $[10] = t;
-    $[11] = t3;
+    $[8] = clearRouteCache;
+    $[9] = closeModal;
+    $[10] = onReadOnly;
+    $[11] = t;
+    $[12] = t3;
+    $[13] = t4;
   } else {
-    t3 = $[11];
+    t4 = $[13];
   }
-  return t3;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsx","className","closeOnBlur","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\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  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\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={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","Button","AlertModal","useModal","modalSlug","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsx","actions","_jsxs","_Fragment","children","buttonStyle","id","onClick"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { AlertModal, useModal } from '../Modal/index.js'\n\nconst modalSlug = '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  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <AlertModal\n      actions={\n        <>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\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              clearRouteCache()\n            }}\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </>\n      }\n      compact\n      slug={modalSlug}\n      title={t('general:editingTakenOver')}\n    >\n      <p>{t('general:anotherUserTakenOver')}</p>\n    </AlertModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,EAAEC,QAAQ,QAAQ;AAErC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCT,QAAA;EAClC;IAAAU;EAAA,IAAcb,cAAA;EACd;IAAAc;EAAA,IAAiCf,kBAAA;EACjC;IAAAgB;EAAA,IAA4BjB,aAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA;IAElBI,EAAA,GAAAA,CAAA;MAAA,IACJP,QAAA;QACFG,SAAA,CAAAR,SAAU;MAAA;QAEVO,UAAA,CAAAP,SAAW;MAAA;IAAA;IAEZa,EAAA,IAACR,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EANpCV,SAAA,CAAUmB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAO,oBAAA;IASjBI,EAAA,GAAAA,CAAA;MACPJ,oBAAA,OAA2BN,qBAAA;IAAA;IAC7BD,CAAA,MAAAC,qBAAA;IAAAD,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAZ,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,UAAA,IAAAJ,CAAA,SAAAG,UAAA,IAAAH,CAAA,SAAAM,CAAA,IAAAN,CAAA,SAAAW,EAAA;IAAA,IAAAE,EAAA;IAAA,IAAAb,CAAA,SAAAQ,eAAA,IAAAR,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAG,UAAA;MAOSU,EAAA,GAAAA,CAAA;QACPV,UAAA;QACAC,UAAA,CAAAP,SAAW;QACXW,eAAA;MAAA;MACFR,CAAA,OAAAQ,eAAA;MAAAR,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAa,EAAA;IAAA;MAAAA,EAAA,GAAAb,CAAA;IAAA;IAnBRY,EAAA,GAAAE,IAAA,CAAAnB,UAAA;MAAAoB,OAAA,EAEIC,KAAA,CAAAC,SAAA;QAAAC,QAAA,GACEJ,IAAA,CAAApB,MAAA;UAAAyB,WAAA,EACc;UAAAC,EAAA,EACR,GAAAvB,SAAA,oBAAgC;UAAAwB,OAAA,EAC3BV,EAET;UAAAO,QAAA,EAECZ,CAAA,CAAE;QAAA,C,GAELQ,IAAA,CAAApB,MAAA;UAAAyB,WAAA,EACc;UAAAC,EAAA,EACR,GAAAvB,SAAA,iBAA6B;UAAAwB,OAAA,EACxBR,EAIT;UAAAK,QAAA,EAECZ,CAAA,CAAE;QAAA,C;;;;aAMFA,CAAA,CAAE;MAAAY,QAAA,EAETJ,IAAA,CAAC;QAAAI,QAAA,EAAGZ,CAAA,CAAE;MAAA,C;;;;;;;;;;;SA7BRM,E;CAgCJ","ignoreList":[]}

package/dist/elements/DraggableSortable/DragOverlayPreview/index.css

@@ -0,0 +1,6 @@
+.drag-overlay-preview {
+  opacity: 0.9;
+  box-shadow: var(--shadow-m);
+  border-radius: var(--radius-medium);
+  cursor: grabbing;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.css';
+export declare const DragOverlayPreview: React.FC<{
+    header: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DragOverlayPreview/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAapE,CAAA"}

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

@@ -0,0 +1,26 @@
+'use client';
+
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Collapsible } from '../../Collapsible/index.js';
+import './index.css';
+const baseClass = 'drag-overlay-preview';
+export const DragOverlayPreview = ({
+  header
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(Collapsible, {
+      collapsibleStyle: "default",
+      dragHandleProps: {
+        id: '',
+        attributes: {},
+        listeners: undefined
+      },
+      header: header,
+      isCollapsed: true,
+      children: /*#__PURE__*/_jsx(_Fragment, {})
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Collapsible","baseClass","DragOverlayPreview","header","_jsx","className","collapsibleStyle","dragHandleProps","id","attributes","listeners","undefined","isCollapsed","_Fragment"],"sources":["../../../../src/elements/DraggableSortable/DragOverlayPreview/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Collapsible } from '../../Collapsible/index.js'\nimport './index.css'\n\nconst baseClass = 'drag-overlay-preview'\n\nexport const DragOverlayPreview: React.FC<{ header: React.ReactNode }> = ({ header }) => {\n  return (\n    <div className={baseClass}>\n      <Collapsible\n        collapsibleStyle=\"default\"\n        dragHandleProps={{ id: '', attributes: {}, listeners: undefined }}\n        header={header}\n        isCollapsed\n      >\n        <></>\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAA4DA,CAAC;EAAEC;AAAM,CAAE;EAClF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACd,aAAAG,IAAA,CAACJ,WAAA;MACCM,gBAAA,EAAiB;MACjBC,eAAA,EAAiB;QAAEC,EAAA,EAAI;QAAIC,UAAA,EAAY,CAAC;QAAGC,SAAA,EAAWC;MAAU;MAChER,MAAA,EAAQA,MAAA;MACRS,WAAW;gBAEX,aAAAR,IAAA,CAAAS,SAAA;;;AAIR","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA2B1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAsB1B,CAAA"}

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

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

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

@@ -1 +1 @@
-{"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,QAAAG,QAAA,IAAAH,CAAA,QAAAC,EAAA;IAGZG,EAAA;MAAAH,EAAA;MAAAE;IAAA;IAGrBH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,EAAA;IAAAD,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,QAAAK,UAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAS,SAAA,IAAAT,CAAA,SAAAU,UAAA;IAL1CE,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":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDraggableSortable","DraggableSortableItem","props","$","id","children","disabled","t0","attributes","isDragging","listeners","setNodeRef","transform","transition","t1","_jsx"],"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        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,QAAAG,QAAA,IAAAH,CAAA,QAAAC,EAAA;IAGZG,EAAA;MAAAH,EAAA;MAAAE;IAAA;IAGrBH,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,EAAA;IAAAD,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;EAAA,IAAAO,EAAA;EAAA,IAAAX,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAU,UAAA;IAGAC,EAAA,GAAAC,IAAA,CAAAhB,QAAA;MAAAM,QAAA,EACGA,QAAA;QAAAG,UAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC;MAAA,CAOD;IAAA,C;;;;;;;;;;;;SARFC,E;CAWJ","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { UseDraggableArguments } from '@dnd-kit/core';
-import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js';
 import type React from 'react';
 import type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js';
 export type DragHandleProps = {

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}

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

@@ -1 +1 @@
-{"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":[]}
+{"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/index.js'\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.css

@@ -0,0 +1,6 @@
+@layer payload-default {
+  body.is-dragging,
+  body.is-dragging * {
+    cursor: grabbing;
+  }
+}

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Props } from './types.js';
+import './index.css';
 export { Props };
 export declare const DraggableSortable: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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":"AAcA,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,CAmF7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DraggableSortable/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4G7C,CAAA"}