@payloadcms/ui 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/elements/CopyToClipboard/index.js

@@ -1,8 +1,10 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from 'react';
-import { Copy } from '../../icons/Copy/index.js';
+import { CopyIcon } from '../../icons/Copy/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Tooltip } from '../Tooltip/index.js';
+import './index.scss';
 const baseClass = 'copy-to-clipboard';
 export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
     const ref = useRef(null);
@@ -10,7 +12,7 @@ export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
     const [hovered, setHovered] = useState(false);
     const { t } = useTranslation();
     if (value) {
-        return /*#__PURE__*/ React.createElement("button", {
+        return /*#__PURE__*/ _jsxs("button", {
             className: baseClass,
             onClick: ()=>{
                 if (ref && ref.current) {
@@ -28,16 +30,25 @@ export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
                 setHovered(false);
                 setCopied(false);
             },
-            type: "button"
-        }, /*#__PURE__*/ React.createElement(Copy, null), /*#__PURE__*/ React.createElement(Tooltip, {
-            delay: copied ? 0 : undefined,
-            show: hovered || copied
-        }, copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))), /*#__PURE__*/ React.createElement("textarea", {
-            readOnly: true,
-            ref: ref,
-            tabIndex: -1,
-            value: value
-        }));
+            type: "button",
+            children: [
+                /*#__PURE__*/ _jsx(CopyIcon, {}),
+                /*#__PURE__*/ _jsxs(Tooltip, {
+                    delay: copied ? 0 : undefined,
+                    show: hovered || copied,
+                    children: [
+                        copied && (successMessage ?? t('general:copied')),
+                        !copied && (defaultMessage ?? t('general:copy'))
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("textarea", {
+                    readOnly: true,
+                    ref: ref,
+                    tabIndex: -1,
+                    value: value
+                })
+            ]
+        });
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { Copy } 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        <Copy />\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"],"names":["React","useRef","useState","Copy","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","button","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","delay","undefined","show","textarea","readOnly","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE/C,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,sBAAqB;AAG7C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAmC,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,KAAK,EAAE;IACxF,MAAMC,MAAMV,OAAO;IACnB,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAS;IACrC,MAAM,CAACY,SAASC,WAAW,GAAGb,SAAS;IACvC,MAAM,EAAEc,CAAC,EAAE,GAAGZ;IAEd,IAAIM,OAAO;QACT,qBACE,oBAACO;YACCC,WAAWZ;YACXa,SAAS;gBACP,IAAIR,OAAOA,IAAIS,OAAO,EAAE;oBACtBT,IAAIS,OAAO,CAACC,MAAM;oBAClBV,IAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,MAAMa,MAAM,GAAG;oBAChDC,SAASC,WAAW,CAAC;oBACrBZ,UAAU;gBACZ;YACF;YACAa,cAAc;gBACZX,WAAW;gBACXF,UAAU;YACZ;YACAc,cAAc;gBACZZ,WAAW;gBACXF,UAAU;YACZ;YACAe,MAAK;yBAEL,oBAACzB,2BACD,oBAACE;YAAQwB,OAAOjB,SAAS,IAAIkB;YAAWC,MAAMjB,WAAWF;WACtDA,UAAWH,CAAAA,kBAAkBO,EAAE,iBAAgB,GAC/C,CAACJ,UAAWJ,CAAAA,kBAAkBQ,EAAE,eAAc,kBAEjD,oBAACgB;YAASC,UAAAA;YAAStB,KAAKA;YAAKuB,UAAU,CAAC;YAAGxB,OAAOA;;IAGxD;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"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"],"names":["React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","button","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","delay","undefined","show","textarea","readOnly","tabIndex"],"mappings":"AAAA;;AACA,OAAOA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE/C,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAmC,CAAC,EAAEC,cAAc,EAAEC,cAAc,EAAEC,KAAK,EAAE;IACxF,MAAMC,MAAMV,OAAO;IACnB,MAAM,CAACW,QAAQC,UAAU,GAAGX,SAAS;IACrC,MAAM,CAACY,SAASC,WAAW,GAAGb,SAAS;IACvC,MAAM,EAAEc,CAAC,EAAE,GAAGZ;IAEd,IAAIM,OAAO;QACT,qBACE,MAACO;YACCC,WAAWZ;YACXa,SAAS;gBACP,IAAIR,OAAOA,IAAIS,OAAO,EAAE;oBACtBT,IAAIS,OAAO,CAACC,MAAM;oBAClBV,IAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,MAAMa,MAAM,GAAG;oBAChDC,SAASC,WAAW,CAAC;oBACrBZ,UAAU;gBACZ;YACF;YACAa,cAAc;gBACZX,WAAW;gBACXF,UAAU;YACZ;YACAc,cAAc;gBACZZ,WAAW;gBACXF,UAAU;YACZ;YACAe,MAAK;;8BAEL,KAACzB;8BACD,MAACE;oBAAQwB,OAAOjB,SAAS,IAAIkB;oBAAWC,MAAMjB,WAAWF;;wBACtDA,UAAWH,CAAAA,kBAAkBO,EAAE,iBAAgB;wBAC/C,CAACJ,UAAWJ,CAAAA,kBAAkBQ,EAAE,eAAc;;;8BAEjD,KAACgB;oBAASC,QAAQ;oBAACtB,KAAKA;oBAAKuB,UAAU,CAAC;oBAAGxB,OAAOA;;;;IAGxD;IAEA,OAAO;AACT,EAAC"}

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

@@ -2,6 +2,6 @@ import React from 'react';
 import 'react-datepicker/dist/react-datepicker.css';
 import type { Props } from './types.js';
 import './index.scss';
-declare const DateTime: React.FC<Props>;
-export default DateTime;
+declare const DatePicker: React.FC<Props>;
+export default DatePicker;
 //# sourceMappingURL=DatePicker.d.ts.map

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":"AAEA,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,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmG7B,CAAA;AAGD,eAAe,QAAQ,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,CAmG/B,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/elements/DatePicker/DatePicker.js

@@ -1,12 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import ReactDatePickerDefaultImport, { registerLocale } from 'react-datepicker';
 const ReactDatePicker = ReactDatePickerDefaultImport.default || ReactDatePickerDefaultImport;
-import { Calendar as CalendarIcon } from '../../icons/Calendar/index.js';
-import { X as XIcon } from '../../icons/X/index.js';
+import 'react-datepicker/dist/react-datepicker.css';
+import { CalendarIcon } from '../../icons/Calendar/index.js';
+import { XIcon } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { getFormattedLocale } from './getFormattedLocale.js';
+import './index.scss';
 const baseClass = 'date-time-picker';
-const DateTime = (props)=>{
+const DatePicker = (props)=>{
     const { displayFormat: customDisplayFormat, maxDate, maxTime, minDate, minTime, monthsToShow = 1, onChange: onChangeFromProps, overrides, pickerAppearance = 'default', placeholder: placeholderText, readOnly, timeFormat = 'h:mm aa', timeIntervals = 30, value } = props;
     // Use the user's AdminUI language preference for the locale
     const { i18n } = useTranslation();
@@ -61,25 +65,35 @@ const DateTime = (props)=>{
         baseClass,
         `${baseClass}__appearance--${pickerAppearance}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("div", {
-        className: classes
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__icon-wrap`
-    }, dateTimePickerProps.selected && /*#__PURE__*/ React.createElement("button", {
-        className: `${baseClass}__clear-button`,
-        onClick: ()=>onChange(null),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(XIcon, null)), /*#__PURE__*/ React.createElement(CalendarIcon, null)), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__input-wrapper`
-    }, /*#__PURE__*/ React.createElement(ReactDatePicker, {
-        ...dateTimePickerProps,
-        dropdownMode: "select",
-        locale: datepickerLocale,
-        showMonthDropdown: true,
-        showYearDropdown: true
-    })));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__icon-wrap`,
+                children: [
+                    dateTimePickerProps.selected && /*#__PURE__*/ _jsx("button", {
+                        className: `${baseClass}__clear-button`,
+                        onClick: ()=>onChange(null),
+                        type: "button",
+                        children: /*#__PURE__*/ _jsx(XIcon, {})
+                    }),
+                    /*#__PURE__*/ _jsx(CalendarIcon, {})
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__input-wrapper`,
+                children: /*#__PURE__*/ _jsx(ReactDatePicker, {
+                    ...dateTimePickerProps,
+                    dropdownMode: "select",
+                    locale: datepickerLocale,
+                    showMonthDropdown: true,
+                    showYearDropdown: true
+                })
+            })
+        ]
+    });
 };
 // eslint-disable-next-line no-restricted-exports
-export default DateTime;
+export default DatePicker;
 
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["import 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 { Calendar as CalendarIcon } from '../../icons/Calendar/index.js'\nimport { X as 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 DateTime: 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 DateTime\n"],"names":["React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","Calendar","CalendarIcon","X","XIcon","useTranslation","getFormattedLocale","baseClass","DateTime","props","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","datepickerLocale","language","dateFNS","e","console","warn","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","div","className","button","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,QAAQ,mBAAkB;AAC/E,MAAMC,kBAAmBF,6BAA6BG,OAAO,IAC3DH;AAKF,SAASI,YAAYC,YAAY,QAAQ,gCAA+B;AACxE,SAASC,KAAKC,KAAK,QAAQ,yBAAwB;AACnD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,0BAAyB;AAG5D,MAAMC,YAAY;AAElB,MAAMC,WAA4B,CAACC;IACjC,MAAM,EACJC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGjB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEkB,IAAI,EAAE,GAAGtB;IAEjB,MAAMuB,mBAAmBtB,mBAAmBqB,KAAKE,QAAQ;IAEzD,IAAI;QACF/B,eAAe8B,kBAAkBD,KAAKG,OAAO;IAC/C,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAEN,KAAKE,QAAQ,CAAC,CAAC;IACtE;IAEA,IAAIK,aAAavB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAWc,aAAa;aAC5C,IAAId,qBAAqB,cAAcc,aAAa;aACpD,IAAId,qBAAqB,YAAYc,aAAa;aAClD,IAAId,qBAAqB,WAAWc,aAAa;aACjD,IAAId,qBAAqB,aAAac,aAAa;IAC1D;IAEA,MAAMjB,WAAW,CAACkB;QAChB,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAAClB,mBAAmB;YAC7F,MAAMmB,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QACA,IAAI,OAAOrB,sBAAsB,YAAYA,kBAAkBkB;IACjE;IAEA,MAAMM,sBAA4C;QAChDC,gBAAgB;QAChBT;QACAU,UAAUrB;QACVX;QACAC;QACAC;QACAC;QACA8B,aAAaC,KAAKC,GAAG,CAAC,GAAG/B;QACzBC;QACAK;QACA0B,iBAAiB;QACjBC,UAAUvB,SAAS,IAAIW,KAAKX;QAC5BwB,qBAAqB9B,qBAAqB;QAC1C+B,iBAAiB;QACjBC,gBAAgBhC,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAGN,SAAS;IACd;IAEA,MAAMkC,UAAU;QAAC9C;QAAW,CAAC,EAAEA,UAAU,cAAc,EAAEa,iBAAiB,CAAC;KAAC,CACzEkC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QAAIC,WAAWL;qBACd,oBAACI;QAAIC,WAAW,CAAC,EAAEnD,UAAU,WAAW,CAAC;OACtCmC,oBAAoBO,QAAQ,kBAC3B,oBAACU;QACCD,WAAW,CAAC,EAAEnD,UAAU,cAAc,CAAC;QACvCqD,SAAS,IAAM3C,SAAS;QACxB4C,MAAK;qBAEL,oBAACzD,6BAGL,oBAACF,oCAEH,oBAACuD;QAAIC,WAAW,CAAC,EAAEnD,UAAU,eAAe,CAAC;qBAC3C,oBAACR;QACE,GAAG2C,mBAAmB;QACvBoB,cAAa;QACbC,QAAQnC;QACRoC,mBAAAA;QACAC,kBAAAA;;AAKV;AAEA,iDAAiD;AACjD,eAAezD,SAAQ"}
+{"version":3,"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"],"names":["React","ReactDatePickerDefaultImport","registerLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","datepickerLocale","language","dateFNS","e","console","warn","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","div","className","button","onClick","type","dropdownMode","locale","showMonthDropdown","showYearDropdown"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,QAAQ,mBAAkB;AAC/E,MAAMC,kBAAmBF,6BAA6BG,OAAO,IAC3DH;AACF,OAAO,6CAA4C;AAInD,SAASI,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,0BAAyB;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EACJC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGjB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEkB,IAAI,EAAE,GAAGtB;IAEjB,MAAMuB,mBAAmBtB,mBAAmBqB,KAAKE,QAAQ;IAEzD,IAAI;QACF7B,eAAe4B,kBAAkBD,KAAKG,OAAO;IAC/C,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAEN,KAAKE,QAAQ,CAAC,CAAC;IACtE;IAEA,IAAIK,aAAavB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAWc,aAAa;aAC5C,IAAId,qBAAqB,cAAcc,aAAa;aACpD,IAAId,qBAAqB,YAAYc,aAAa;aAClD,IAAId,qBAAqB,WAAWc,aAAa;aACjD,IAAId,qBAAqB,aAAac,aAAa;IAC1D;IAEA,MAAMjB,WAAW,CAACkB;QAChB,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAAClB,mBAAmB;YAC7F,MAAMmB,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QACA,IAAI,OAAOrB,sBAAsB,YAAYA,kBAAkBkB;IACjE;IAEA,MAAMM,sBAA4C;QAChDC,gBAAgB;QAChBT;QACAU,UAAUrB;QACVX;QACAC;QACAC;QACAC;QACA8B,aAAaC,KAAKC,GAAG,CAAC,GAAG/B;QACzBC;QACAK;QACA0B,iBAAiB;QACjBC,UAAUvB,SAAS,IAAIW,KAAKX;QAC5BwB,qBAAqB9B,qBAAqB;QAC1C+B,iBAAiB;QACjBC,gBAAgBhC,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAGN,SAAS;IACd;IAEA,MAAMkC,UAAU;QAAC9C;QAAW,CAAC,EAAEA,UAAU,cAAc,EAAEa,iBAAiB,CAAC;KAAC,CACzEkC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,MAACC;QAAIC,WAAWL;;0BACd,MAACI;gBAAIC,WAAW,CAAC,EAAEnD,UAAU,WAAW,CAAC;;oBACtCmC,oBAAoBO,QAAQ,kBAC3B,KAACU;wBACCD,WAAW,CAAC,EAAEnD,UAAU,cAAc,CAAC;wBACvCqD,SAAS,IAAM3C,SAAS;wBACxB4C,MAAK;kCAEL,cAAA,KAACzD;;kCAGL,KAACD;;;0BAEH,KAACsD;gBAAIC,WAAW,CAAC,EAAEnD,UAAU,eAAe,CAAC;0BAC3C,cAAA,KAACN;oBACE,GAAGyC,mBAAmB;oBACvBoB,cAAa;oBACbC,QAAQnC;oBACRoC,iBAAiB;oBACjBC,gBAAgB;;;;;AAK1B;AAEA,iDAAiD;AACjD,eAAezD,WAAU"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"sourcesContent":["export const getFormattedLocale = (language = 'enUS') => {\n  const formattedLocales = {\n    en: 'enUS',\n    my: 'enUS', // Burmese is not currently supported\n    ua: 'uk',\n    zh: 'zhCN',\n  }\n\n  const formattedLocale = formattedLocales[language] || language\n\n  return formattedLocale\n}\n"],"names":["getFormattedLocale","language","formattedLocales","en","my","ua","zh","formattedLocale"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,qBAAqB,CAACC,WAAW,MAAM;IAClD,MAAMC,mBAAmB;QACvBC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACN;IAEA,MAAMC,kBAAkBL,gBAAgB,CAACD,SAAS,IAAIA;IAEtD,OAAOM;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"sourcesContent":["export const getFormattedLocale = (language = 'enUS') => {\n  const formattedLocales = {\n    en: 'enUS',\n    my: 'enUS', // Burmese is not currently supported\n    ua: 'uk',\n    zh: 'zhCN',\n  }\n\n  const formattedLocale = formattedLocales[language] || language\n\n  return formattedLocale\n}\n"],"names":["getFormattedLocale","language","formattedLocales","en","my","ua","zh","formattedLocale"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,CAACC,WAAW,MAAM;IAClD,MAAMC,mBAAmB;QACvBC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACN;IAEA,MAAMC,kBAAkBL,gBAAgB,CAACD,SAAS,IAAIA;IAEtD,OAAOM;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAI3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAI3C,CAAA"}

package/dist/elements/DatePicker/index.js

@@ -1,10 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Suspense, lazy } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 const DatePicker = /*#__PURE__*/ lazy(()=>import('./DatePicker.js'));
-export const DatePickerField = (props)=>/*#__PURE__*/ React.createElement(Suspense, {
-        fallback: /*#__PURE__*/ React.createElement(ShimmerEffect, {
+export const DatePickerField = (props)=>/*#__PURE__*/ _jsx(Suspense, {
+        fallback: /*#__PURE__*/ _jsx(ShimmerEffect, {
             height: 50
+        }),
+        children: /*#__PURE__*/ _jsx(DatePicker, {
+            ...props
         })
-    }, /*#__PURE__*/ React.createElement(DatePicker, props));
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DatePicker/index.tsx"],"sourcesContent":["import 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"],"names":["React","Suspense","lazy","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"rangeMappings":";;;;;;;","mappings":"AAAA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMG,kBAAmC,CAACC,sBAC/C,oBAACL;QAASM,wBAAU,oBAACJ;YAAcK,QAAQ;;qBACzC,oBAACJ,YAAeE,QAEnB"}
+{"version":3,"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"],"names":["React","Suspense","lazy","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"mappings":"AAAA;;AACA,OAAOA,SAASC,QAAQ,EAAEC,IAAI,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaF,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMG,kBAAmC,CAACC,sBAC/C,KAACL;QAASM,wBAAU,KAACJ;YAAcK,QAAQ;;kBACzC,cAAA,KAACJ;YAAY,GAAGE,KAAK;;OAExB"}

package/dist/elements/DatePicker/index.scss

@@ -189,7 +189,9 @@ $cal-icon-width: 18px;
       border-right: 1px solid var(--theme-elevation-150);
     }
 
-    &__time {
+    &__time,
+    &__time-container,
+    .react-datepicker__time-container .react-datepicker__time {
       background: none;
     }
 

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

@@ -1,8 +1,8 @@
-import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload/types';
-export type Props = SharedProps & DayPickerProps & TimePickerProps & {
+import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload';
+export type Props = {
     onChange?: (val: Date) => void;
     placeholder?: string;
     readOnly?: boolean;
     value?: Date;
-};
+} & DayPickerProps & SharedProps & TimePickerProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG,WAAW,GAC7B,cAAc,GACd,eAAe,GAAG;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE3E,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,CAAA;CACb,GAAG,cAAc,GAChB,WAAW,GACX,eAAe,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DatePicker/types.ts"],"sourcesContent":["import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload/types'\n\nexport type Props = SharedProps &\n  DayPickerProps &\n  TimePickerProps & {\n    onChange?: (val: Date) => void\n    placeholder?: string\n    readOnly?: boolean\n    value?: Date\n  }\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAOG"}
+{"version":3,"sources":["../../../src/elements/DatePicker/types.ts"],"sourcesContent":["import type { DayPickerProps, SharedProps, TimePickerProps } from 'payload'\n\nexport type Props = {\n  onChange?: (val: Date) => void\n  placeholder?: string\n  readOnly?: boolean\n  value?: Date\n} & DayPickerProps &\n  SharedProps &\n  TimePickerProps\n"],"names":[],"mappings":"AAEA,WAOiB"}

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

@@ -1,4 +1,4 @@
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { SanitizedCollectionConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export type Props = {

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,eAAe,CAAA;AAK9D,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,CAiI1C,CAAA"}
+{"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,CAqI1C,CAAA"}

package/dist/elements/DeleteDocument/index.js

@@ -1,23 +1,24 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+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 { toast } from 'react-toastify';
+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 { useTranslation } from '../../providers/Translation/index.js';
-import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { requests } from '../../utilities/api.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { Button } from '../Button/index.js';
 import { PopupList } from '../Popup/index.js';
 import { Translation } from '../Translation/index.js';
+import './index.scss';
 const baseClass = 'delete-document';
 export const DeleteDocument = (props)=>{
     const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props;
-    const { Modal, useModal } = facelessUIImport;
-    const { routes: { admin, api }, serverURL } = useConfig();
+    const { routes: { admin: adminRoute, api }, serverURL } = useConfig();
     const { setModified } = useForm();
     const [deleting, setDeleting] = useState(false);
     const { toggleModal } = useModal();
@@ -54,7 +55,10 @@ export const DeleteDocument = (props)=>{
                             label: getTranslation(singularLabel, i18n),
                             title
                         }) || json.message);
-                        return router.push(`${admin}/collections/${collectionSlug}`);
+                        return router.push(formatAdminURL({
+                            adminRoute,
+                            path: `/collections/${collectionSlug}`
+                        }));
                     }
                     toggleModal(modalSlug);
                     if (json.errors) {
@@ -83,42 +87,66 @@ export const DeleteDocument = (props)=>{
         i18n,
         title,
         router,
-        admin,
+        adminRoute,
         addDefaultError
     ]);
     if (id) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PopupList.Button, {
-            id: buttonId,
-            onClick: ()=>{
-                setDeleting(false);
-                toggleModal(modalSlug);
-            }
-        }, t('general:delete')), /*#__PURE__*/ React.createElement(Modal, {
-            className: baseClass,
-            slug: modalSlug
-        }, /*#__PURE__*/ React.createElement(MinimalTemplate, {
-            className: `${baseClass}__template`
-        }, /*#__PURE__*/ React.createElement("h1", null, t('general:confirmDeletion')), /*#__PURE__*/ React.createElement("p", null, /*#__PURE__*/ React.createElement(Translation, {
-            elements: {
-                '1': ({ children })=>/*#__PURE__*/ React.createElement("strong", null, children)
-            },
-            i18nKey: "general:aboutToDelete",
-            t: t,
-            variables: {
-                label: getTranslation(singularLabel, i18n),
-                title: titleToRender
-            }
-        })), /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__actions`
-        }, /*#__PURE__*/ React.createElement(Button, {
-            buttonStyle: "secondary",
-            id: "confirm-cancel",
-            onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
-            type: "button"
-        }, t('general:cancel')), /*#__PURE__*/ React.createElement(Button, {
-            id: "confirm-delete",
-            onClick: deleting ? undefined : handleDelete
-        }, deleting ? t('general:deleting') : t('general:confirm'))))));
+        return /*#__PURE__*/ _jsxs(React.Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(PopupList.Button, {
+                    id: buttonId,
+                    onClick: ()=>{
+                        setDeleting(false);
+                        toggleModal(modalSlug);
+                    },
+                    children: t('general:delete')
+                }),
+                /*#__PURE__*/ _jsx(Modal, {
+                    className: baseClass,
+                    slug: modalSlug,
+                    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
+                                    }
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__actions`,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        buttonStyle: "secondary",
+                                        id: "confirm-cancel",
+                                        onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
+                                        type: "button",
+                                        children: t('general:cancel')
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        id: "confirm-delete",
+                                        onClick: deleting ? undefined : handleDelete,
+                                        children: deleting ? t('general:deleting') : t('general:confirm')
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        });
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\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 { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.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  const { Modal, useModal } = facelessUIImport\n\n  const {\n    routes: { admin, api },\n    serverURL,\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(`${admin}/collections/${collectionSlug}`)\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    admin,\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          <MinimalTemplate 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          </MinimalTemplate>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","MinimalTemplate","requests","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","Modal","useModal","routes","admin","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","errors","forEach","e","Fragment","onClick","className","slug","h1","p","elements","children","strong","i18nKey","variables","div","buttonStyle","undefined","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"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    routes: { admin: adminRoute, api },\n    serverURL,\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"],"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","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","Fragment","onClick","className","slug","div","h1","p","elements","children","strong","i18nKey","variables","buttonStyle","undefined","type"],"mappings":"AAAA;;AAGA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAWlB,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGN;IAE/E,MAAM,EACJO,QAAQ,EAAEC,OAAOC,UAAU,EAAEC,GAAG,EAAE,EAClCC,SAAS,EACV,GAAGrB;IAEJ,MAAM,EAAEsB,WAAW,EAAE,GAAGvB;IACxB,MAAM,CAACwB,UAAUC,YAAY,GAAG3B,SAAS;IACzC,MAAM,EAAE4B,WAAW,EAAE,GAAGjC;IACxB,MAAMkC,SAAShC;IACf,MAAM,EAAEiC,IAAI,EAAEC,CAAC,EAAE,GAAG1B;IACpB,MAAM,EAAEa,KAAK,EAAE,GAAGd;IAElB,MAAM4B,gBAAgBb,kBAAkBD,SAASJ;IAEjD,MAAMmB,YAAY,CAAC,OAAO,EAAEnB,GAAG,CAAC;IAEhC,MAAMoB,kBAAkBnC,YAAY;QAClC4B,YAAY;QACZ1B,MAAMkC,KAAK,CAACJ,EAAE,uBAAuB;YAAEb;QAAM;IAC/C,GAAG;QAACa;QAAGb;KAAM;IAEb,MAAMkB,eAAerC,YAAY;QAC/B4B,YAAY;QACZF,YAAY;QACZ,IAAI;YACF,MAAMnB,SACH+B,MAAM,CAAC,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAEP,eAAe,CAAC,EAAEF,GAAG,CAAC,EAAE;gBACpDwB,SAAS;oBACP,mBAAmBR,KAAKS,QAAQ;oBAChC,gBAAgB;gBAClB;YACF,GACCC,IAAI,CAAC,OAAOC;gBACX,IAAI;oBACF,MAAMC,OAAO,MAAMD,IAAIC,IAAI;oBAE3B,IAAID,IAAIE,MAAM,GAAG,KAAK;wBACpBhB,YAAY;wBACZC,YAAYK;wBACZhC,MAAM2C,OAAO,CACXb,EAAE,wBAAwB;4BAAEc,OAAOjD,eAAeqB,eAAea;4BAAOZ;wBAAM,MAC5EwB,KAAKI,OAAO;wBAGhB,OAAOjB,OAAOkB,IAAI,CAChBxC,eAAe;4BACbe;4BACA0B,MAAM,CAAC,aAAa,EAAEhC,eAAe,CAAC;wBACxC;oBAEJ;oBACAY,YAAYK;oBACZ,IAAIS,KAAKO,MAAM,EAAE;wBACfP,KAAKO,MAAM,CAACC,OAAO,CAAC,CAACf,QAAUlC,MAAMkC,KAAK,CAACA,MAAMW,OAAO;oBAC1D,OAAO;wBACLZ;oBACF;oBACA,OAAO;gBACT,EAAE,OAAOiB,GAAG;oBACV,OAAOjB;gBACT;YACF;QACJ,EAAE,OAAOiB,GAAG;YACVjB;QACF;IACF,GAAG;QACDT;QACAD;QACAD;QACAP;QACAF;QACAc;QACAK;QACAF;QACAd;QACAa;QACAZ;QACAW;QACAP;QACAY;KACD;IAED,IAAIpB,IAAI;QACN,qBACE,MAAChB,MAAMsD,QAAQ;;8BACb,KAAC3C,UAAUD,MAAM;oBACfM,IAAIC;oBACJsC,SAAS;wBACP1B,YAAY;wBACZC,YAAYK;oBACd;8BAECF,EAAE;;8BAEL,KAACrC;oBAAM4D,WAAW3C;oBAAW4C,MAAMtB;8BACjC,cAAA,MAACuB;wBAAIF,WAAW,CAAC,EAAE3C,UAAU,UAAU,CAAC;;0CACtC,KAAC8C;0CAAI1B,EAAE;;0CACP,KAAC2B;0CACC,cAAA,KAAChD;oCACCiD,UAAU;wCACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,KAACC;0DAAQD;;oCAClC;oCACAE,SAAQ;oCACR/B,GAAGA;oCACHgC,WAAW;wCACTlB,OAAOjD,eAAeqB,eAAea;wCACrCZ,OAAOc;oCACT;;;0CAGJ,MAACwB;gCAAIF,WAAW,CAAC,EAAE3C,UAAU,SAAS,CAAC;;kDACrC,KAACH;wCACCwD,aAAY;wCACZlD,IAAG;wCACHuC,SAAS3B,WAAWuC,YAAY,IAAMrC,YAAYK;wCAClDiC,MAAK;kDAEJnC,EAAE;;kDAEL,KAACvB;wCAAOM,IAAG;wCAAiBuC,SAAS3B,WAAWuC,YAAY7B;kDACzDV,WAAWK,EAAE,sBAAsBA,EAAE;;;;;;;;;IAOpD;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DeleteDocument/index.scss

@@ -5,6 +5,7 @@
   display: flex;
   align-items: center;
   height: 100%;
+  justify-content: center;
 
   &__template {
     z-index: 1;

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

@@ -1,4 +1,4 @@
-import type { ClientCollectionConfig } from 'payload/types';
+import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export type Props = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAK3D,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,sBAAsB,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoHtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DeleteMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,sBAAsB,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkHtC,CAAA"}