@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

package/dist/elements/CopyLocaleData/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -89,9 +89,9 @@ export const CopyLocaleData = ()=>{
     if (!id && !globalSlug) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(PopupList.Button, {
+            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                 id: `${baseClass}__button`,
                 onClick: ()=>{
                     if (modified) {
@@ -101,30 +101,46 @@ export const CopyLocaleData = ()=>{
                     }
                 },
                 children: t('localization:copyToLocale')
-            }),
-            /*#__PURE__*/ _jsxs(Drawer, {
+            }, void 0, false, {
+                fileName: "src/elements/CopyLocaleData/index.tsx",
+                lineNumber: 119,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Drawer, {
                 className: baseClass,
                 gutter: false,
-                Header: /*#__PURE__*/ _jsx(DrawerHeader, {
+                Header: /*#__PURE__*/ _jsxDEV(DrawerHeader, {
                     onClose: ()=>{
                         toggleModal(drawerSlug);
                     },
                     title: t('localization:copyToLocale')
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/CopyLocaleData/index.tsx",
+                    lineNumber: 135,
+                    columnNumber: 11
+                }, void 0),
                 slug: drawerSlug,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__sub-header`,
                         children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                children: fromLocale && toLocale ? /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxDEV("span", {
+                                children: fromLocale && toLocale ? /*#__PURE__*/ _jsxDEV("div", {
                                     children: t('localization:copyFromTo', {
                                         from: getLocaleLabel(fromLocale),
                                         to: getLocaleLabel(toLocale)
                                     })
-                                }) : t('localization:selectLocaleToCopy')
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/CopyLocaleData/index.tsx",
+                                    lineNumber: 147,
+                                    columnNumber: 15
+                                }, this) : t('localization:selectLocaleToCopy')
+                            }, void 0, false, {
+                                fileName: "src/elements/CopyLocaleData/index.tsx",
+                                lineNumber: 145,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "primary",
                                 disabled: !fromLocale || !toLocale,
                                 iconPosition: "left",
@@ -142,13 +158,21 @@ export const CopyLocaleData = ()=>{
                                 },
                                 size: "medium",
                                 children: copying ? t('general:copying') + '...' : t('general:copy')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/CopyLocaleData/index.tsx",
+                                lineNumber: 157,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/CopyLocaleData/index.tsx",
+                        lineNumber: 144,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__content`,
                         children: [
-                            /*#__PURE__*/ _jsx(SelectInput, {
+                            /*#__PURE__*/ _jsxDEV(SelectInput, {
                                 label: t('localization:copyFrom'),
                                 name: 'fromLocale',
                                 onChange: (selectedOption)=>{
@@ -160,8 +184,12 @@ export const CopyLocaleData = ()=>{
                                 path: "fromLocale",
                                 readOnly: true,
                                 value: fromLocale
-                            }),
-                            /*#__PURE__*/ _jsx(SelectInput, {
+                            }, void 0, false, {
+                                fileName: "src/elements/CopyLocaleData/index.tsx",
+                                lineNumber: 180,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(SelectInput, {
                                 label: t('localization:copyTo'),
                                 name: "toLocale",
                                 onChange: (selectedOption)=>{
@@ -172,8 +200,12 @@ export const CopyLocaleData = ()=>{
                                 options: localeOptionsWithoutCurrent,
                                 path: "toLocale",
                                 value: toLocale
-                            }),
-                            /*#__PURE__*/ _jsx(CheckboxField, {
+                            }, void 0, false, {
+                                fileName: "src/elements/CopyLocaleData/index.tsx",
+                                lineNumber: 193,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(CheckboxField, {
                                 checked: overwriteExisting,
                                 field: {
                                     name: 'overwriteExisting',
@@ -181,13 +213,29 @@ export const CopyLocaleData = ()=>{
                                 },
                                 onChange: ()=>setOverwriteExisting(!overwriteExisting),
                                 path: 'overwriteExisting'
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/CopyLocaleData/index.tsx",
+                                lineNumber: 205,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/CopyLocaleData/index.tsx",
+                        lineNumber: 179,
+                        columnNumber: 9
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/CopyLocaleData/index.tsx",
+                lineNumber: 131,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/CopyLocaleData/index.tsx",
+        lineNumber: 118,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\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, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { SelectInput } from '../../fields/Select/index.js'\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DrawerHeader } from '../BulkUpload/Header/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-locale-data'\n\nconst drawerSlug = 'copy-locale'\nexport const CopyLocaleData: React.FC = () => {\n  const {\n    config: {\n      localization,\n      routes: { admin },\n      serverURL,\n    },\n  } = useConfig()\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const { copyDataFromLocale } = useServerFunctions()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const localeOptions =\n    (localization &&\n      localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))) ||\n    []\n\n  const localeOptionsWithoutCurrent = localeOptions.filter((locale) => locale.value !== code)\n\n  const getLocaleLabel = (code: string) => {\n    const locale = localization && localization.locales.find((l) => l.code === code)\n    return locale && locale.label ? getTranslation(locale.label, i18n) : code\n  }\n\n  const [copying, setCopying] = React.useState(false)\n  const [toLocale, setToLocale] = React.useState<null | string>(null)\n  const [fromLocale, setFromLocale] = React.useState<null | string>(code)\n  const [overwriteExisting, setOverwriteExisting] = React.useState(false)\n\n  React.useEffect(() => {\n    if (fromLocale !== code) {\n      setFromLocale(code)\n    }\n  }, [code, fromLocale])\n\n  const copyLocaleData = useCallback(\n    async ({ from, to }) => {\n      setCopying(true)\n\n      try {\n        await copyDataFromLocale({\n          collectionSlug,\n          docID: id,\n          fromLocale: from,\n          globalSlug,\n          overrideData: overwriteExisting,\n          toLocale: to,\n        })\n\n        setCopying(false)\n\n        startRouteTransition(() =>\n          router.push(\n            formatAdminURL({\n              adminRoute: admin,\n              path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`,\n              serverURL,\n            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        toast.error(error.message)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      serverURL,\n      admin,\n      startRouteTransition,\n    ],\n  )\n\n  if (!id && !globalSlug) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id={`${baseClass}__button`}\n        onClick={() => {\n          if (modified) {\n            toast.info(t('general:unsavedChanges'))\n          } else {\n            toggleModal(drawerSlug)\n          }\n        }}\n      >\n        {t('localization:copyToLocale')}\n      </PopupList.Button>\n      <Drawer\n        className={baseClass}\n        gutter={false}\n        Header={\n          <DrawerHeader\n            onClose={() => {\n              toggleModal(drawerSlug)\n            }}\n            title={t('localization:copyToLocale')}\n          />\n        }\n        slug={drawerSlug}\n      >\n        <div className={`${baseClass}__sub-header`}>\n          <span>\n            {fromLocale && toLocale ? (\n              <div>\n                {t('localization:copyFromTo', {\n                  from: getLocaleLabel(fromLocale),\n                  to: getLocaleLabel(toLocale),\n                })}\n              </div>\n            ) : (\n              t('localization:selectLocaleToCopy')\n            )}\n          </span>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={!fromLocale || !toLocale}\n            iconPosition=\"left\"\n            onClick={async () => {\n              if (fromLocale === toLocale) {\n                toast.error(t('localization:cannotCopySameLocale'))\n                return\n              }\n              if (!copying) {\n                await copyLocaleData({\n                  from: fromLocale,\n                  to: toLocale,\n                })\n              }\n            }}\n            size=\"medium\"\n          >\n            {copying ? t('general:copying') + '...' : t('general:copy')}\n          </Button>\n        </div>\n\n        <div className={`${baseClass}__content`}>\n          <SelectInput\n            label={t('localization:copyFrom')}\n            name={'fromLocale'}\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setFromLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptions}\n            path=\"fromLocale\"\n            readOnly\n            value={fromLocale}\n          />\n          <SelectInput\n            label={t('localization:copyTo')}\n            name=\"toLocale\"\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setToLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptionsWithoutCurrent}\n            path=\"toLocale\"\n            value={toLocale}\n          />\n          <CheckboxField\n            checked={overwriteExisting}\n            field={{\n              name: 'overwriteExisting',\n              label: t('general:overwriteExistingData'),\n            }}\n            onChange={() => setOverwriteExisting(!overwriteExisting)}\n            path={'overwriteExisting'}\n          />\n        </div>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouteTransition","useServerFunctions","useTranslation","DrawerHeader","Button","Drawer","PopupList","baseClass","drawerSlug","CopyLocaleData","config","localization","routes","admin","serverURL","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","locale","label","value","localeOptionsWithoutCurrent","filter","getLocaleLabel","find","l","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","useEffect","copyLocaleData","from","to","docID","overrideData","push","adminRoute","path","error","message","Fragment","onClick","info","className","gutter","Header","onClose","title","slug","div","span","buttonStyle","disabled","iconPosition","size","name","onChange","selectedOption","options","readOnly","checked","field"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\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, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { SelectInput } from '../../fields/Select/index.js'\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DrawerHeader } from '../BulkUpload/Header/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-locale-data'\n\nconst drawerSlug = 'copy-locale'\nexport const CopyLocaleData: React.FC = () => {\n  const {\n    config: {\n      localization,\n      routes: { admin },\n      serverURL,\n    },\n  } = useConfig()\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const { copyDataFromLocale } = useServerFunctions()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const localeOptions =\n    (localization &&\n      localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))) ||\n    []\n\n  const localeOptionsWithoutCurrent = localeOptions.filter((locale) => locale.value !== code)\n\n  const getLocaleLabel = (code: string) => {\n    const locale = localization && localization.locales.find((l) => l.code === code)\n    return locale && locale.label ? getTranslation(locale.label, i18n) : code\n  }\n\n  const [copying, setCopying] = React.useState(false)\n  const [toLocale, setToLocale] = React.useState<null | string>(null)\n  const [fromLocale, setFromLocale] = React.useState<null | string>(code)\n  const [overwriteExisting, setOverwriteExisting] = React.useState(false)\n\n  React.useEffect(() => {\n    if (fromLocale !== code) {\n      setFromLocale(code)\n    }\n  }, [code, fromLocale])\n\n  const copyLocaleData = useCallback(\n    async ({ from, to }) => {\n      setCopying(true)\n\n      try {\n        await copyDataFromLocale({\n          collectionSlug,\n          docID: id,\n          fromLocale: from,\n          globalSlug,\n          overrideData: overwriteExisting,\n          toLocale: to,\n        })\n\n        setCopying(false)\n\n        startRouteTransition(() =>\n          router.push(\n            formatAdminURL({\n              adminRoute: admin,\n              path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`,\n              serverURL,\n            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        toast.error(error.message)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      serverURL,\n      admin,\n      startRouteTransition,\n    ],\n  )\n\n  if (!id && !globalSlug) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id={`${baseClass}__button`}\n        onClick={() => {\n          if (modified) {\n            toast.info(t('general:unsavedChanges'))\n          } else {\n            toggleModal(drawerSlug)\n          }\n        }}\n      >\n        {t('localization:copyToLocale')}\n      </PopupList.Button>\n      <Drawer\n        className={baseClass}\n        gutter={false}\n        Header={\n          <DrawerHeader\n            onClose={() => {\n              toggleModal(drawerSlug)\n            }}\n            title={t('localization:copyToLocale')}\n          />\n        }\n        slug={drawerSlug}\n      >\n        <div className={`${baseClass}__sub-header`}>\n          <span>\n            {fromLocale && toLocale ? (\n              <div>\n                {t('localization:copyFromTo', {\n                  from: getLocaleLabel(fromLocale),\n                  to: getLocaleLabel(toLocale),\n                })}\n              </div>\n            ) : (\n              t('localization:selectLocaleToCopy')\n            )}\n          </span>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={!fromLocale || !toLocale}\n            iconPosition=\"left\"\n            onClick={async () => {\n              if (fromLocale === toLocale) {\n                toast.error(t('localization:cannotCopySameLocale'))\n                return\n              }\n              if (!copying) {\n                await copyLocaleData({\n                  from: fromLocale,\n                  to: toLocale,\n                })\n              }\n            }}\n            size=\"medium\"\n          >\n            {copying ? t('general:copying') + '...' : t('general:copy')}\n          </Button>\n        </div>\n\n        <div className={`${baseClass}__content`}>\n          <SelectInput\n            label={t('localization:copyFrom')}\n            name={'fromLocale'}\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setFromLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptions}\n            path=\"fromLocale\"\n            readOnly\n            value={fromLocale}\n          />\n          <SelectInput\n            label={t('localization:copyTo')}\n            name=\"toLocale\"\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setToLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptionsWithoutCurrent}\n            path=\"toLocale\"\n            value={toLocale}\n          />\n          <CheckboxField\n            checked={overwriteExisting}\n            field={{\n              name: 'overwriteExisting',\n              label: t('general:overwriteExistingData'),\n            }}\n            onChange={() => setOverwriteExisting(!overwriteExisting)}\n            path={'overwriteExisting'}\n          />\n        </div>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouteTransition","useServerFunctions","useTranslation","DrawerHeader","Button","Drawer","PopupList","baseClass","drawerSlug","CopyLocaleData","config","localization","routes","admin","serverURL","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","locale","label","value","localeOptionsWithoutCurrent","filter","getLocaleLabel","find","l","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","useEffect","copyLocaleData","from","to","docID","overrideData","push","adminRoute","path","error","message","Fragment","onClick","info","className","gutter","Header","onClose","title","slug","div","span","buttonStyle","disabled","iconPosition","size","name","onChange","selectedOption","options","readOnly","checked","field"],"mappings":"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"}

package/dist/elements/CopyToClipboard/index.js

@@ -1,5 +1,5 @@
 'use client';
-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';
@@ -11,7 +11,7 @@ export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
     const [hovered, setHovered] = useState(false);
     const { t } = useTranslation();
     if (value) {
-        return /*#__PURE__*/ _jsxs("button", {
+        return /*#__PURE__*/ _jsxDEV("button", {
             className: baseClass,
             onClick: async ()=>{
                 await navigator.clipboard.writeText(value);
@@ -27,17 +27,29 @@ export const CopyToClipboard = ({ defaultMessage, successMessage, value })=>{
             },
             type: "button",
             children: [
-                /*#__PURE__*/ _jsx(CopyIcon, {}),
-                /*#__PURE__*/ _jsxs(Tooltip, {
+                /*#__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":["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,MAACM;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,KAACrB;8BACD,MAACE;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"}
+{"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,5 +1,5 @@
 'use client';
-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;
@@ -87,33 +87,61 @@ const DatePicker = (props)=>{
         i18n.language,
         i18n.dateFNS
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__icon-wrap`,
                 children: [
-                    dateTimePickerProps.selected && /*#__PURE__*/ _jsx("button", {
+                    dateTimePickerProps.selected && /*#__PURE__*/ _jsxDEV("button", {
                         className: `${baseClass}__clear-button`,
                         onClick: ()=>onChange(null),
                         type: "button",
-                        children: /*#__PURE__*/ _jsx(XIcon, {})
-                    }),
-                    /*#__PURE__*/ _jsx(CalendarIcon, {})
+                        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)
                 ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, true, {
+                fileName: "src/elements/DatePicker/DatePicker.tsx",
+                lineNumber: 127,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__input-wrapper`,
-                children: /*#__PURE__*/ _jsx(ReactDatePicker, {
+                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":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,OAAOC,gCAAgCC,cAAc,EAAEC,gBAAgB,QAAQ,mBAAkB;AACjG,MAAMC,kBACJ,aAAaH,+BACTA,6BAA6BI,OAAO,GACpCJ;AAIN,SAASK,YAAY,QAAQ,gCAA+B;AAC5D,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,iBAAgB;AACvB,OAAO,eAAc;AACrB,SAASC,kBAAkB,QAAQ,0BAAyB;AAE5D,MAAMC,YAAY;AAElB,MAAMC,aAA8B,CAACC;IACnC,MAAM,EACJC,EAAE,EACFC,eAAeC,mBAAmB,EAClCC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,eAAe,CAAC,EAChBC,UAAUC,iBAAiB,EAC3BC,SAAS,EACTC,mBAAmB,SAAS,EAC5BC,aAAaC,eAAe,EAC5BC,QAAQ,EACRC,aAAa,SAAS,EACtBC,gBAAgB,EAAE,EAClBC,KAAK,EACN,GAAGlB;IAEJ,4DAA4D;IAC5D,MAAM,EAAEmB,IAAI,EAAE,GAAGvB;IAEjB,IAAIwB,aAAajB;IAEjB,IAAI,CAACA,qBAAqB;QACxB,qFAAqF;QACrF,IAAIS,qBAAqB,WAAW;YAClCQ,aAAa;QACf,OAAO,IAAIR,qBAAqB,cAAc;YAC5CQ,aAAa;QACf,OAAO,IAAIR,qBAAqB,YAAY;YAC1CQ,aAAa;QACf,OAAO,IAAIR,qBAAqB,WAAW;YACzCQ,aAAa;QACf,OAAO,IAAIR,qBAAqB,aAAa;YAC3CQ,aAAa;QACf;IACF;IAEA,MAAMX,WAGU,CAACY;QACf,MAAMC,UAAUD;QAChB,IAAIC,mBAAmBC,QAAQ;YAAC;YAAW;YAAW;SAAY,CAACC,QAAQ,CAACZ,mBAAmB;YAC7F,MAAMa,WAAWJ,aAAaK,iBAAiB,KAAK;YACpDJ,QAAQK,QAAQ,CAAC,KAAKF,UAAU;QAClC;QAEA,IAAIH,mBAAmBC,QAAQ,CAACH,WAAWI,QAAQ,CAAC,QAAQ;YAC1D,qEAAqE;YACrE,4EAA4E;YAC5EF,QAAQM,eAAe,CAAC;QAC1B;QAEA,IAAI,OAAOlB,sBAAsB,YAAY;YAC3CA,kBAAkBY;QACpB;IACF;IAEA,MAAMO,sBAGF;QACFC,gBAAgB;QAChBV;QACAW,UAAUhB;QACVX;QACAC;QACAC;QACAC;QACAyB,aAAaC,KAAKC,GAAG,CAAC,GAAG1B;QACzBC;QACAK;QACAqB,iBAAiB;QACjBC,UAAUlB,SAAS,IAAIK,KAAKL;QAC5BmB,qBAAqBzB,qBAAqB;QAC1C0B,iBAAiB;QACjBC,gBAAgB3B,qBAAqB,gBAAgBA,qBAAqB;QAC1EI;QACAC;QACA,GAAIN,SAAS;IAIf;IAFsD,uJAAuJ;IAI7M,MAAM6B,UAAU;QAAC1C;QAAW,GAAGA,UAAU,cAAc,EAAEc,kBAAkB;KAAC,CACzE6B,MAAM,CAACC,SACPC,IAAI,CAAC;IAERvD,MAAMwD,SAAS,CAAC;QACd,IAAIzB,KAAK0B,OAAO,EAAE;YAChB,IAAI;gBACF,MAAMC,mBAAmBjD,mBAAmBsB,KAAK4B,QAAQ;gBACzDzD,eAAewD,kBAAkB3B,KAAK0B,OAAO;gBAC7CtD,iBAAiBuD;YACnB,EAAE,OAAOE,GAAG;gBACVC,QAAQC,IAAI,CAAC,CAAC,qCAAqC,EAAE/B,KAAK4B,QAAQ,EAAE;YACtE;QACF;IACF,GAAG;QAAC5B,KAAK4B,QAAQ;QAAE5B,KAAK0B,OAAO;KAAC;IAEhC,qBACE,QAACM;QAAIC,WAAWZ;QAASvC,IAAIA;;0BAC3B,QAACkD;gBAAIC,WAAW,GAAGtD,UAAU,WAAW,CAAC;;oBACtC+B,oBAAoBO,QAAQ,kBAC3B,QAACiB;wBACCD,WAAW,GAAGtD,UAAU,cAAc,CAAC;wBACvCwD,SAAS,IAAM7C,SAAS;wBACxB8C,MAAK;kCAEL,cAAA,QAAC5D;;;;;;;;;;kCAGL,QAACD;;;;;;;;;;;0BAEH,QAACyD;gBAAIC,WAAW,GAAGtD,UAAU,eAAe,CAAC;0BAC3C,cAAA,QAACN;oBACE,GAAGqC,mBAAmB;oBACvB2B,cAAa;oBACbC,iBAAiB;oBACjBC,gBAAgB;;;;;;;;;;;;;;;;;AAK1B;AAEA,iDAAiD;AACjD,eAAe3D,WAAU"}

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, {
+export const DatePickerField = (props)=>/*#__PURE__*/ _jsxDEV(Suspense, {
+        fallback: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
             height: 50
-        }),
-        children: /*#__PURE__*/ _jsx(DatePicker, {
+        }, 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":["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,KAACJ;QAASK,wBAAU,KAACJ;YAAcK,QAAQ;;kBACzC,cAAA,KAACJ;YAAY,GAAGE,KAAK;;OAExB"}
+{"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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -47,10 +47,10 @@ 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 /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs(Button, {
+            /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "tab",
                 className: [
                     `${baseClass}__button`,
@@ -65,8 +65,12 @@ export const DefaultListViewTabs = ({ collectionConfig, config, onChange, viewTy
                     " ",
                     getTranslation(collectionConfig?.labels?.plural, i18n)
                 ]
-            }),
-            isFoldersEnabled && /*#__PURE__*/ _jsx(Button, {
+            }, void 0, true, {
+                fileName: "src/elements/DefaultListViewTabs/index.tsx",
+                lineNumber: 77,
+                columnNumber: 7
+            }, this),
+            isFoldersEnabled && /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "tab",
                 className: [
                     `${baseClass}__button`,
@@ -76,8 +80,12 @@ export const DefaultListViewTabs = ({ collectionConfig, config, onChange, viewTy
                 el: "button",
                 onClick: ()=>handleViewChange('folders'),
                 children: t('folder:byFolder')
-            }),
-            isTrashEnabled && /*#__PURE__*/ _jsx(Button, {
+            }, void 0, false, {
+                fileName: "src/elements/DefaultListViewTabs/index.tsx",
+                lineNumber: 91,
+                columnNumber: 9
+            }, this),
+            isTrashEnabled && /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "tab",
                 className: [
                     `${baseClass}__button`,
@@ -88,9 +96,17 @@ export const DefaultListViewTabs = ({ collectionConfig, config, onChange, viewTy
                 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","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":"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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":"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"}