@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/CopyToClipboard/index.js

@@ -1,80 +1,57 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
 import './index.scss';
 const baseClass = 'copy-to-clipboard';
-export const CopyToClipboard = t0 => {
-  const $ = _c(11);
-  const {
-    defaultMessage,
-    successMessage,
-    value
-  } = t0;
-  const [copied, setCopied] = useState(false);
-  const [hovered, setHovered] = useState(false);
-  const {
-    t
-  } = useTranslation();
-  if (value) {
-    let t1;
-    if ($[0] !== value) {
-      t1 = async () => {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
-      };
-      $[0] = value;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    let t2;
-    let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t2 = () => {
-        setHovered(true);
-        setCopied(false);
-      };
-      t3 = () => {
-        setHovered(false);
-        setCopied(false);
-      };
-      $[2] = t2;
-      $[3] = t3;
-    } else {
-      t2 = $[2];
-      t3 = $[3];
+export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
+    const [copied, setCopied] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const { t } = useTranslation();
+    if (value) {
+        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);
     }
-    let t4;
-    if ($[4] !== copied || $[5] !== defaultMessage || $[6] !== hovered || $[7] !== successMessage || $[8] !== t || $[9] !== t1) {
-      t4 = _jsxs("button", {
-        className: baseClass,
-        onClick: t1,
-        onMouseEnter: t2,
-        onMouseLeave: t3,
-        type: "button",
-        children: [_jsx(CopyIcon, {}), _jsxs(Tooltip, {
-          delay: copied ? 0 : undefined,
-          show: hovered || copied,
-          children: [copied && (successMessage ?? t("general:copied")), !copied && (defaultMessage ?? t("general:copy"))]
-        })]
-      });
-      $[4] = copied;
-      $[5] = defaultMessage;
-      $[6] = hovered;
-      $[7] = successMessage;
-      $[8] = t;
-      $[9] = t1;
-      $[10] = t4;
-    } else {
-      t4 = $[10];
-    }
-    return t4;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","navigator","clipboard","writeText","t2","t3","Symbol","for","t4","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,OAAAK,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EACvC;IAAAe;EAAA,IAAcb,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAG,KAAA;MAIWM,EAAA,SAAAA,CAAA;QAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,KAAA;QACpCE,SAAA,KAAU;MAAA;MACZL,CAAA,MAAAG,KAAA;MAAAH,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;MACcH,EAAA,GAAAA,CAAA;QACZN,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEES,EAAA,GAAAA,CAAA;QACZP,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZL,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAD,EAAA,GAAAb,CAAA;MAAAc,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAjB,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAS,EAAA;MAbFQ,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAAtB,SAAA;QAAAuB,OAAA,EAEUX,EAGT;QAAAY,YAAA,EACcR,EAGd;QAAAS,YAAA,EACcR,EAGd;QAAAS,IAAA,EACK;QAAAC,QAAA,GAELC,IAAA,CAAA/B,QAAA,IAAC,GACDwB,KAAA,CAAAtB,OAAA;UAAA8B,KAAA,EAAgBtB,MAAA,OAAAuB,SAAa;UAAAC,IAAA,EAAiBtB,OAAA,IAAWF,MAAA;UAAAoB,QAAA,GACtDpB,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,eAAc;QAAA,C;;;;;;;;;;;;WAnBnDS,E;;;CA0BN","ignoreList":[]}
+{"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,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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;
@@ -12,144 +10,140 @@ import './library.scss';
 import './index.scss';
 import { getFormattedLocale } from './getFormattedLocale.js';
 const baseClass = 'date-time-picker';
-const DatePicker = props => {
-  const $ = _c(6);
-  const {
-    id,
-    displayFormat: customDisplayFormat,
-    maxDate,
-    maxTime,
-    minDate,
-    minTime,
-    monthsToShow: t0,
-    onChange: onChangeFromProps,
-    overrides,
-    pickerAppearance: t1,
-    placeholder: placeholderText,
-    readOnly,
-    timeFormat: t2,
-    timeIntervals: t3,
-    value
-  } = props;
-  const monthsToShow = t0 === undefined ? 1 : t0;
-  const pickerAppearance = t1 === undefined ? "default" : t1;
-  const timeFormat = t2 === undefined ? "h:mm aa" : t2;
-  const timeIntervals = t3 === undefined ? 30 : t3;
-  const {
-    i18n
-  } = useTranslation();
-  let dateFormat = customDisplayFormat;
-  if (!customDisplayFormat) {
-    if (pickerAppearance === "default") {
-      dateFormat = "MM/dd/yyyy";
-    } else {
-      if (pickerAppearance === "dayAndTime") {
-        dateFormat = "MMM d, yyy h:mm a";
-      } else {
-        if (pickerAppearance === "timeOnly") {
-          dateFormat = "h:mm a";
-        } else {
-          if (pickerAppearance === "dayOnly") {
-            dateFormat = "MMM dd";
-          } else {
-            if (pickerAppearance === "monthOnly") {
-              dateFormat = "MMMM";
-            }
-          }
+const DatePicker = (props)=>{
+    const { id, 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();
+    let dateFormat = customDisplayFormat;
+    if (!customDisplayFormat) {
+        // when no displayFormat is provided, determine format based on the picker appearance
+        if (pickerAppearance === 'default') {
+            dateFormat = 'MM/dd/yyyy';
+        } else if (pickerAppearance === 'dayAndTime') {
+            dateFormat = 'MMM d, yyy h:mm a';
+        } else if (pickerAppearance === 'timeOnly') {
+            dateFormat = 'h:mm a';
+        } else if (pickerAppearance === 'dayOnly') {
+            dateFormat = 'MMM dd';
+        } else if (pickerAppearance === 'monthOnly') {
+            dateFormat = 'MMMM';
         }
-      }
-    }
-  }
-  const onChange = incomingDate => {
-    const newDate = incomingDate;
-    if (newDate instanceof Date && ["dayOnly", "default", "monthOnly"].includes(pickerAppearance)) {
-      const tzOffset = incomingDate.getTimezoneOffset() / 60;
-      newDate.setHours(12 - tzOffset, 0);
     }
-    if (newDate instanceof Date && !dateFormat.includes("SSS")) {
-      newDate.setMilliseconds(0);
-    }
-    if (typeof onChangeFromProps === "function") {
-      onChangeFromProps(newDate);
-    }
-  };
-  const dateTimePickerProps = {
-    customInputRef: "ref",
-    dateFormat,
-    disabled: readOnly,
-    maxDate,
-    maxTime,
-    minDate,
-    minTime,
-    monthsShown: Math.min(2, monthsToShow),
-    onChange,
-    placeholderText,
-    popperPlacement: "bottom-start",
-    selected: value && new Date(value),
-    showMonthYearPicker: pickerAppearance === "monthOnly",
-    showPopperArrow: false,
-    showTimeSelect: pickerAppearance === "dayAndTime" || pickerAppearance === "timeOnly",
-    timeFormat,
-    timeIntervals,
-    ...overrides
-  };
-  const t4 = `${baseClass}__appearance--${pickerAppearance}`;
-  let t5;
-  if ($[0] !== t4) {
-    t5 = [baseClass, t4].filter(Boolean);
-    $[0] = t4;
-    $[1] = t5;
-  } else {
-    t5 = $[1];
-  }
-  const classes = t5.join(" ");
-  let t6;
-  let t7;
-  if ($[2] !== i18n.dateFNS || $[3] !== i18n.language) {
-    t6 = () => {
-      if (i18n.dateFNS) {
-        ;
-        try {
-          const datepickerLocale = getFormattedLocale(i18n.language);
-          registerLocale(datepickerLocale, i18n.dateFNS);
-          setDefaultLocale(datepickerLocale);
-        } catch (t8) {
-          console.warn(`Could not find DatePicker locale for ${i18n.language}`);
+    const onChange = (incomingDate)=>{
+        const newDate = incomingDate;
+        if (newDate instanceof Date && [
+            'dayOnly',
+            'default',
+            'monthOnly'
+        ].includes(pickerAppearance)) {
+            const tzOffset = incomingDate.getTimezoneOffset() / 60;
+            newDate.setHours(12 - tzOffset, 0);
+        }
+        if (newDate instanceof Date && !dateFormat.includes('SSS')) {
+            // Unless the dateFormat includes milliseconds, set milliseconds to 0
+            // This is to ensure that the timestamp is consistent with the displayFormat
+            newDate.setMilliseconds(0);
         }
-      }
+        if (typeof onChangeFromProps === 'function') {
+            onChangeFromProps(newDate);
+        }
+    };
+    const dateTimePickerProps = {
+        customInputRef: 'ref',
+        dateFormat,
+        disabled: readOnly,
+        maxDate,
+        maxTime,
+        minDate,
+        minTime,
+        monthsShown: Math.min(2, monthsToShow),
+        onChange,
+        placeholderText,
+        popperPlacement: 'bottom-start',
+        selected: value && new Date(value),
+        showMonthYearPicker: pickerAppearance === 'monthOnly',
+        showPopperArrow: false,
+        showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
+        timeFormat,
+        timeIntervals,
+        ...overrides
     };
-    t7 = [i18n.language, i18n.dateFNS];
-    $[2] = i18n.dateFNS;
-    $[3] = i18n.language;
-    $[4] = t6;
-    $[5] = t7;
-  } else {
-    t6 = $[4];
-    t7 = $[5];
-  }
-  React.useEffect(t6, t7);
-  return _jsxs("div", {
-    className: classes,
-    id,
-    children: [_jsxs("div", {
-      className: `${baseClass}__icon-wrap`,
-      children: [dateTimePickerProps.selected && _jsx("button", {
-        className: `${baseClass}__clear-button`,
-        onClick: () => onChange(null),
-        type: "button",
-        children: _jsx(XIcon, {})
-      }), _jsx(CalendarIcon, {})]
-    }), _jsx("div", {
-      className: `${baseClass}__input-wrapper`,
-      children: _jsx(ReactDatePicker, {
-        ...dateTimePickerProps,
-        dropdownMode: "select",
-        showMonthDropdown: true,
-        showYearDropdown: true
-      })
-    })]
-  });
+    // 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
+    const classes = [
+        baseClass,
+        `${baseClass}__appearance--${pickerAppearance}`
+    ].filter(Boolean).join(' ');
+    React.useEffect(()=>{
+        if (i18n.dateFNS) {
+            try {
+                const datepickerLocale = getFormattedLocale(i18n.language);
+                registerLocale(datepickerLocale, i18n.dateFNS);
+                setDefaultLocale(datepickerLocale);
+            } catch (e) {
+                console.warn(`Could not find DatePicker locale for ${i18n.language}`);
+            }
+        }
+    }, [
+        i18n.language,
+        i18n.dateFNS
+    ]);
+    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;
+
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["c","_c","React","ReactDatePickerDefaultImport","registerLocale","setDefaultLocale","ReactDatePicker","default","CalendarIcon","XIcon","useTranslation","getFormattedLocale","baseClass","DatePicker","props","$","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","t0","onChange","onChangeFromProps","overrides","pickerAppearance","t1","placeholder","placeholderText","readOnly","timeFormat","t2","timeIntervals","t3","value","undefined","i18n","dateFormat","incomingDate","newDate","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","popperPlacement","selected","showMonthYearPicker","showPopperArrow","showTimeSelect","t4","t5","filter","Boolean","classes","join","t6","t7","dateFNS","language","datepickerLocale","t8","console","warn","useEffect","_jsxs","className","children","_jsx","onClick","type","dropdownMode","showMonthDropdown","showYearDropdown"],"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"],"mappings":"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","ignoreList":[]}
+{"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/getFormattedLocale.js

@@ -1,13 +1,14 @@
 'use client';
-
-export const getFormattedLocale = (language = 'enUS') => {
-  const formattedLocales = {
-    en: 'enUS',
-    my: 'enUS',
-    ua: 'uk',
-    zh: 'zhCN'
-  };
-  const formattedLocale = formattedLocales[language] || language;
-  return formattedLocale;
+export const getFormattedLocale = (language = 'enUS')=>{
+    const formattedLocales = {
+        en: 'enUS',
+        my: 'enUS',
+        // Burmese is not currently supported
+        ua: 'uk',
+        zh: 'zhCN'
+    };
+    const formattedLocale = formattedLocales[language] || language;
+    return formattedLocale;
 };
+
 //# sourceMappingURL=getFormattedLocale.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getFormattedLocale.js","names":["getFormattedLocale","language","formattedLocales","en","my","ua","zh","formattedLocale"],"sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"sourcesContent":["'use client'\nexport 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"],"mappings":"AAAA;;AACA,OAAO,MAAMA,kBAAA,GAAqBA,CAACC,QAAA,GAAW,MAAM;EAClD,MAAMC,gBAAA,GAAmB;IACvBC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;EACN;EAEA,MAAMC,eAAA,GAAkBL,gBAAgB,CAACD,QAAA,CAAS,IAAIA,QAAA;EAEtD,OAAOM,eAAA;AACT","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DatePicker/getFormattedLocale.ts"],"sourcesContent":["'use client'\nexport 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;AACA,OAAO,MAAMA,qBAAqB,CAACC,WAAW,MAAM;IAClD,MAAMC,mBAAmB;QACvBC,IAAI;QACJC,IAAI;QAAQ,qCAAqC;QACjDC,IAAI;QACJC,IAAI;IACN;IAEA,MAAMC,kBAAkBL,gBAAgB,CAACD,SAAS,IAAIA;IAEtD,OAAOM;AACT,EAAC"}

package/dist/elements/DatePicker/index.js

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

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

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

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