@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/CopyToClipboard/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useState } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useState } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Tooltip } from '../Tooltip/index.js';
@@ -10,22 +11,45 @@ export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
     const [hovered, setHovered] = useState(false);
     const { t } = useTranslation();
     if (value) {
-        return <button className={baseClass} onClick={async ()=>{
-            await navigator.clipboard.writeText(value);
-            setCopied(true);
-        }} onMouseEnter={()=>{
-            setHovered(true);
-            setCopied(false);
-        }} onMouseLeave={()=>{
-            setHovered(false);
-            setCopied(false);
-        }} type="button">
-        <CopyIcon/>
-        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>
-          {copied && (successMessage ?? t('general:copied'))}
-          {!copied && (defaultMessage ?? t('general:copy'))}
-        </Tooltip>
-      </button>;
+        return /*#__PURE__*/ _jsxDEV("button", {
+            className: baseClass,
+            onClick: async ()=>{
+                await navigator.clipboard.writeText(value);
+                setCopied(true);
+            },
+            onMouseEnter: ()=>{
+                setHovered(true);
+                setCopied(false);
+            },
+            onMouseLeave: ()=>{
+                setHovered(false);
+                setCopied(false);
+            },
+            type: "button",
+            children: [
+                /*#__PURE__*/ _jsxDEV(CopyIcon, {}, void 0, false, {
+                    fileName: "src/elements/CopyToClipboard/index.tsx",
+                    lineNumber: 40,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(Tooltip, {
+                    delay: copied ? 0 : undefined,
+                    show: hovered || copied,
+                    children: [
+                        copied && (successMessage ?? t('general:copied')),
+                        !copied && (defaultMessage ?? t('general:copy'))
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/CopyToClipboard/index.tsx",
+                    lineNumber: 41,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/CopyToClipboard/index.tsx",
+            lineNumber: 24,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { 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 [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={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\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      </button>\n    )\n  }\n\n  return null\n}\n"],"names":["useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","button","className","onClick","navigator","clipboard","writeText","onMouseEnter","onMouseLeave","type","delay","undefined","show"],"mappings":"AAAA;AACA,SAAgBA,QAAQ,QAAQ,QAAO;AAEvC,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,MAAM,CAACC,QAAQC,UAAU,GAAGV,SAAS;IACrC,MAAM,CAACW,SAASC,WAAW,GAAGZ,SAAS;IACvC,MAAM,EAAEa,CAAC,EAAE,GAAGX;IAEd,IAAIM,OAAO;QACT,QACGM,OACCC,WAAWX,WACXY,SAAS;YACP,MAAMC,UAAUC,SAAS,CAACC,SAAS,CAACX;YACpCE,UAAU;QACZ,GACAU,cAAc;YACZR,WAAW;YACXF,UAAU;QACZ,GACAW,cAAc;YACZT,WAAW;YACXF,UAAU;QACZ,GACAY,KAAK,SACN;QACC,CAACrB,UAAW;QACZ,CAACE,QAAQoB,OAAOd,SAAS,IAAIe,WAAWC,MAAMd,WAAWF,QAAQ;UAC/D,CAACA,UAAWF,CAAAA,kBAAkBM,EAAE,iBAAgB,EAAG;UACnD,CAAC,CAACJ,UAAWH,CAAAA,kBAAkBO,EAAE,eAAc,EAAG;QACpD,EAAEV,QAAQ;MACZ,EAAEW;IAEN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { 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 [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={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\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      </button>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","button","className","onClick","navigator","clipboard","writeText","onMouseEnter","onMouseLeave","type","delay","undefined","show"],"mappings":"AAAA;;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,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,MAAM,CAACC,QAAQC,UAAU,GAAGV,SAAS;IACrC,MAAM,CAACW,SAASC,WAAW,GAAGZ,SAAS;IACvC,MAAM,EAAEa,CAAC,EAAE,GAAGX;IAEd,IAAIM,OAAO;QACT,qBACE,QAACM;YACCC,WAAWX;YACXY,SAAS;gBACP,MAAMC,UAAUC,SAAS,CAACC,SAAS,CAACX;gBACpCE,UAAU;YACZ;YACAU,cAAc;gBACZR,WAAW;gBACXF,UAAU;YACZ;YACAW,cAAc;gBACZT,WAAW;gBACXF,UAAU;YACZ;YACAY,MAAK;;8BAEL,QAACrB;;;;;8BACD,QAACE;oBAAQoB,OAAOd,SAAS,IAAIe;oBAAWC,MAAMd,WAAWF;;wBACtDA,UAAWF,CAAAA,kBAAkBM,EAAE,iBAAgB;wBAC/C,CAACJ,UAAWH,CAAAA,kBAAkBO,EAAE,eAAc;;;;;;;;;;;;;IAIvD;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/DatePicker/DatePicker.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker';
 const ReactDatePicker = 'default' in ReactDatePickerDefaultImport ? ReactDatePickerDefaultImport.default : ReactDatePickerDefaultImport;
@@ -86,17 +87,61 @@ const DatePicker = (props)=>{
         i18n.language,
         i18n.dateFNS
     ]);
-    return <div className={classes} id={id}>
-      <div className={`${baseClass}__icon-wrap`}>
-        {dateTimePickerProps.selected && <button className={`${baseClass}__clear-button`} onClick={()=>onChange(null)} type="button">
-            <XIcon/>
-          </button>}
-        <CalendarIcon/>
-      </div>
-      <div className={`${baseClass}__input-wrapper`}>
-        <ReactDatePicker {...dateTimePickerProps} dropdownMode="select" showMonthDropdown showYearDropdown/>
-      </div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classes,
+        id: id,
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__icon-wrap`,
+                children: [
+                    dateTimePickerProps.selected && /*#__PURE__*/ _jsxDEV("button", {
+                        className: `${baseClass}__clear-button`,
+                        onClick: ()=>onChange(null),
+                        type: "button",
+                        children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                            fileName: "src/elements/DatePicker/DatePicker.tsx",
+                            lineNumber: 134,
+                            columnNumber: 13
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/DatePicker/DatePicker.tsx",
+                        lineNumber: 129,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(CalendarIcon, {}, void 0, false, {
+                        fileName: "src/elements/DatePicker/DatePicker.tsx",
+                        lineNumber: 137,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/DatePicker/DatePicker.tsx",
+                lineNumber: 127,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__input-wrapper`,
+                children: /*#__PURE__*/ _jsxDEV(ReactDatePicker, {
+                    ...dateTimePickerProps,
+                    dropdownMode: "select",
+                    showMonthDropdown: true,
+                    showYearDropdown: true
+                }, void 0, false, {
+                    fileName: "src/elements/DatePicker/DatePicker.tsx",
+                    lineNumber: 140,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/DatePicker/DatePicker.tsx",
+                lineNumber: 139,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/DatePicker/DatePicker.tsx",
+        lineNumber: 126,
+        columnNumber: 5
+    }, this);
 };
 // eslint-disable-next-line no-restricted-exports
 export default DatePicker;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker'\nconst ReactDatePicker =\n  'default' in ReactDatePickerDefaultImport\n    ? ReactDatePickerDefaultImport.default\n    : ReactDatePickerDefaultImport\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 './library.scss'\nimport './index.scss'\nimport { getFormattedLocale } from './getFormattedLocale.js'\n\nconst baseClass = 'date-time-picker'\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    id,\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  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: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  >['onChange'] = (incomingDate) => {\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\n    if (newDate instanceof Date && !dateFormat.includes('SSS')) {\n      // Unless the dateFormat includes milliseconds, set milliseconds to 0\n      // This is to ensure that the timestamp is consistent with the displayFormat\n      newDate.setMilliseconds(0)\n    }\n\n    if (typeof onChangeFromProps === 'function') {\n      onChangeFromProps(newDate)\n    }\n  }\n\n  const dateTimePickerProps: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  > = {\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 as Extract<\n      DatePickerProps,\n      { selectsMultiple?: never; selectsRange?: never } // to satisfy TypeScript. Overrides can enable selectsMultiple or selectsRange but then it's up to the user to ensure they pass in the correct onChange\n    >),\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (i18n.dateFNS) {\n      try {\n        const datepickerLocale = getFormattedLocale(i18n.language)\n        registerLocale(datepickerLocale, i18n.dateFNS)\n        setDefaultLocale(datepickerLocale)\n      } catch (e) {\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div className={classes} id={id}>\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          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","setDefaultLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","useEffect","dateFNS","datepickerLocale","language","e","console","warn","div","className","button","onClick","type","dropdownMode","showMonthDropdown","showYearDropdown"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\nimport ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker'\nconst ReactDatePicker =\n  'default' in ReactDatePickerDefaultImport\n    ? ReactDatePickerDefaultImport.default\n    : ReactDatePickerDefaultImport\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 './library.scss'\nimport './index.scss'\nimport { getFormattedLocale } from './getFormattedLocale.js'\n\nconst baseClass = 'date-time-picker'\n\nconst DatePicker: React.FC<Props> = (props) => {\n  const {\n    id,\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  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: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  >['onChange'] = (incomingDate) => {\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\n    if (newDate instanceof Date && !dateFormat.includes('SSS')) {\n      // Unless the dateFormat includes milliseconds, set milliseconds to 0\n      // This is to ensure that the timestamp is consistent with the displayFormat\n      newDate.setMilliseconds(0)\n    }\n\n    if (typeof onChangeFromProps === 'function') {\n      onChangeFromProps(newDate)\n    }\n  }\n\n  const dateTimePickerProps: Extract<\n    DatePickerProps,\n    { selectsMultiple?: never; selectsRange?: never }\n  > = {\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 as Extract<\n      DatePickerProps,\n      { selectsMultiple?: never; selectsRange?: never } // to satisfy TypeScript. Overrides can enable selectsMultiple or selectsRange but then it's up to the user to ensure they pass in the correct onChange\n    >),\n  }\n\n  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (i18n.dateFNS) {\n      try {\n        const datepickerLocale = getFormattedLocale(i18n.language)\n        registerLocale(datepickerLocale, i18n.dateFNS)\n        setDefaultLocale(datepickerLocale)\n      } catch (e) {\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div className={classes} id={id}>\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          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","setDefaultLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","i18n","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","classes","filter","Boolean","join","useEffect","dateFNS","datepickerLocale","language","e","console","warn","div","className","button","onClick","type","dropdownMode","showMonthDropdown","showYearDropdown"],"mappings":"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"}

package/dist/elements/DatePicker/index.js

@@ -1,9 +1,27 @@
 'use client';
-import { lazy, Suspense } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
-const DatePicker = lazy(()=>import('./DatePicker.js'));
-export const DatePickerField = (props)=><Suspense fallback={<ShimmerEffect height={50}/>}>
-    <DatePicker {...props}/>
-  </Suspense>;
+const DatePicker = /*#__PURE__*/ lazy(()=>import('./DatePicker.js'));
+export const DatePickerField = (props)=>/*#__PURE__*/ _jsxDEV(Suspense, {
+        fallback: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+            height: 50
+        }, void 0, false, {
+            fileName: "src/elements/DatePicker/index.tsx",
+            lineNumber: 11,
+            columnNumber: 23
+        }, void 0),
+        children: /*#__PURE__*/ _jsxDEV(DatePicker, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/DatePicker/index.tsx",
+            lineNumber: 12,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DatePicker/index.tsx",
+        lineNumber: 11,
+        columnNumber: 3
+    }, this);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["lazy","Suspense","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"mappings":"AAAA;AACA,SAAgBA,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,aAAaH,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMI,kBAAmC,CAACC,SAC9CJ,SAASK,WAAWJ,cAAcK,QAAQ,OAAQ;IACjD,CAACJ,YAAY,GAAGE,KAAK,GAAI;EAC3B,EAAEJ,UACH"}
+{"version":3,"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"],"names":["React","lazy","Suspense","ShimmerEffect","DatePicker","DatePickerField","props","fallback","height"],"mappings":"AAAA;;AACA,OAAOA,SAASC,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaH,KAAK,IAAM,MAAM,CAAC;AAErC,OAAO,MAAMI,kBAAmC,CAACC,sBAC/C,QAACJ;QAASK,wBAAU,QAACJ;YAAcK,QAAQ;;;;;;kBACzC,cAAA,QAACJ;YAAY,GAAGE,KAAK;;;;;;;;;;aAExB"}

package/dist/elements/DefaultListViewTabs/index.js

@@ -1,7 +1,9 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
+import React from 'react';
 import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
@@ -45,28 +47,66 @@ export const DefaultListViewTabs = ({ collectionConfig, config, onChange, viewTy
     };
     const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`;
     const allButtonId = allButtonLabel.toLowerCase().replace(/\s+/g, '-');
-    return <div className={baseClass}>
-      <Button buttonStyle="tab" className={[
-        `${baseClass}__button`,
-        viewType === 'list' && `${baseClass}__button--active`
-    ].filter(Boolean).join(' ')} disabled={viewType === 'list'} el="button" id={allButtonId} onClick={()=>handleViewChange('list')}>
-        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}
-      </Button>
-
-      {isFoldersEnabled && <Button buttonStyle="tab" className={[
-        `${baseClass}__button`,
-        viewType === 'folders' && `${baseClass}__button--active`
-    ].filter(Boolean).join(' ')} disabled={viewType === 'folders'} el="button" onClick={()=>handleViewChange('folders')}>
-          {t('folder:byFolder')}
-        </Button>}
-
-      {isTrashEnabled && <Button buttonStyle="tab" className={[
-        `${baseClass}__button`,
-        viewType === 'trash' && `${baseClass}__button--active`
-    ].filter(Boolean).join(' ')} disabled={viewType === 'trash'} el="button" id="trash-view-pill" onClick={()=>handleViewChange('trash')}>
-          {t('general:trash')}
-        </Button>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "tab",
+                className: [
+                    `${baseClass}__button`,
+                    viewType === 'list' && `${baseClass}__button--active`
+                ].filter(Boolean).join(' '),
+                disabled: viewType === 'list',
+                el: "button",
+                id: allButtonId,
+                onClick: ()=>handleViewChange('list'),
+                children: [
+                    t('general:all'),
+                    " ",
+                    getTranslation(collectionConfig?.labels?.plural, i18n)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/DefaultListViewTabs/index.tsx",
+                lineNumber: 77,
+                columnNumber: 7
+            }, this),
+            isFoldersEnabled && /*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "tab",
+                className: [
+                    `${baseClass}__button`,
+                    viewType === 'folders' && `${baseClass}__button--active`
+                ].filter(Boolean).join(' '),
+                disabled: viewType === 'folders',
+                el: "button",
+                onClick: ()=>handleViewChange('folders'),
+                children: t('folder:byFolder')
+            }, void 0, false, {
+                fileName: "src/elements/DefaultListViewTabs/index.tsx",
+                lineNumber: 91,
+                columnNumber: 9
+            }, this),
+            isTrashEnabled && /*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "tab",
+                className: [
+                    `${baseClass}__button`,
+                    viewType === 'trash' && `${baseClass}__button--active`
+                ].filter(Boolean).join(' '),
+                disabled: viewType === 'trash',
+                el: "button",
+                id: "trash-view-pill",
+                onClick: ()=>handleViewChange('trash'),
+                children: t('general:trash')
+            }, void 0, false, {
+                fileName: "src/elements/DefaultListViewTabs/index.tsx",
+                lineNumber: 108,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/DefaultListViewTabs/index.tsx",
+        lineNumber: 76,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isFoldersEnabled = collectionConfig.folders && config.folders\n\n  if (!isTrashEnabled && !isFoldersEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    if (newViewType === 'list' || newViewType === 'folders') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'folders':\n        if (config.folders) {\n          path = `/collections/${collectionConfig.slug}/${config.folders.slug}`\n        }\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n      serverURL: config.serverURL,\n    })\n\n    router.push(url)\n  }\n\n  const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n\n      {isFoldersEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'folders' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'folders'}\n          el=\"button\"\n          onClick={() => handleViewChange('folders')}\n        >\n          {t('folder:byFolder')}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","useRouter","formatAdminURL","usePreferences","useTranslation","Button","baseClass","DefaultListViewTabs","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isFoldersEnabled","folders","handleViewChange","newViewType","slug","listViewType","path","url","adminRoute","routes","admin","serverURL","push","allButtonLabel","labels","plural","allButtonId","toLowerCase","replace","div","className","buttonStyle","filter","Boolean","join","disabled","el","id","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isFoldersEnabled = collectionConfig.folders && config.folders\n\n  if (!isTrashEnabled && !isFoldersEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    if (newViewType === 'list' || newViewType === 'folders') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'folders':\n        if (config.folders) {\n          path = `/collections/${collectionConfig.slug}/${config.folders.slug}`\n        }\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n      serverURL: config.serverURL,\n    })\n\n    router.push(url)\n  }\n\n  const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n\n      {isFoldersEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'folders' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'folders'}\n          el=\"button\"\n          onClick={() => handleViewChange('folders')}\n        >\n          {t('folder:byFolder')}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","useRouter","formatAdminURL","React","usePreferences","useTranslation","Button","baseClass","DefaultListViewTabs","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isFoldersEnabled","folders","handleViewChange","newViewType","slug","listViewType","path","url","adminRoute","routes","admin","serverURL","push","allButtonLabel","labels","plural","allButtonId","toLowerCase","replace","div","className","buttonStyle","filter","Boolean","join","disabled","el","id","onClick"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,sBAA0D,CAAC,EACtEC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACT;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGT;IACpB,MAAM,EAAEU,aAAa,EAAE,GAAGX;IAC1B,MAAMY,SAASf;IACf,MAAMgB,iBAAiBR,iBAAiBS,KAAK;IAC7C,MAAMC,mBAAmBV,iBAAiBW,OAAO,IAAIV,OAAOU,OAAO;IAEnE,IAAI,CAACH,kBAAkB,CAACE,kBAAkB;QACxC,OAAO;IACT;IAEA,MAAME,mBAAmB,OAAOC;QAC9B,IAAIX,UAAU;YACZA,SAASW;QACX;QAEA,IAAIA,gBAAgB,UAAUA,gBAAgB,WAAW;YACvD,MAAMP,cAAc,CAAC,WAAW,EAAEN,iBAAiBc,IAAI,EAAE,EAAE;gBACzDC,cAAcF;YAChB;QACF;QAEA,IAAIG,OAAqB,CAAC,aAAa,EAAEhB,iBAAiBc,IAAI,EAAE;QAChE,OAAQD;YACN,KAAK;gBACH,IAAIZ,OAAOU,OAAO,EAAE;oBAClBK,OAAO,CAAC,aAAa,EAAEhB,iBAAiBc,IAAI,CAAC,CAAC,EAAEb,OAAOU,OAAO,CAACG,IAAI,EAAE;gBACvE;gBACA;YACF,KAAK;gBACHE,OAAO,CAAC,aAAa,EAAEhB,iBAAiBc,IAAI,CAAC,MAAM,CAAC;gBACpD;QACJ;QAEA,MAAMG,MAAMxB,eAAe;YACzByB,YAAYjB,OAAOkB,MAAM,CAACC,KAAK;YAC/BJ;YACAK,WAAWpB,OAAOoB,SAAS;QAC7B;QAEAd,OAAOe,IAAI,CAACL;IACd;IAEA,MAAMM,iBAAiB,GAAGlB,EAAE,eAAe,CAAC,EAAEd,eAAeS,kBAAkBwB,QAAQC,QAAQrB,OAAO;IACtG,MAAMsB,cAAcH,eAAeI,WAAW,GAAGC,OAAO,CAAC,QAAQ;IAEjE,qBACE,QAACC;QAAIC,WAAWhC;;0BACd,QAACD;gBACCkC,aAAY;gBACZD,WAAW;oBAAC,GAAGhC,UAAU,QAAQ,CAAC;oBAAEK,aAAa,UAAU,GAAGL,UAAU,gBAAgB,CAAC;iBAAC,CACvFkC,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,UAAUhC,aAAa;gBACvBiC,IAAG;gBACHC,IAAIX;gBACJY,SAAS,IAAM1B,iBAAiB;;oBAE/BP,EAAE;oBAAe;oBAAEd,eAAeS,kBAAkBwB,QAAQC,QAAQrB;;;;;;;YAGtEM,kCACC,QAACb;gBACCkC,aAAY;gBACZD,WAAW;oBACT,GAAGhC,UAAU,QAAQ,CAAC;oBACtBK,aAAa,aAAa,GAAGL,UAAU,gBAAgB,CAAC;iBACzD,CACEkC,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,UAAUhC,aAAa;gBACvBiC,IAAG;gBACHE,SAAS,IAAM1B,iBAAiB;0BAE/BP,EAAE;;;;;;YAING,gCACC,QAACX;gBACCkC,aAAY;gBACZD,WAAW;oBACT,GAAGhC,UAAU,QAAQ,CAAC;oBACtBK,aAAa,WAAW,GAAGL,UAAU,gBAAgB,CAAC;iBACvD,CACEkC,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRC,UAAUhC,aAAa;gBACvBiC,IAAG;gBACHC,IAAG;gBACHC,SAAS,IAAM1B,iBAAiB;0BAE/BP,EAAE;;;;;;;;;;;;AAKb,EAAC"}

package/dist/elements/DeleteDocument/index.js

@@ -1,9 +1,10 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
-import { Fragment, useCallback, useState } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { useForm } from '../../forms/Form/context.js';
@@ -105,24 +106,83 @@ export const DeleteDocument = (props)=>{
         startRouteTransition
     ]);
     if (id) {
-        return <Fragment>
-        <PopupList.Button id={buttonId} onClick={()=>{
-            openModal(modalSlug);
-        }}>
-          {t('general:delete')}
-        </PopupList.Button>
-        <ConfirmationModal body={<Fragment>
-              <Translation elements={{
-            '1': ({ children })=><strong>{children}</strong>
-        }} i18nKey={collectionConfig.trash ? 'general:aboutToTrash' : 'general:aboutToDelete'} t={t} variables={{
-            label: getTranslation(singularLabel, i18n),
-            title: titleFromProps || title || id
-        }}/>
-              {collectionConfig.trash && <div className={`${baseClass}__checkbox`}>
-                  <CheckboxInput checked={deletePermanently} id="delete-forever" label={t('general:deletePermanently')} name="delete-forever" onToggle={(e)=>setDeletePermanently(e.target.checked)}/>
-                </div>}
-            </Fragment>} className={baseClass} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={modalSlug} onConfirm={handleDelete}/>
-      </Fragment>;
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                    id: buttonId,
+                    onClick: ()=>{
+                        openModal(modalSlug);
+                    },
+                    children: t('general:delete')
+                }, void 0, false, {
+                    fileName: "src/elements/DeleteDocument/index.tsx",
+                    lineNumber: 162,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(Translation, {
+                                elements: {
+                                    '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                            children: children
+                                        }, void 0, false, {
+                                            fileName: "src/elements/DeleteDocument/index.tsx",
+                                            lineNumber: 175,
+                                            columnNumber: 42
+                                        }, void 0)
+                                },
+                                i18nKey: collectionConfig.trash ? 'general:aboutToTrash' : 'general:aboutToDelete',
+                                t: t,
+                                variables: {
+                                    label: getTranslation(singularLabel, i18n),
+                                    title: titleFromProps || title || id
+                                }
+                            }, void 0, false, {
+                                fileName: "src/elements/DeleteDocument/index.tsx",
+                                lineNumber: 173,
+                                columnNumber: 15
+                            }, void 0),
+                            collectionConfig.trash && /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__checkbox`,
+                                children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                                    checked: deletePermanently,
+                                    id: "delete-forever",
+                                    label: t('general:deletePermanently'),
+                                    name: "delete-forever",
+                                    onToggle: (e)=>setDeletePermanently(e.target.checked)
+                                }, void 0, false, {
+                                    fileName: "src/elements/DeleteDocument/index.tsx",
+                                    lineNumber: 186,
+                                    columnNumber: 19
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/elements/DeleteDocument/index.tsx",
+                                lineNumber: 185,
+                                columnNumber: 17
+                            }, void 0)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/DeleteDocument/index.tsx",
+                        lineNumber: 172,
+                        columnNumber: 13
+                    }, void 0),
+                    className: baseClass,
+                    confirmingLabel: t('general:deleting'),
+                    heading: t('general:confirmDeletion'),
+                    modalSlug: modalSlug,
+                    onConfirm: handleDelete
+                }, void 0, false, {
+                    fileName: "src/elements/DeleteDocument/index.tsx",
+                    lineNumber: 170,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/DeleteDocument/index.tsx",
+            lineNumber: 161,
+            columnNumber: 7
+        }, this);
     }
     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'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/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?: DocumentDrawerContextType['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 })\n\n  const { setModified } = useForm()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `delete-${id}`\n\n  const [deletePermanently, setDeletePermanently] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setModified(false)\n\n    try {\n      const res =\n        deletePermanently || !collectionConfig.trash\n          ? await requests.delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n          : await requests.patch(`${serverURL}${api}/${collectionSlug}/${id}`, {\n              body: JSON.stringify({\n                deletedAt: new Date().toISOString(),\n              }),\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t(\n            deletePermanently || !collectionConfig.trash\n              ? 'general:titleDeleted'\n              : 'general:titleTrashed',\n            {\n              label: getTranslation(singularLabel, i18n),\n              title,\n            },\n          ) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n\n      return\n    } catch (_err) {\n      return addDefaultError()\n    }\n  }, [\n    deletePermanently,\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={collectionConfig.trash ? 'general:aboutToTrash' : 'general:aboutToDelete'}\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig.trash && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={deletePermanently}\n                    id=\"delete-forever\"\n                    label={t('general:deletePermanently')}\n                    name=\"delete-forever\"\n                    onToggle={(e) => setDeletePermanently(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","Fragment","useCallback","useState","toast","CheckboxInput","useForm","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","ConfirmationModal","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","setModified","router","i18n","t","startRouteTransition","openModal","modalSlug","deletePermanently","setDeletePermanently","addDefaultError","error","handleDelete","res","trash","delete","headers","language","patch","body","JSON","stringify","deletedAt","Date","toISOString","json","status","success","label","message","push","path","errors","forEach","_err","Button","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/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?: DocumentDrawerContextType['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 })\n\n  const { setModified } = useForm()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `delete-${id}`\n\n  const [deletePermanently, setDeletePermanently] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setModified(false)\n\n    try {\n      const res =\n        deletePermanently || !collectionConfig.trash\n          ? await requests.delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n          : await requests.patch(`${serverURL}${api}/${collectionSlug}/${id}`, {\n              body: JSON.stringify({\n                deletedAt: new Date().toISOString(),\n              }),\n              headers: {\n                'Accept-Language': i18n.language,\n                'Content-Type': 'application/json',\n              },\n            })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t(\n            deletePermanently || !collectionConfig.trash\n              ? 'general:titleDeleted'\n              : 'general:titleTrashed',\n            {\n              label: getTranslation(singularLabel, i18n),\n              title,\n            },\n          ) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n\n      return\n    } catch (_err) {\n      return addDefaultError()\n    }\n  }, [\n    deletePermanently,\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={collectionConfig.trash ? 'general:aboutToTrash' : 'general:aboutToDelete'}\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig.trash && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={deletePermanently}\n                    id=\"delete-forever\"\n                    label={t('general:deletePermanently')}\n                    name=\"delete-forever\"\n                    onToggle={(e) => setDeletePermanently(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","Fragment","useCallback","useState","toast","CheckboxInput","useForm","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","ConfirmationModal","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","setModified","router","i18n","t","startRouteTransition","openModal","modalSlug","deletePermanently","setDeletePermanently","addDefaultError","error","handleDelete","res","trash","delete","headers","language","patch","body","JSON","stringify","deletedAt","Date","toISOString","json","status","success","label","message","push","path","errors","forEach","_err","Button","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}