@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

package/dist/elements/Collapsible/index.scss

@@ -19,8 +19,8 @@
     border-top-left-radius: $style-radius-m;
     width: 100%;
 
-    & > * {
-      z-index: 1;
+    &:hover {
+      background: var(--theme-elevation-100);
     }
 
     &:has(.collapsible__drag) {
@@ -31,7 +31,6 @@
   &__drag {
     display: flex;
     opacity: 0.5;
-    z-index: 2;
     top: var(--toggle-pad-v);
     width: base(1.2);
     height: base(1.2);
@@ -56,7 +55,6 @@
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 1;
 
     span {
       user-select: none;
@@ -74,9 +72,19 @@
         color: var(--theme-text);
       }
     }
-    &.collapsible--hovered {
-      > .collapsible__toggle-wrap .collapsible__toggle {
-        background: var(--theme-elevation-100);
+  }
+
+  &--style-error {
+    border: 1px solid var(--theme-error-400);
+    > .collapsible__toggle-wrap {
+      background-color: var(--theme-error-100);
+
+      &:hover {
+        background: var(--theme-error-150);
+      }
+
+      .row-label {
+        color: var(--theme-error-950);
       }
     }
   }
@@ -147,25 +155,4 @@
       padding: var(--gutter-h);
     }
   }
-
-  &--style-error {
-    border: 1px solid var(--theme-error-400);
-    &:hover {
-      border: 1px solid var(--theme-error-500);
-    }
-
-    > .collapsible__toggle-wrap {
-      .row-label {
-        color: var(--theme-error-950);
-      }
-      .collapsible__toggle {
-        background: var(--theme-error-100);
-      }
-    }
-    &.collapsible--hovered {
-      > .collapsible__toggle-wrap .collapsible__toggle {
-        background: var(--theme-error-150);
-      }
-    }
-  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAgB,MAAM,OAAO,CAAA;AAUpC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAC3D,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmD1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAgB,MAAM,OAAO,CAAA;AAUpC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CAC3D,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkE1C,CAAA"}

package/dist/elements/ColumnSelector/index.js

@@ -58,11 +58,23 @@ export const ColumnSelector = t0 => {
           return null;
         }
         const {
-          Label,
           accessor,
-          active
+          active,
+          cellProps: t4
         } = col_0;
-        if (col_0.accessor === "_select") {
+        const {
+          field: t5
+        } = t4;
+        const {
+          admin: t6
+        } = t5 === undefined ? {} : t5;
+        const {
+          components: t7
+        } = t6 === undefined ? {} : t6;
+        const {
+          Label
+        } = t7 === undefined ? {} : t7;
+        if (col_0.accessor === "_select" || Label === null) {
           return null;
         }
         return _jsx(Pill, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useId","PlusIcon","XIcon","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","filterColumnFields","fields","filter","field","cellProps","admin","disableListColumn","ColumnSelector","t0","$","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","t1","filteredColumns","t2","t3","moveFromIndex","moveToIndex","fromIndex","toIndex","col_0","i","col","Label","accessor","active","_jsx","alignIcon","className","Boolean","join","draggable","icon","id","onClick","children","name","ids","map","_temp","onDragEnd"],"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport type { Column } from '../Table/index.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nconst filterColumnFields = (fields: Column[]): Column[] => {\n  return fields.filter((field) => {\n    return !field.cellProps?.field?.admin?.disableListColumn\n  })\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  if (!columns) {\n    return null\n  }\n\n  const filteredColumns = filterColumnFields(columns)\n\n  return (\n    <DraggableSortable\n      className={baseClass}\n      ids={filteredColumns.map((col) => col?.accessor)}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        moveColumn({\n          fromIndex: moveFromIndex,\n          toIndex: moveToIndex,\n        })\n      }}\n    >\n      {filteredColumns.map((col, i) => {\n        if (!col) return null\n\n        const { Label, accessor, active } = col\n\n        if (col.accessor === '_select') return null\n\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={active}\n            className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={active ? <XIcon /> : <PlusIcon />}\n            id={accessor}\n            key={`${collectionSlug}-${col.cellProps?.field && 'name' in col.cellProps.field ? col.cellProps?.field?.name : i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n            onClick={() => {\n              toggleColumn(accessor)\n            }}\n          >\n            {Label}\n          </Pill>\n        )\n      })}\n    </DraggableSortable>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useId","PlusIcon","XIcon","useEditDepth","DraggableSortable","Pill","useTableColumns","baseClass","filterColumnFields","fields","filter","field","cellProps","admin","disableListColumn","ColumnSelector","t0","$","collectionSlug","columns","moveColumn","toggleColumn","uuid","editDepth","t1","filteredColumns","t2","t3","moveFromIndex","moveToIndex","fromIndex","toIndex","col_0","i","col","accessor","active","t4","t5","t6","undefined","components","t7","Label","_jsx","alignIcon","className","Boolean","join","draggable","icon","id","onClick","children","name","ids","map","_temp","onDragEnd"],"sources":["../../../src/elements/ColumnSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport type { Column } from '../Table/index.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\n\nconst baseClass = 'column-selector'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n}\n\nconst filterColumnFields = (fields: Column[]): Column[] => {\n  return fields.filter((field) => {\n    return !field.cellProps?.field?.admin?.disableListColumn\n  })\n}\n\nexport const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {\n  const { columns, moveColumn, toggleColumn } = useTableColumns()\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n\n  if (!columns) {\n    return null\n  }\n\n  const filteredColumns = filterColumnFields(columns)\n\n  return (\n    <DraggableSortable\n      className={baseClass}\n      ids={filteredColumns.map((col) => col?.accessor)}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        moveColumn({\n          fromIndex: moveFromIndex,\n          toIndex: moveToIndex,\n        })\n      }}\n    >\n      {filteredColumns.map((col, i) => {\n        if (!col) {\n          return null\n        }\n\n        const {\n          accessor,\n          active,\n          cellProps: {\n            field: {\n              admin: {\n                // @ts-expect-error // TODO: `Label` does not exist on the UI field\n                components: { Label } = {},\n              } = {},\n            } = {},\n          },\n        } = col\n\n        if (col.accessor === '_select' || Label === null) {\n          return null\n        }\n\n        return (\n          <Pill\n            alignIcon=\"left\"\n            aria-checked={active}\n            className={[`${baseClass}__column`, active && `${baseClass}__column--active`]\n              .filter(Boolean)\n              .join(' ')}\n            draggable\n            icon={active ? <XIcon /> : <PlusIcon />}\n            id={accessor}\n            key={`${collectionSlug}-${col.cellProps?.field && 'name' in col.cellProps.field ? col.cellProps?.field?.name : i}${editDepth ? `-${editDepth}-` : ''}${uuid}`}\n            onClick={() => {\n              toggleColumn(accessor)\n            }}\n          >\n            {Label}\n          </Pill>\n        )\n      })}\n    </DraggableSortable>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAI7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,KAAK,QAAQ;AACtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,IAAI,QAAQ;AACrB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,MAAMC,kBAAA,GAAsBC,MAAA;EAC1B,OAAOA,MAAA,CAAOC,MAAM,CAAEC,KAAA;IACpB,OAAO,CAACA,KAAA,CAAMC,SAAS,EAAED,KAAA,EAAOE,KAAA,EAAOC,iBAAA;EACzC;AACF;AAEA,OAAO,MAAMC,cAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAC;IAAAoB;EAAA,IAAAF,EAAkB;EAChE;IAAAG,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAA8Cf,eAAA;EAE9C,MAAAgB,IAAA,GAAatB,KAAA;EACb,MAAAuB,SAAA,GAAkBpB,YAAA;EAAA,KAEbgB,OAAA;IAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAK,IAAA;IAIL,MAAAG,eAAA,GAAwBjB,kBAAA,CAAmBW,OAAA;IAAA,IAAAO,EAAA;IAAA,IAAAT,CAAA,QAAAG,UAAA;MAM5BM,EAAA,GAAAC,EAAA;QAAC;UAAAC,aAAA;UAAAC;QAAA,IAAAF,EAA8B;QACxCP,UAAA;UAAAU,SAAA,EACaF,aAAA;UAAAG,OAAA,EACFF;QAAA,CACX;MAAA;MACFZ,CAAA,MAAAG,UAAA;MAAAH,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAAA,IAAAU,EAAA;IAAA,IAAAV,CAAA,QAAAI,YAAA,IAAAJ,CAAA,SAAAC,cAAA,IAAAD,CAAA,SAAAM,SAAA,IAAAN,CAAA,SAAAK,IAAA;MAEqBK,EAAA,GAAAA,CAAAK,KAAA,EAAAC,CAAA;QAAA,KACdC,KAAA;UAAA;QAAA;QAIL;UAAAC,QAAA;UAAAC,MAAA;UAAAxB,SAAA,EAAAyB;QAAA,IAWIH,KAAA;QARS;UAAAvB,KAAA,EAAA2B;QAAA,IAAAD,EAOV;QANQ;UAAAxB,KAAA,EAAA0B;QAAA,IAAAD,EAKD,KAAAE,SAAA,QALCF,EAKD;QAJG;UAAAG,UAAA,EAAAC;QAAA,IAAAH,EAGD,KAAAC,SAAA,QAHCD,EAGD;QADQ;UAAAI;QAAA,IAAAD,EAAc,KAAAF,SAAA,QAAdE,EAAc;QAAA,IAM9BR,KAAA,CAAAC,QAAA,KAAiB,aAAaQ,KAAA,SAAU;UAAA;QAAA;QAAA,OAK1CC,IAAA,CAAAvC,IAAA;UAAAwC,SAAA,EACY;UAAA,gBACIT,MAAA;UAAAU,SAAA,EACH,CAAC,GAAAvC,SAAA,UAAsB,EAAE6B,MAAA,IAAU,GAAA7B,SAAA,kBAA8B,EAAAG,MAAA,CAAAqC,OAClE,EAAAC,IAAA,CACF;UAAAC,SAAA;UAAAC,IAAA,EAEFd,MAAA,GAASQ,IAAA,CAAA1C,KAAA,IAAC,IAAW0C,IAAA,CAAA3C,QAAA,IAAC;UAAAkD,EAAA,EACxBhB,QAAA;UAAAiB,OAAA,EAAAA,CAAA;YAGF/B,YAAA,CAAac,QAAA;UAAA;UAAAkB,QAAA,EAGdV;QAAA,GALI,GAAGzB,cAAA,IAAkBgB,KAAA,CAAAtB,SAAA,EAAAD,KAAA,IAAwB,UAAUuB,KAAA,CAAAtB,SAAA,CAAAD,KAAmB,GAAGuB,KAAA,CAAAtB,SAAA,EAAAD,KAAA,EAAA2C,IAAA,GAA6BrB,CAAA,GAAIV,SAAA,GAAY,IAAIA,SAAA,GAAY,GAAG,KAAKD,IAAA,EAAM;MAAA;MAQnKL,CAAA,MAAAI,YAAA;MAAAJ,CAAA,OAAAC,cAAA;MAAAD,CAAA,OAAAM,SAAA;MAAAN,CAAA,OAAAK,IAAA;MAAAL,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAlDFO,EAAA,GAAAoB,IAAA,CAAAxC,iBAAA;MAAA0C,SAAA,EAAAvC,SAAA;MAAAgD,GAAA,EAEO9B,eAAA,CAAA+B,GAAA,CAAAC,KAAkC;MAAAC,SAAA,EAC5BhC,EAKX;MAAA2B,QAAA,EAEC5B,eAAA,CAAA+B,GAAA,CAAoB7B,EAwCrB;IAAA,C;;;;;;;;;;;SAlDFH,E;CAqDJ;AAlE+C,SAAAiC,MAAAvB,GAAA;EAAA,OAePA,GAAA,EAAAC,QAAA;AAAA","ignoreList":[]}

package/dist/elements/CopyToClipboard/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
@@ -8,13 +7,11 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 const baseClass = 'copy-to-clipboard';
-export const CopyToClipboard = t0 => {
-  const $ = _c(10);
-  const {
-    defaultMessage,
-    successMessage,
-    value
-  } = t0;
+export const CopyToClipboard = ({
+  defaultMessage,
+  successMessage,
+  value
+}) => {
   const ref = useRef(null);
   const [copied, setCopied] = useState(false);
   const [hovered, setHovered] = useState(false);
@@ -22,65 +19,34 @@ export const CopyToClipboard = t0 => {
     t
   } = useTranslation();
   if (value) {
-    let t1;
-    let t2;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = () => {
-        setHovered(true);
-        setCopied(false);
-      };
-      t2 = () => {
-        setHovered(false);
-        setCopied(false);
-      };
-      $[0] = t1;
-      $[1] = t2;
-    } else {
-      t1 = $[0];
-      t2 = $[1];
-    }
-    let t3;
-    if ($[2] !== copied || $[3] !== successMessage || $[4] !== t) {
-      t3 = copied && (successMessage ?? t("general:copied"));
-      $[2] = copied;
-      $[3] = successMessage;
-      $[4] = t;
-      $[5] = t3;
-    } else {
-      t3 = $[5];
-    }
-    let t4;
-    if ($[6] !== copied || $[7] !== defaultMessage || $[8] !== t) {
-      t4 = !copied && (defaultMessage ?? t("general:copy"));
-      $[6] = copied;
-      $[7] = defaultMessage;
-      $[8] = t;
-      $[9] = t4;
-    } else {
-      t4 = $[9];
-    }
-    return _jsxs("button", {
+    return /*#__PURE__*/_jsxs("button", {
       className: baseClass,
       onClick: () => {
         if (ref && ref.current) {
           ref.current.select();
           ref.current.setSelectionRange(0, value.length + 1);
-          document.execCommand("copy");
+          document.execCommand('copy');
           setCopied(true);
         }
       },
-      onMouseEnter: t1,
-      onMouseLeave: t2,
+      onMouseEnter: () => {
+        setHovered(true);
+        setCopied(false);
+      },
+      onMouseLeave: () => {
+        setHovered(false);
+        setCopied(false);
+      },
       type: "button",
-      children: [_jsx(CopyIcon, {}), _jsxs(Tooltip, {
+      children: [/*#__PURE__*/_jsx(CopyIcon, {}), /*#__PURE__*/_jsxs(Tooltip, {
         delay: copied ? 0 : undefined,
         show: hovered || copied,
-        children: [t3, t4]
-      }), _jsx("textarea", {
+        children: [copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))]
+      }), /*#__PURE__*/_jsx("textarea", {
         readOnly: true,
-        ref,
+        ref: ref,
         tabIndex: -1,
-        value
+        value: value
       })]
     });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","t1","t2","Symbol","for","t3","t4","_jsxs","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show","readOnly","tabIndex"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,MAAM,EAAEC,QAAQ,QAAQ;AAExC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,MAAAK,GAAA,GAAYZ,MAAA,KAAO;EACnB,OAAAa,MAAA,EAAAC,SAAA,IAA4Bb,QAAA,MAAS;EACrC,OAAAc,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC;IAAAgB;EAAA,IAAcd,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAO,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAX,CAAA,QAAAY,MAAA,CAAAC,GAAA;MAYgBH,EAAA,GAAAA,CAAA;QACZF,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEEK,EAAA,GAAAA,CAAA;QACZH,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZN,CAAA,MAAAU,EAAA;MAAAV,CAAA,MAAAW,EAAA;IAAA;MAAAD,EAAA,GAAAV,CAAA;MAAAW,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAS,CAAA;MAKGK,EAAA,GAAAT,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,iBAAgB;MAAAT,CAAA,MAAAK,MAAA;MAAAL,CAAA,MAAAE,cAAA;MAAAF,CAAA,MAAAS,CAAA;MAAAT,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAe,EAAA;IAAA,IAAAf,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAS,CAAA;MAC/CM,EAAA,IAACV,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;MAAAT,CAAA,MAAAK,MAAA;MAAAL,CAAA,MAAAC,cAAA;MAAAD,CAAA,MAAAS,CAAA;MAAAT,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,OAvBnDgB,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,OAAA,EAAAA,CAAA;QAAA,IAGOd,GAAA,IAAOA,GAAA,CAAAe,OAAW;UACpBf,GAAA,CAAAe,OAAA,CAAAC,MAAA,CAAkB;UAClBhB,GAAA,CAAAe,OAAA,CAAAE,iBAAA,IAAiClB,KAAA,CAAAmB,MAAA,IAAe;UAChDC,QAAA,CAAAC,WAAA,CAAqB;UACrBlB,SAAA,KAAU;QAAA;MAAA;MAAAmB,YAAA,EAGAf,EAGd;MAAAgB,YAAA,EACcf,EAGd;MAAAgB,IAAA,EACK;MAAAC,QAAA,GAELC,IAAA,CAAAnC,QAAA,IAAC,GACDsB,KAAA,CAAApB,OAAA;QAAAkC,KAAA,EAAgBzB,MAAA,OAAA0B,SAAa;QAAAC,IAAA,EAAiBzB,OAAA,IAAWF,MAAA;QAAAuB,QAAA,GACtDd,EAA+C,EAC/CC,EAA8C;MAAA,C,GAEjDc,IAAA,CAAC;QAAAI,QAAA;QAAA7B,GAAA;QAAA8B,QAAA;QAAA/B;MAAA,C;;;;CAMT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","_jsxs","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","_jsx","delay","undefined","show","readOnly","tabIndex"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,MAAM,EAAEC,QAAQ,QAAQ;AAExC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCA,CAAC;EAAEC,cAAc;EAAEC,cAAc;EAAEC;AAAK,CAAE;EACxF,MAAMC,GAAA,GAAMV,MAAA,CAAO;EACnB,MAAM,CAACW,MAAA,EAAQC,SAAA,CAAU,GAAGX,QAAA,CAAS;EACrC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGb,QAAA,CAAS;EACvC,MAAM;IAAEc;EAAC,CAAE,GAAGZ,cAAA;EAEd,IAAIM,KAAA,EAAO;IACT,oBACEO,KAAA,CAAC;MACCC,SAAA,EAAWZ,SAAA;MACXa,OAAA,EAASA,CAAA;QACP,IAAIR,GAAA,IAAOA,GAAA,CAAIS,OAAO,EAAE;UACtBT,GAAA,CAAIS,OAAO,CAACC,MAAM;UAClBV,GAAA,CAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,KAAA,CAAMa,MAAM,GAAG;UAChDC,QAAA,CAASC,WAAW,CAAC;UACrBZ,SAAA,CAAU;QACZ;MACF;MACAa,YAAA,EAAcA,CAAA;QACZX,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAc,YAAA,EAAcA,CAAA;QACZZ,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAe,IAAA,EAAK;8BAELC,IAAA,CAAC1B,QAAA,O,aACDc,KAAA,CAACZ,OAAA;QAAQyB,KAAA,EAAOlB,MAAA,GAAS,IAAImB,SAAA;QAAWC,IAAA,EAAMlB,OAAA,IAAWF,MAAA;mBACtDA,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;uBAEjDa,IAAA,CAAC;QAASI,QAAQ;QAACtB,GAAA,EAAKA,GAAA;QAAKuB,QAAA,EAAU,CAAC;QAAGxB,KAAA,EAAOA;;;EAGxD;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,4CAA4C,CAAA;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmG/B,CAAA;AAGD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,4CAA4C,CAAA;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2G/B,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/elements/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["c","_c","React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","$","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","t0","onChange","onChangeFromProps","overrides","pickerAppearance","t1","placeholder","placeholderText","readOnly","timeFormat","t2","timeIntervals","t3","value","undefined","i18n","datepickerLocale","language","dateFNS","t4","console","warn","dateFormat","t5","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","t6","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","t7","t8","filter","Boolean","classes","join","_jsxs","className","children","_jsx","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { ReactDatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'\nconst ReactDatePicker = (ReactDatePickerDefaultImport.default ||\n  ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport type { Props } from './types.js'\n\nimport { CalendarIcon } from '../../icons/Calendar/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-picker'\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    displayFormat: customDisplayFormat,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsToShow = 1,\n    onChange: onChangeFromProps,\n    overrides,\n    pickerAppearance = 'default',\n    placeholder: placeholderText,\n    readOnly,\n    timeFormat = 'h:mm aa',\n    timeIntervals = 30,\n    value,\n  } = props\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n } = useTranslation()\n\n  const datepickerLocale = getFormattedLocale(i18n.language)\n\n  try {\n    registerLocale(datepickerLocale, i18n.dateFNS)\n  } catch (e) {\n    console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n  }\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') dateFormat = 'MM/dd/yyyy'\n    else if (pickerAppearance === 'dayAndTime') dateFormat = 'MMM d, yyy h:mm a'\n    else if (pickerAppearance === 'timeOnly') dateFormat = 'h:mm a'\n    else if (pickerAppearance === 'dayOnly') dateFormat = 'MMM dd'\n    else if (pickerAppearance === 'monthOnly') dateFormat = 'MMMM'\n  }\n\n  const onChange = (incomingDate: Date) => {\n    const newDate = incomingDate\n    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n      const tzOffset = incomingDate.getTimezoneOffset() / 60\n      newDate.setHours(12 - tzOffset, 0)\n    }\n    if (typeof onChangeFromProps === 'function') onChangeFromProps(newDate)\n  }\n\n  const dateTimePickerProps: ReactDatePickerProps = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    onChange,\n    placeholderText,\n    popperPlacement: 'bottom-start',\n    selected: value && new Date(value),\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...overrides,\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__icon-wrap`}>\n        {dateTimePickerProps.selected && (\n          <button\n            className={`${baseClass}__clear-button`}\n            onClick={() => onChange(null)}\n            type=\"button\"\n          >\n            <XIcon />\n          </button>\n        )}\n        <CalendarIcon />\n      </div>\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          locale={datepickerLocale}\n          showMonthDropdown\n          showYearDropdown\n        />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DatePicker\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAClB,OAAOC,4BAAA,IAAgCC,cAAc,QAAQ;AAC7D,MAAMC,eAAA,GAAmBF,4BAAA,CAA6BG,OAAO,IAC3DH,4BAAA;AACF,OAAO;AAIP,SAASI,YAAY,QAAQ;AAC7B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,UAAA,GAA8BC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAClC;IAAAc,aAAA,EAAAC,mBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC,SAAA;IAAAC,gBAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC,eAAA;IAAAC,QAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,aAAA,EAAAC,EAAA;IAAAC;EAAA,IAeItB,KAAA;EATF,MAAAQ,YAAA,GAAAC,EAAgB,KAAAc,SAAA,OAAhBd,EAAgB;EAGhB,MAAAI,gBAAA,GAAAC,EAA4B,KAAAS,SAAA,GAAT,SAAS,GAA5BT,EAA4B;EAG5B,MAAAI,UAAA,GAAAC,EAAsB,KAAAI,SAAA,GAAT,SAAS,GAAtBJ,EAAsB;EACtB,MAAAC,aAAA,GAAAC,EAAkB,KAAAE,SAAA,QAAlBF,EAAkB;EAKpB;IAAAG;EAAA,IAAiB5B,cAAA;EAEjB,MAAA6B,gBAAA,GAAyB5B,kBAAA,CAAmB2B,IAAA,CAAAE,QAAa;EAAA;EAAA;IAGvDnC,cAAA,CAAekC,gBAAA,EAAkBD,IAAA,CAAAG,OAAY;EAAA,SAAAC,EAAA;IAE7CC,OAAA,CAAAC,IAAA,CAAa,wCAAwCN,IAAA,CAAAE,QAAA,EAAe;EAAA;EAGtE,IAAAK,UAAA,GAAiB5B,mBAAA;EAAA,KAEZA,mBAAA;IAAA,IAECU,gBAAA,KAAqB;MAAWkB,UAAA,CAAAA,CAAA,CAAaA,YAAA;IAAb;MAAA,IAC3BlB,gBAAA,KAAqB;QAAckB,UAAA,CAAAA,CAAA,CAAaA,mBAAA;MAAb;QAAA,IACnClB,gBAAA,KAAqB;UAAYkB,UAAA,CAAAA,CAAA,CAAaA,QAAA;QAAb;UAAA,IACjClB,gBAAA,KAAqB;YAAWkB,UAAA,CAAAA,CAAA,CAAaA,QAAA;UAAb;YAAA,IAChClB,gBAAA,KAAqB;cAAakB,UAAA,CAAAA,CAAA,CAAaA,MAAA;YAAb;UAAA;QAAA;MAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA/B,CAAA,QAAAY,gBAAA,IAAAZ,CAAA,QAAAU,iBAAA;IAG5BqB,EAAA,GAAAC,YAAA;MACf,MAAAC,OAAA,GAAgBD,YAAA;MAAA,IACZC,OAAA,YAAAC,IAAmB,IAAQ,CAAC,WAAW,WAAW,aAAAC,QAAA,CAAsBvB,gBAAA;QAC1E,MAAAwB,QAAA,GAAiBJ,YAAA,CAAAK,iBAAA,CAA8B,MAAK;QACpDJ,OAAA,CAAAK,QAAA,CAAiB,KAAKF,QAAA,GAAU;MAAA;MAAA,IAE9B,OAAO1B,iBAAA,KAAsB;QAAYA,iBAAA,CAAkBuB,OAAA;MAAA;IAAA;IACjEjC,CAAA,MAAAY,gBAAA;IAAAZ,CAAA,MAAAU,iBAAA;IAAAV,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAPA,MAAAS,QAAA,GAAiBsB,EAOjB;EAAA,IAAAQ,EAAA;EAAA,IAAAvC,CAAA,QAAAqB,KAAA;IAcYkB,EAAA,GAAAlB,KAAA,QAAAa,IAAA,CAAkBb,KAAA;IAAArB,CAAA,MAAAqB,KAAA;IAAArB,CAAA,MAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAZ9B,MAAAwC,mBAAA;IAAAC,cAAA,EACkB;IAAAX,UAAA;IAAAY,QAAA,EAEN1B,QAAA;IAAAb,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAqC,WAAA,EAKGC,IAAA,CAAAC,GAAA,IAAYtC,YAAA;IAAAE,QAAA;IAAAM,eAAA;IAAA+B,eAAA,EAGR;IAAAC,QAAA,EACPR,EAAkB;IAAAS,mBAAA,EACPpC,gBAAA,KAAqB;IAAAqC,eAAA;IAAAC,cAAA,EAE1BtC,gBAAA,KAAqB,gBAAgBA,gBAAA,KAAqB;IAAAK,UAAA;IAAAE,aAAA;IAAA,GAGvER;EAAS;EAGc,MAAAwC,EAAA,MAAAtD,SAAA,iBAA6Be,gBAAA,EAAkB;EAAA,IAAAwC,EAAA;EAAA,IAAApD,CAAA,QAAAmD,EAAA;IAA3DC,EAAA,IAAAvD,SAAA,EAAYsD,EAA+C,EAAAE,MAAA,CAAAC,OACjE;IAAAtD,CAAA,MAAAmD,EAAA;IAAAnD,CAAA,MAAAoD,EAAA;EAAA;IAAAA,EAAA,GAAApD,CAAA;EAAA;EADV,MAAAuD,OAAA,GAAgBH,EACN,CAAAI,IAAA,CACF;EAAA,OAGNC,KAAA,CAAC;IAAAC,SAAA,EAAeH,OAAA;IAAAI,QAAA,GACdF,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAA7D,SAAA,aAAyB;MAAA8D,QAAA,GACtCnB,mBAAA,CAAAO,QAAA,IACCa,IAAA,CAAC;QAAAF,SAAA,EACY,GAAA7D,SAAA,gBAA4B;QAAAgE,OAAA,EAAAA,CAAA,KACxBpD,QAAA,KAAS;QAAAqD,IAAA,EACnB;QAAAH,QAAA,EAELC,IAAA,CAAAlE,KAAA,IAAC;MAAA,C,GAGLkE,IAAA,CAAAnE,YAAA,IAAC;IAAA,C,GAEHmE,IAAA,CAAC;MAAAF,SAAA,EAAe,GAAA7D,SAAA,iBAA6B;MAAA8D,QAAA,EAC3CC,IAAA,CAAArE,eAAA;QAAA,GACMiD,mBAAmB;QAAAuB,YAAA,EACV;QAAAC,MAAA,EACLxC,gBAAA;QAAAyC,iBAAA;QAAAC,gBAAA;MAAA,C;;;CAOlB;AAEA;AACA,eAAepE,UAAA","ignoreList":[]}
+{"version":3,"file":"DatePicker.js","names":["c","_c","React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","$","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","t0","onChange","onChangeFromProps","overrides","pickerAppearance","t1","placeholder","placeholderText","readOnly","timeFormat","t2","timeIntervals","t3","value","undefined","i18n","datepickerLocale","language","dateFNS","t4","console","warn","dateFormat","t5","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","t6","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","t7","t8","filter","Boolean","classes","join","_jsxs","className","children","_jsx","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { ReactDatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker'\nconst ReactDatePicker = (ReactDatePickerDefaultImport.default ||\n  ReactDatePickerDefaultImport) as unknown as typeof ReactDatePickerDefaultImport.default\nimport 'react-datepicker/dist/react-datepicker.css'\n\nimport type { Props } from './types.js'\n\nimport { CalendarIcon } from '../../icons/Calendar/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-picker'\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    displayFormat: customDisplayFormat,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsToShow = 1,\n    onChange: onChangeFromProps,\n    overrides,\n    pickerAppearance = 'default',\n    placeholder: placeholderText,\n    readOnly,\n    timeFormat = 'h:mm aa',\n    timeIntervals = 30,\n    value,\n  } = props\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n } = useTranslation()\n\n  const datepickerLocale = getFormattedLocale(i18n.language)\n\n  try {\n    registerLocale(datepickerLocale, i18n.dateFNS)\n  } catch (e) {\n    console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n  }\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') {\n      dateFormat = 'MM/dd/yyyy'\n    } else if (pickerAppearance === 'dayAndTime') {\n      dateFormat = 'MMM d, yyy h:mm a'\n    } else if (pickerAppearance === 'timeOnly') {\n      dateFormat = 'h:mm a'\n    } else if (pickerAppearance === 'dayOnly') {\n      dateFormat = 'MMM dd'\n    } else if (pickerAppearance === 'monthOnly') {\n      dateFormat = 'MMMM'\n    }\n  }\n\n  const onChange = (incomingDate: Date) => {\n    const newDate = incomingDate\n    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {\n      const tzOffset = incomingDate.getTimezoneOffset() / 60\n      newDate.setHours(12 - tzOffset, 0)\n    }\n    if (typeof onChangeFromProps === 'function') {\n      onChangeFromProps(newDate)\n    }\n  }\n\n  const dateTimePickerProps: ReactDatePickerProps = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    onChange,\n    placeholderText,\n    popperPlacement: 'bottom-start',\n    selected: value && new Date(value),\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...overrides,\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__icon-wrap`}>\n        {dateTimePickerProps.selected && (\n          <button\n            className={`${baseClass}__clear-button`}\n            onClick={() => onChange(null)}\n            type=\"button\"\n          >\n            <XIcon />\n          </button>\n        )}\n        <CalendarIcon />\n      </div>\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          locale={datepickerLocale}\n          showMonthDropdown\n          showYearDropdown\n        />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DatePicker\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DatePicker/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Suspense, lazy } from 'react';
+import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 const DatePicker = /*#__PURE__*/lazy(() => import('./DatePicker.js'));
 export const DatePickerField = props => /*#__PURE__*/_jsx(Suspense, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Suspense","lazy","ShimmerEffect","DatePicker","DatePickerField","props","_jsx","fallback","height"],"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["'use client'\nimport React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n  <Suspense fallback={<ShimmerEffect height={50} />}>\n    <DatePicker {...props} />\n  </Suspense>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,IAAI,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaF,IAAA,CAAK,MAAM,MAAM,CAAC;AAErC,OAAO,MAAMG,eAAA,GAAoCC,KAAA,iBAC/CC,IAAA,CAACN,QAAA;EAASO,QAAA,eAAUD,IAAA,CAACJ,aAAA;IAAcM,MAAA,EAAQ;;YACzC,aAAAF,IAAA,CAACH,UAAA;IAAY,GAAGE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","lazy","Suspense","ShimmerEffect","DatePicker","DatePickerField","props","_jsx","fallback","height"],"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst DatePicker = lazy(() => import('./DatePicker.js'))\n\nexport const DatePickerField: React.FC<Props> = (props) => (\n  <Suspense fallback={<ShimmerEffect height={50} />}>\n    <DatePicker {...props} />\n  </Suspense>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,IAAI,EAAEC,QAAQ,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaH,IAAA,CAAK,MAAM,MAAM,CAAC;AAErC,OAAO,MAAMI,eAAA,GAAoCC,KAAA,iBAC/CC,IAAA,CAACL,QAAA;EAASM,QAAA,eAAUD,IAAA,CAACJ,aAAA;IAAcM,MAAA,EAAQ;;YACzC,aAAAF,IAAA,CAACH,UAAA;IAAY,GAAGE","ignoreList":[]}

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

@@ -1,13 +1,16 @@
 import type { SanitizedCollectionConfig } from 'payload';
 import React from 'react';
+import type { DocumentInfoContext } from '../../providers/DocumentInfo/index.js';
 import './index.scss';
 export type Props = {
-    buttonId?: string;
-    collectionSlug: SanitizedCollectionConfig['slug'];
-    id?: string;
-    singularLabel: SanitizedCollectionConfig['labels']['singular'];
-    title?: string;
-    useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle'];
+    readonly buttonId?: string;
+    readonly collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly id?: string;
+    readonly onDelete?: DocumentInfoContext['onDelete'];
+    readonly redirectAfterDelete?: boolean;
+    readonly singularLabel: SanitizedCollectionConfig['labels']['singular'];
+    readonly title?: string;
+    readonly useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle'];
 };
 export declare const DeleteDocument: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteDocument/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuI1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteDocument/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0B,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKhF,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAahF,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACnD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACvE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CACtE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2L1C,CAAA"}

package/dist/elements/DeleteDocument/index.js

@@ -4,15 +4,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { useForm } from '../../forms/Form/context.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { Button } from '../Button/index.js';
+import { drawerZBase } from '../Drawer/index.js';
 import { PopupList } from '../Popup/index.js';
 import { Translation } from '../Translation/index.js';
 import './index.scss';
@@ -22,6 +24,8 @@ export const DeleteDocument = props => {
     id,
     buttonId,
     collectionSlug,
+    onDelete,
+    redirectAfterDelete = true,
     singularLabel,
     title: titleFromProps
   } = props;
@@ -32,13 +36,18 @@ export const DeleteDocument = props => {
         api
       },
       serverURL
-    }
+    },
+    getEntityConfig
   } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
   const {
     setModified
   } = useForm();
   const [deleting, setDeleting] = useState(false);
   const {
+    closeModal,
     toggleModal
   } = useModal();
   const router = useRouter();
@@ -49,6 +58,7 @@ export const DeleteDocument = props => {
   const {
     title
   } = useDocumentInfo();
+  const editDepth = useEditDepth();
   const titleToRender = titleFromProps || title || id;
   const modalSlug = `delete-${id}`;
   const addDefaultError = useCallback(() => {
@@ -57,6 +67,11 @@ export const DeleteDocument = props => {
       title
     }));
   }, [t, title]);
+  useEffect(() => {
+    return () => {
+      closeModal(modalSlug);
+    };
+  }, [closeModal, modalSlug]);
   const handleDelete = useCallback(async () => {
     setDeleting(true);
     setModified(false);
@@ -76,10 +91,20 @@ export const DeleteDocument = props => {
               label: getTranslation(singularLabel, i18n),
               title
             }) || json.message);
-            return router.push(formatAdminURL({
-              adminRoute,
-              path: `/collections/${collectionSlug}`
-            }));
+            if (redirectAfterDelete) {
+              return router.push(formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}`
+              }));
+            }
+            if (typeof onDelete === 'function') {
+              await onDelete({
+                id,
+                collectionConfig
+              });
+            }
+            toggleModal(modalSlug);
+            return;
           }
           toggleModal(modalSlug);
           if (json.errors) {
@@ -95,7 +120,7 @@ export const DeleteDocument = props => {
     } catch (e) {
       addDefaultError();
     }
-  }, [setModified, serverURL, api, collectionSlug, id, toggleModal, modalSlug, t, singularLabel, i18n, title, router, adminRoute, addDefaultError]);
+  }, [setModified, serverURL, api, collectionSlug, id, toggleModal, modalSlug, t, singularLabel, i18n, title, router, adminRoute, addDefaultError, redirectAfterDelete, onDelete, collectionConfig]);
   if (id) {
     return /*#__PURE__*/_jsxs(React.Fragment, {
       children: [/*#__PURE__*/_jsx(PopupList.Button, {
@@ -108,37 +133,49 @@ export const DeleteDocument = props => {
       }), /*#__PURE__*/_jsx(Modal, {
         className: baseClass,
         slug: modalSlug,
+        style: {
+          zIndex: drawerZBase + editDepth
+        },
         children: /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__template`,
-          children: [/*#__PURE__*/_jsx("h1", {
-            children: t('general:confirmDeletion')
-          }), /*#__PURE__*/_jsx("p", {
-            children: /*#__PURE__*/_jsx(Translation, {
-              elements: {
-                '1': ({
-                  children
-                }) => /*#__PURE__*/_jsx("strong", {
-                  children: children
-                })
-              },
-              i18nKey: "general:aboutToDelete",
-              t: t,
-              variables: {
-                label: getTranslation(singularLabel, i18n),
-                title: titleToRender
-              }
-            })
+          className: `${baseClass}__wrapper`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__content`,
+            children: [/*#__PURE__*/_jsx("h1", {
+              children: t('general:confirmDeletion')
+            }), /*#__PURE__*/_jsx("p", {
+              children: /*#__PURE__*/_jsx(Translation, {
+                elements: {
+                  '1': ({
+                    children
+                  }) => /*#__PURE__*/_jsx("strong", {
+                    children: children
+                  })
+                },
+                i18nKey: "general:aboutToDelete",
+                t: t,
+                variables: {
+                  label: getTranslation(singularLabel, i18n),
+                  title: titleToRender
+                }
+              })
+            })]
           }), /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__actions`,
+            className: `${baseClass}__controls`,
             children: [/*#__PURE__*/_jsx(Button, {
               buttonStyle: "secondary",
               id: "confirm-cancel",
               onClick: deleting ? undefined : () => toggleModal(modalSlug),
+              size: "large",
               type: "button",
               children: t('general:cancel')
             }), /*#__PURE__*/_jsx(Button, {
               id: "confirm-delete",
-              onClick: deleting ? undefined : handleDelete,
+              onClick: () => {
+                if (!deleting) {
+                  void handleDelete();
+                }
+              },
+              size: "large",
               children: deleting ? t('general:deleting') : t('general:confirm')
             })]
           })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","requests","formatAdminURL","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","path","errors","forEach","e","_jsxs","Fragment","_jsx","onClick","className","slug","elements","1","children","i18nKey","variables","buttonStyle","undefined","type"],"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  buttonId?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  id?: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  title?: string\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        })\n        .then(async (res) => {\n          try {\n            const json = await res.json()\n\n            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n              toast.success(\n                t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n                  json.message,\n              )\n\n              return router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}`,\n                }),\n              )\n            }\n            toggleModal(modalSlug)\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    addDefaultError,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal className={baseClass} slug={modalSlug}>\n          <div className={`${baseClass}__template`}>\n            <h1>{t('general:confirmDeletion')}</h1>\n            <p>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:aboutToDelete\"\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleToRender,\n                }}\n              />\n            </p>\n            <div className={`${baseClass}__actions`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </div>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useEffect","useState","toast","useForm","useConfig","useDocumentInfo","useEditDepth","useTranslation","requests","formatAdminURL","Button","drawerZBase","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","setModified","deleting","setDeleting","closeModal","toggleModal","router","i18n","t","editDepth","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","path","errors","forEach","e","_jsxs","Fragment","_jsx","onClick","className","slug","style","zIndex","elements","1","children","i18nKey","variables","buttonStyle","undefined","size","type"],"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentInfoContext['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n  readonly useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { closeModal, toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n  const editDepth = useEditDepth()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  useEffect(() => {\n    return () => {\n      closeModal(modalSlug)\n    }\n  }, [closeModal, modalSlug])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        })\n        .then(async (res) => {\n          try {\n            const json = await res.json()\n\n            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n\n              toast.success(\n                t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n                  json.message,\n              )\n\n              if (redirectAfterDelete) {\n                return router.push(\n                  formatAdminURL({\n                    adminRoute,\n                    path: `/collections/${collectionSlug}`,\n                  }),\n                )\n              }\n\n              if (typeof onDelete === 'function') {\n                await onDelete({ id, collectionConfig })\n              }\n\n              toggleModal(modalSlug)\n\n              return\n            }\n\n            toggleModal(modalSlug)\n\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    addDefaultError,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal\n          className={baseClass}\n          slug={modalSlug}\n          style={{\n            zIndex: drawerZBase + editDepth,\n          }}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            <div className={`${baseClass}__content`}>\n              <h1>{t('general:confirmDeletion')}</h1>\n              <p>\n                <Translation\n                  elements={{\n                    '1': ({ children }) => <strong>{children}</strong>,\n                  }}\n                  i18nKey=\"general:aboutToDelete\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(singularLabel, i18n),\n                    title: titleToRender,\n                  }}\n                />\n              </p>\n            </div>\n            <div className={`${baseClass}__controls`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                size=\"large\"\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button\n                id=\"confirm-delete\"\n                onClick={() => {\n                  if (!deleting) {\n                    void handleDelete()\n                  }\n                }}\n                size=\"large\"\n              >\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </div>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}