@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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","icon","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","Symbol","for","copyLabel","t2","navigator","clipboard","writeText","t3","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.css'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  icon?: React.ReactNode\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({\n  defaultMessage,\n  icon,\n  successMessage,\n  value,\n}) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n  const copyLabel = defaultMessage ?? t('general:copy')\n\n  if (value) {\n    return (\n      <button\n        aria-label={copyLabel}\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        {icon ?? <CopyIcon />}\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && copyLabel}\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;AASlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAL,EAKhD;EACC,OAAAM,MAAA,EAAAC,SAAA,IAA4Bb,QAAA,MAAS;EACrC,OAAAc,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC;IAAAgB;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAS,CAAA,IAAAT,CAAA,QAAAI,KAAA;IAKVM,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAJJ,MAAAC,SAAA,GAAkBZ,cAAA,IAAkBQ,CAAA,CAAE;MAAA,IAElCL,KAAA;QAAA,IAAAU,EAAA;QAAA,IAAAd,CAAA,QAAAI,KAAA;UAKWU,EAAA,SAAAA,CAAA;YAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8Bb,KAAA;YACpCE,SAAA,KAAU;UAAA;UACZN,CAAA,MAAAI,KAAA;UAAAJ,CAAA,MAAAc,EAAA;QAAA;UAAAA,EAAA,GAAAd,CAAA;QAAA;QAAA,IAAAkB,EAAA;QAAA,IAAAC,EAAA;QAAA,IAAAnB,CAAA,SAAAW,MAAA,CAAAC,GAAA;UACcM,EAAA,GAAAA,CAAA;YACZV,UAAA,KAAW;YACXF,SAAA,MAAU;UAAA;UAEEa,EAAA,GAAAA,CAAA;YACZX,UAAA,MAAW;YACXF,SAAA,MAAU;UAAA;UACZN,CAAA,OAAAkB,EAAA;UAAAlB,CAAA,OAAAmB,EAAA;QAAA;UAAAD,EAAA,GAAAlB,CAAA;UAAAmB,EAAA,GAAAnB,CAAA;QAAA;QAdFU,EAAA,GAAAU,KAAA,CAAC;UAAA,cACaP,SAAA;UAAAQ,SAAA,EAAAxB,SAAA;UAAAyB,OAAA,EAEHR,EAGT;UAAAS,YAAA,EACcL,EAGd;UAAAM,YAAA,EACcL,EAGd;UAAAM,IAAA,EACK;UAAAC,QAAA,GAEJxB,IAAA,IAAQyB,IAAA,CAAAjC,QAAA,IAAC,GACV0B,KAAA,CAAAxB,OAAA;YAAAgC,KAAA,EAAgBvB,MAAA,OAAAwB,SAAa;YAAAC,IAAA,EAAiBvB,OAAA,IAAWF,MAAA;YAAAqB,QAAA,GACtDrB,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,IAAUQ,SAAA;UAAA,C;;;;;;;;;;;;;;;;;;;;CAOtB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","icon","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","Symbol","copyLabel","t2","navigator","clipboard","writeText","t3","t4","for","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show","bb0"],"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.css'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  icon?: React.ReactNode\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({\n  defaultMessage,\n  icon,\n  successMessage,\n  value,\n}) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n  const copyLabel = defaultMessage ?? t('general:copy')\n\n  if (value) {\n    return (\n      <button\n        aria-label={copyLabel}\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        {icon ?? <CopyIcon />}\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && copyLabel}\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;AASlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAL,EAKhD;EACC,OAAAM,MAAA,EAAAC,SAAA,IAA4Bb,QAAA,CAAS;EACrC,OAAAc,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,CAAS;EACvC;IAAAgB;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAS,CAAA,IAAAT,CAAA,QAAAI,KAAA;IAKVM,EAAA,GAAAC,M,KAAA,6B;;MAJJ,MAAAC,SAAA,GAAkBX,cAAoB,IAAFQ,CAAA,CAAE;MAEtC,IAAIL,KAAA;QAAA,IAAAS,EAAA;QAAA,IAAAb,CAAA,QAAAI,KAAA;UAKWS,EAAA,SAAAA,CAAA;YACP,MAAMC,SAAA,CAAAC,SAAmB,CAAAC,SAAU,CAACZ,KAAA;YACpCE,SAAA,CAAU;UAAA,CACZ;UAAAN,CAAA,MAAAI,KAAA;UAAAJ,CAAA,MAAAa,EAAA;QAAA;UAAAA,EAAA,GAAAb,CAAA;QAAA;QAAA,IAAAiB,EAAA;QAAA,IAAAC,EAAA;QAAA,IAAAlB,CAAA,SAAAW,MAAA,CAAAQ,GAAA;UACcF,EAAA,GAAAA,CAAA;YACZT,UAAA,CAAW;YACXF,SAAA,CAAU;UAAA,CACZ;UACcY,EAAA,GAAAA,CAAA;YACZV,UAAA,CAAW;YACXF,SAAA,CAAU;UAAA,CACZ;UAAAN,CAAA,OAAAiB,EAAA;UAAAjB,CAAA,OAAAkB,EAAA;QAAA;UAAAD,EAAA,GAAAjB,CAAA;UAAAkB,EAAA,GAAAlB,CAAA;QAAA;QAdFU,EAAA,GAAAU,KAAA,CAAC;UAAA,cACaR,SAAA;UAAAS,SAAA,EACDxB,SAAA;UAAAyB,OAAA,EACFT,EAGT;UAAAU,YAAA,EACcN,EAGd;UAAAO,YAAA,EACcN,EAGd;UAAAO,IAAA,EACK;UAAAC,QAAA,E,CAEJxB,IAAS,IAADyB,IAAA,CAACjC,QAAA,OACV0B,KAAA,CAACxB,OAAA;YAAAgC,KAAA,EAAevB,MAAA,IAAa,GAAbwB,SAAa;YAAAC,IAAA,EAAiBvB,OAAW,IAAXF,MAAW;YAAAqB,QAAA,E,CACtDrB,MAA+C,KAApCF,cAAoC,IAAlBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAU,IAAXO,SAAW;;;QApBhB,MAAAmB,GAAA;;IAwBJ;IAAA/B,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAO,OAAA;IAAAP,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAS,CAAA;IAAAT,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAU,EAAA,KAAAC,MAAA,CAAAQ,GAAA;IAAA,OAAAT,EAAA;EAAA;EAAA,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/elements/CreateDocumentButton/index.js

@@ -13,7 +13,7 @@ import { DocumentDrawer } from '../DocumentDrawer/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'create-document-button';
 export function CreateDocumentButton(t0) {
-  const $ = _c(41);
+  const $ = _c(43);
   const {
     buttonStyle: t1,
     collections,
@@ -140,49 +140,49 @@ export function CreateDocumentButton(t0) {
   }
   const buttonLabel_0 = t6;
   let t7;
-  if ($[26] !== buttonLabel_0 || $[27] !== buttonStyle || $[28] !== size) {
-    t7 = t8 => {
-      const {
-        active,
-        ...buttonProps
-      } = t8;
-      return _jsx(Button, {
-        ...buttonProps,
-        buttonStyle,
-        className: `${baseClass}__popup-button`,
-        icon: "chevron",
-        selected: active,
-        size,
-        children: buttonLabel_0
-      });
-    };
-    $[26] = buttonLabel_0;
-    $[27] = buttonStyle;
-    $[28] = size;
-    $[29] = t7;
-  } else {
-    t7 = $[29];
-  }
-  let t8;
-  if ($[30] !== collections || $[31] !== drawerSlug || $[32] !== getCollectionLabel || $[33] !== handleSave || $[34] !== handleSelect || $[35] !== selectedCollection || $[36] !== t7) {
+  if ($[26] !== buttonLabel_0 || $[27] !== buttonStyle || $[28] !== collections || $[29] !== drawerSlug || $[30] !== getCollectionLabel || $[31] !== handleSave || $[32] !== handleSelect || $[33] !== selectedCollection || $[34] !== size) {
+    let t8;
+    if ($[36] !== buttonLabel_0 || $[37] !== buttonStyle || $[38] !== size) {
+      t8 = t9 => {
+        const {
+          active,
+          ...buttonProps
+        } = t9;
+        return _jsx(Button, {
+          ...buttonProps,
+          buttonStyle,
+          className: `${baseClass}__popup-button`,
+          icon: "chevron",
+          selected: active,
+          size,
+          children: buttonLabel_0
+        });
+      };
+      $[36] = buttonLabel_0;
+      $[37] = buttonStyle;
+      $[38] = size;
+      $[39] = t8;
+    } else {
+      t8 = $[39];
+    }
     let t9;
-    if ($[38] !== getCollectionLabel || $[39] !== handleSelect) {
+    if ($[40] !== getCollectionLabel || $[41] !== handleSelect) {
       t9 = collection_1 => _jsx(PopupList.Button, {
         onClick: () => handleSelect(collection_1),
         children: getCollectionLabel(collection_1)
       }, collection_1.collectionSlug);
-      $[38] = getCollectionLabel;
-      $[39] = handleSelect;
-      $[40] = t9;
+      $[40] = getCollectionLabel;
+      $[41] = handleSelect;
+      $[42] = t9;
     } else {
-      t9 = $[40];
+      t9 = $[42];
     }
-    t8 = _jsxs(_Fragment, {
+    t7 = _jsxs(_Fragment, {
       children: [_jsx(Popup, {
         className: `${baseClass}__popup`,
         horizontalAlign: "right",
         popupType: "menu",
-        renderButton: t7,
+        renderButton: t8,
         children: _jsx(PopupList.ButtonGroup, {
           children: collections.map(t9)
         })
@@ -194,17 +194,19 @@ export function CreateDocumentButton(t0) {
         redirectAfterCreate: false
       })]
     });
-    $[30] = collections;
-    $[31] = drawerSlug;
-    $[32] = getCollectionLabel;
-    $[33] = handleSave;
-    $[34] = handleSelect;
-    $[35] = selectedCollection;
-    $[36] = t7;
-    $[37] = t8;
+    $[26] = buttonLabel_0;
+    $[27] = buttonStyle;
+    $[28] = collections;
+    $[29] = drawerSlug;
+    $[30] = getCollectionLabel;
+    $[31] = handleSave;
+    $[32] = handleSelect;
+    $[33] = selectedCollection;
+    $[34] = size;
+    $[35] = t7;
   } else {
-    t8 = $[37];
+    t7 = $[35];
   }
-  return t8;
+  return t7;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","hasAutosaveEnabled","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","t8","active","buttonProps","icon","selected","t9","collection_1","horizontalAlign","popupType","renderButton","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    if (!hasAutosaveEnabled(args.collectionConfig)) {\n      closeModal(drawerSlug)\n    }\n\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        renderButton={({ active, ...buttonProps }) => (\n          <Button\n            {...buttonProps}\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            selected={active}\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        )}\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","hasAutosaveEnabled","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","t8","t9","active","buttonProps","icon","selected","collection_1","horizontalAlign","popupType","renderButton","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    if (!hasAutosaveEnabled(args.collectionConfig)) {\n      closeModal(drawerSlug)\n    }\n\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        renderButton={({ active, ...buttonProps }) => (\n          <Button\n            {...buttonProps}\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            selected={active}\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        )}\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DatePicker/DatePicker.js

@@ -184,7 +184,9 @@ const DatePicker = props => {
     nextMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "right"
     }),
-    nextYearButtonLabel: '›',
+    nextYearButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
+      direction: "right"
+    }),
     onChange,
     placeholderText,
     popperContainer: modalContainer ? popperContainer : undefined,
@@ -194,7 +196,9 @@ const DatePicker = props => {
     previousMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "left"
     }),
-    previousYearButtonLabel: '‹',
+    previousYearButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
+      direction: "left"
+    }),
     selected: value && new Date(value),
     shouldCloseOnSelect: false,
     showMonthYearPicker: pickerAppearance === 'monthOnly',

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","ReactDatePickerDefaultImport","registerLocale","setDefaultLocale","createPortal","flushSync","ReactDatePicker","default","CalendarIcon","ChevronIcon","useTranslation","getFormattedLocale","hasAmbiguousYearInput","useDatePickerKeyboard","baseClass","AccessibleCalendarContainer","children","className","containerRef","dialogLabel","monthLabel","onKeyDown","yearLabel","useLayoutEffect","current","querySelector","setAttribute","_jsx","ref","role","getDateTimeFieldLabel","field","locale","Intl","DisplayNames","type","of","_error","DatePicker","props","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","calendarRef","datePickerRef","onBlur","onCalendarClose","onCalendarKeyDown","onCalendarOpen","onChangeRaw","onKeyDownCapture","rejectedInputValueRef","useRef","undefined","modalContainer","setModalContainer","useState","setContainerRef","useCallback","element","closest","popperContainer","i18n","t","language","CustomCalendarContainer","calendarContainer","containerProps","style","display","dateFormat","incomingDate","event","newDate","inputValue","target","HTMLInputElement","date","picker","setPreSelection","calcInitialState","preSelection","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","nextMonthButtonLabel","direction","nextYearButtonLabel","popperPlacement","portalId","preventOpenOnFocus","previousMonthButtonLabel","previousYearButtonLabel","selected","shouldCloseOnSelect","showMonthYearPicker","showPopperArrow","showTimeSelect","showTimeSelectOnly","onBlurCapture","input","test","resetInputValue","classes","filter","Boolean","join","useEffect","dateFNS","datepickerLocale","console","warn","_jsxs","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'\nimport { createPortal, flushSync } from 'react-dom'\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 { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport { hasAmbiguousYearInput } from './hasAmbiguousYearInput.js'\nimport { useDatePickerKeyboard } from './useDatePickerKeyboard.js'\nimport './index.css'\n\nconst baseClass = 'date-time-picker'\n\ntype AccessibleCalendarContainerProps = React.PropsWithChildren<{\n  className?: string\n  containerRef: React.RefObject<HTMLDivElement | null>\n  dialogLabel: string\n  monthLabel: string\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement>\n  yearLabel: string\n}>\n\nconst AccessibleCalendarContainer: React.FC<AccessibleCalendarContainerProps> = ({\n  children,\n  className,\n  containerRef,\n  dialogLabel,\n  monthLabel,\n  onKeyDown,\n  yearLabel,\n}) => {\n  React.useLayoutEffect(() => {\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__month-select')\n      ?.setAttribute('aria-label', monthLabel)\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__year-select')\n      ?.setAttribute('aria-label', yearLabel)\n  })\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Handle Escape bubbling from the dialog's interactive children.\n    <div\n      aria-label={dialogLabel}\n      className={className}\n      onKeyDown={onKeyDown}\n      ref={containerRef}\n      role=\"dialog\"\n    >\n      {children}\n    </div>\n  )\n}\n\nconst getDateTimeFieldLabel = ({ field, locale }: { field: 'month' | 'year'; locale: string }) => {\n  try {\n    return new Intl.DisplayNames(locale, { type: 'dateTimeField' }).of(field) || field\n  } catch (_error) {\n    return field\n  }\n}\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  const {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  } = useDatePickerKeyboard(props)\n  const rejectedInputValueRef = React.useRef<string | undefined>(undefined)\n  const [modalContainer, setModalContainer] = React.useState<Element | null>(null)\n  const setContainerRef = React.useCallback((element: HTMLDivElement | null) => {\n    setModalContainer(element?.closest('dialog, [role=\"dialog\"]') ?? null)\n  }, [])\n  const popperContainer = React.useCallback<React.FC<React.PropsWithChildren>>(\n    ({ children }) => (modalContainer ? createPortal(children, modalContainer) : children),\n    [modalContainer],\n  )\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n, t } = useTranslation()\n  const monthLabel = getDateTimeFieldLabel({ field: 'month', locale: i18n.language })\n  const yearLabel = getDateTimeFieldLabel({ field: 'year', locale: i18n.language })\n  const CustomCalendarContainer = overrides?.calendarContainer\n  const calendarContainer = React.useCallback(\n    ({ children, className, ...containerProps }) =>\n      CustomCalendarContainer ? (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- Handle Escape bubbling from the custom calendar's interactive children.\n        <div onKeyDown={onCalendarKeyDown} ref={calendarRef} style={{ display: 'contents' }}>\n          <CustomCalendarContainer {...containerProps} className={className}>\n            {children}\n          </CustomCalendarContainer>\n        </div>\n      ) : (\n        <AccessibleCalendarContainer\n          className={className}\n          containerRef={calendarRef}\n          dialogLabel={`${t('general:selectValue')}: ${monthLabel}, ${yearLabel}`}\n          monthLabel={monthLabel}\n          onKeyDown={onCalendarKeyDown}\n          yearLabel={yearLabel}\n        >\n          {children}\n        </AccessibleCalendarContainer>\n      ),\n    [CustomCalendarContainer, calendarRef, monthLabel, onCalendarKeyDown, t, yearLabel],\n  )\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') {\n      dateFormat = 'MM/dd/yyyy'\n    } else if (pickerAppearance === 'dayAndTime') {\n      dateFormat = 'MMM d, yyy h:mm a'\n    } else if (pickerAppearance === 'timeOnly') {\n      dateFormat = 'h:mm a'\n    } else if (pickerAppearance === 'dayOnly') {\n      dateFormat = 'MMM dd'\n    } else if (pickerAppearance === 'monthOnly') {\n      dateFormat = 'MMMM'\n    }\n  }\n\n  const onChange: Extract<\n    DatePickerProps,\n    { selectsMultiple?: false; selectsRange?: false }\n  >['onChange'] = (incomingDate, event) => {\n    const newDate = incomingDate\n\n    const inputValue =\n      event?.target instanceof HTMLInputElement\n        ? event.target.value\n        : !event\n          ? rejectedInputValueRef.current\n          : undefined\n\n    if (\n      hasAmbiguousYearInput({\n        date: newDate,\n        dateFormat: overrides?.dateFormat ?? dateFormat,\n        inputValue,\n        locale: overrides?.locale,\n      })\n    ) {\n      const picker = datePickerRef.current\n\n      rejectedInputValueRef.current = inputValue\n      picker?.setPreSelection(picker.calcInitialState().preSelection)\n      return\n    }\n    rejectedInputValueRef.current = undefined\n\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?: false; selectsRange?: false }\n  > = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    nextMonthButtonLabel: <ChevronIcon direction=\"right\" />,\n    nextYearButtonLabel: '›',\n    onChange,\n    placeholderText,\n    popperContainer: modalContainer ? popperContainer : undefined,\n    popperPlacement: 'bottom-start',\n    portalId: modalContainer ? undefined : 'date-time-picker-portal',\n    preventOpenOnFocus: true,\n    previousMonthButtonLabel: <ChevronIcon direction=\"left\" />,\n    previousYearButtonLabel: '‹',\n    selected: value && new Date(value),\n    shouldCloseOnSelect: false,\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    showTimeSelectOnly: pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...(overrides as Extract<\n      DatePickerProps,\n      { selectsMultiple?: false; selectsRange?: false } // 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    calendarContainer,\n    onBlur,\n    onCalendarClose,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n  }\n\n  const onBlurCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n    const input = event.target\n\n    if (input !== datePickerRef.current?.input || !(input instanceof HTMLInputElement)) {\n      return\n    }\n\n    if (/[a-z0-9]/i.test(input.value) || !/[\\p{L}\\p{N}]/u.test(input.value)) {\n      return\n    }\n\n    // react-datepicker 9.1 treats non-Latin input as an empty mask.\n    // Reset raw text synchronously before its blur handler can clear the selected date.\n    // eslint-disable-next-line @eslint-react/dom/no-flush-sync -- Programmatic blur also requires the reset before the upstream handler runs.\n    flushSync(() => datePickerRef.current?.resetInputValue())\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 (_error) {\n        // eslint-disable-next-line no-console\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div\n      className={classes}\n      id={id}\n      onBlurCapture={onBlurCapture}\n      onKeyDownCapture={onKeyDownCapture}\n      ref={setContainerRef}\n    >\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          ref={datePickerRef}\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          showMonthDropdown={pickerAppearance !== 'monthOnly'}\n          showYearDropdown={pickerAppearance !== 'monthOnly'}\n        />\n        <CalendarIcon />\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,"file":"DatePicker.js","names":["React","ReactDatePickerDefaultImport","registerLocale","setDefaultLocale","createPortal","flushSync","ReactDatePicker","default","CalendarIcon","ChevronIcon","useTranslation","getFormattedLocale","hasAmbiguousYearInput","useDatePickerKeyboard","baseClass","AccessibleCalendarContainer","children","className","containerRef","dialogLabel","monthLabel","onKeyDown","yearLabel","useLayoutEffect","current","querySelector","setAttribute","_jsx","ref","role","getDateTimeFieldLabel","field","locale","Intl","DisplayNames","type","of","_error","DatePicker","props","id","displayFormat","customDisplayFormat","maxDate","maxTime","minDate","minTime","monthsToShow","onChange","onChangeFromProps","overrides","pickerAppearance","placeholder","placeholderText","readOnly","timeFormat","timeIntervals","value","calendarRef","datePickerRef","onBlur","onCalendarClose","onCalendarKeyDown","onCalendarOpen","onChangeRaw","onKeyDownCapture","rejectedInputValueRef","useRef","undefined","modalContainer","setModalContainer","useState","setContainerRef","useCallback","element","closest","popperContainer","i18n","t","language","CustomCalendarContainer","calendarContainer","containerProps","style","display","dateFormat","incomingDate","event","newDate","inputValue","target","HTMLInputElement","date","picker","setPreSelection","calcInitialState","preSelection","Date","includes","tzOffset","getTimezoneOffset","setHours","setMilliseconds","dateTimePickerProps","customInputRef","disabled","monthsShown","Math","min","nextMonthButtonLabel","direction","nextYearButtonLabel","popperPlacement","portalId","preventOpenOnFocus","previousMonthButtonLabel","previousYearButtonLabel","selected","shouldCloseOnSelect","showMonthYearPicker","showPopperArrow","showTimeSelect","showTimeSelectOnly","onBlurCapture","input","test","resetInputValue","classes","filter","Boolean","join","useEffect","dateFNS","datepickerLocale","console","warn","_jsxs","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'\nimport { createPortal, flushSync } from 'react-dom'\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 { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormattedLocale } from './getFormattedLocale.js'\nimport { hasAmbiguousYearInput } from './hasAmbiguousYearInput.js'\nimport { useDatePickerKeyboard } from './useDatePickerKeyboard.js'\nimport './index.css'\n\nconst baseClass = 'date-time-picker'\n\ntype AccessibleCalendarContainerProps = React.PropsWithChildren<{\n  className?: string\n  containerRef: React.RefObject<HTMLDivElement | null>\n  dialogLabel: string\n  monthLabel: string\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement>\n  yearLabel: string\n}>\n\nconst AccessibleCalendarContainer: React.FC<AccessibleCalendarContainerProps> = ({\n  children,\n  className,\n  containerRef,\n  dialogLabel,\n  monthLabel,\n  onKeyDown,\n  yearLabel,\n}) => {\n  React.useLayoutEffect(() => {\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__month-select')\n      ?.setAttribute('aria-label', monthLabel)\n    containerRef.current\n      ?.querySelector<HTMLSelectElement>('.react-datepicker__year-select')\n      ?.setAttribute('aria-label', yearLabel)\n  })\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Handle Escape bubbling from the dialog's interactive children.\n    <div\n      aria-label={dialogLabel}\n      className={className}\n      onKeyDown={onKeyDown}\n      ref={containerRef}\n      role=\"dialog\"\n    >\n      {children}\n    </div>\n  )\n}\n\nconst getDateTimeFieldLabel = ({ field, locale }: { field: 'month' | 'year'; locale: string }) => {\n  try {\n    return new Intl.DisplayNames(locale, { type: 'dateTimeField' }).of(field) || field\n  } catch (_error) {\n    return field\n  }\n}\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  const {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  } = useDatePickerKeyboard(props)\n  const rejectedInputValueRef = React.useRef<string | undefined>(undefined)\n  const [modalContainer, setModalContainer] = React.useState<Element | null>(null)\n  const setContainerRef = React.useCallback((element: HTMLDivElement | null) => {\n    setModalContainer(element?.closest('dialog, [role=\"dialog\"]') ?? null)\n  }, [])\n  const popperContainer = React.useCallback<React.FC<React.PropsWithChildren>>(\n    ({ children }) => (modalContainer ? createPortal(children, modalContainer) : children),\n    [modalContainer],\n  )\n\n  // Use the user's AdminUI language preference for the locale\n  const { i18n, t } = useTranslation()\n  const monthLabel = getDateTimeFieldLabel({ field: 'month', locale: i18n.language })\n  const yearLabel = getDateTimeFieldLabel({ field: 'year', locale: i18n.language })\n  const CustomCalendarContainer = overrides?.calendarContainer\n  const calendarContainer = React.useCallback(\n    ({ children, className, ...containerProps }) =>\n      CustomCalendarContainer ? (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- Handle Escape bubbling from the custom calendar's interactive children.\n        <div onKeyDown={onCalendarKeyDown} ref={calendarRef} style={{ display: 'contents' }}>\n          <CustomCalendarContainer {...containerProps} className={className}>\n            {children}\n          </CustomCalendarContainer>\n        </div>\n      ) : (\n        <AccessibleCalendarContainer\n          className={className}\n          containerRef={calendarRef}\n          dialogLabel={`${t('general:selectValue')}: ${monthLabel}, ${yearLabel}`}\n          monthLabel={monthLabel}\n          onKeyDown={onCalendarKeyDown}\n          yearLabel={yearLabel}\n        >\n          {children}\n        </AccessibleCalendarContainer>\n      ),\n    [CustomCalendarContainer, calendarRef, monthLabel, onCalendarKeyDown, t, yearLabel],\n  )\n\n  let dateFormat = customDisplayFormat\n\n  if (!customDisplayFormat) {\n    // when no displayFormat is provided, determine format based on the picker appearance\n    if (pickerAppearance === 'default') {\n      dateFormat = 'MM/dd/yyyy'\n    } else if (pickerAppearance === 'dayAndTime') {\n      dateFormat = 'MMM d, yyy h:mm a'\n    } else if (pickerAppearance === 'timeOnly') {\n      dateFormat = 'h:mm a'\n    } else if (pickerAppearance === 'dayOnly') {\n      dateFormat = 'MMM dd'\n    } else if (pickerAppearance === 'monthOnly') {\n      dateFormat = 'MMMM'\n    }\n  }\n\n  const onChange: Extract<\n    DatePickerProps,\n    { selectsMultiple?: false; selectsRange?: false }\n  >['onChange'] = (incomingDate, event) => {\n    const newDate = incomingDate\n\n    const inputValue =\n      event?.target instanceof HTMLInputElement\n        ? event.target.value\n        : !event\n          ? rejectedInputValueRef.current\n          : undefined\n\n    if (\n      hasAmbiguousYearInput({\n        date: newDate,\n        dateFormat: overrides?.dateFormat ?? dateFormat,\n        inputValue,\n        locale: overrides?.locale,\n      })\n    ) {\n      const picker = datePickerRef.current\n\n      rejectedInputValueRef.current = inputValue\n      picker?.setPreSelection(picker.calcInitialState().preSelection)\n      return\n    }\n    rejectedInputValueRef.current = undefined\n\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?: false; selectsRange?: false }\n  > = {\n    customInputRef: 'ref',\n    dateFormat,\n    disabled: readOnly,\n    maxDate,\n    maxTime,\n    minDate,\n    minTime,\n    monthsShown: Math.min(2, monthsToShow),\n    nextMonthButtonLabel: <ChevronIcon direction=\"right\" />,\n    nextYearButtonLabel: <ChevronIcon direction=\"right\" />,\n    onChange,\n    placeholderText,\n    popperContainer: modalContainer ? popperContainer : undefined,\n    popperPlacement: 'bottom-start',\n    portalId: modalContainer ? undefined : 'date-time-picker-portal',\n    preventOpenOnFocus: true,\n    previousMonthButtonLabel: <ChevronIcon direction=\"left\" />,\n    previousYearButtonLabel: <ChevronIcon direction=\"left\" />,\n    selected: value && new Date(value),\n    shouldCloseOnSelect: false,\n    showMonthYearPicker: pickerAppearance === 'monthOnly',\n    showPopperArrow: false,\n    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',\n    showTimeSelectOnly: pickerAppearance === 'timeOnly',\n    timeFormat,\n    timeIntervals,\n    ...(overrides as Extract<\n      DatePickerProps,\n      { selectsMultiple?: false; selectsRange?: false } // 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    calendarContainer,\n    onBlur,\n    onCalendarClose,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n  }\n\n  const onBlurCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n    const input = event.target\n\n    if (input !== datePickerRef.current?.input || !(input instanceof HTMLInputElement)) {\n      return\n    }\n\n    if (/[a-z0-9]/i.test(input.value) || !/[\\p{L}\\p{N}]/u.test(input.value)) {\n      return\n    }\n\n    // react-datepicker 9.1 treats non-Latin input as an empty mask.\n    // Reset raw text synchronously before its blur handler can clear the selected date.\n    // eslint-disable-next-line @eslint-react/dom/no-flush-sync -- Programmatic blur also requires the reset before the upstream handler runs.\n    flushSync(() => datePickerRef.current?.resetInputValue())\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 (_error) {\n        // eslint-disable-next-line no-console\n        console.warn(`Could not find DatePicker locale for ${i18n.language}`)\n      }\n    }\n  }, [i18n.language, i18n.dateFNS])\n\n  return (\n    <div\n      className={classes}\n      id={id}\n      onBlurCapture={onBlurCapture}\n      onKeyDownCapture={onKeyDownCapture}\n      ref={setContainerRef}\n    >\n      <div className={`${baseClass}__input-wrapper`}>\n        <ReactDatePicker\n          ref={datePickerRef}\n          {...dateTimePickerProps}\n          dropdownMode=\"select\"\n          showMonthDropdown={pickerAppearance !== 'monthOnly'}\n          showYearDropdown={pickerAppearance !== 'monthOnly'}\n        />\n        <CalendarIcon />\n      </div>\n    </div>\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default DatePicker\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DatePicker/index.css

@@ -180,7 +180,7 @@
     text-align: center;
     cursor: pointer;
     top: 0;
-    margin: var(--spacer-2);
+    margin: var(--spacer-2) var(--spacer-1-5);
     border: none;
     z-index: 1;
     height: var(--spacer-4);
@@ -204,6 +204,10 @@
     font-weight: 300;
   }
 
+  .react-datepicker:has(.react-datepicker__monthPicker) .react-datepicker__navigation {
+    margin-inline: var(--spacer-2);
+  }
+
   .react-datepicker__navigation-icon {
     display: flex;
     align-items: center;
@@ -235,8 +239,8 @@
   }
 
   .react-datepicker__navigation--next--with-time:not(
-      .react-datepicker__navigation--next--with-today-button
-    ) {
+    .react-datepicker__navigation--next--with-today-button
+  ) {
     right: var(--time-column-width);
   }
 
@@ -376,6 +380,10 @@
     position: relative;
   }
 
+  .react-datepicker__month-container:has(.react-datepicker__day-names) {
+    width: calc(var(--spacer-5) * 8);
+  }
+
   .react-datepicker__month {
     margin: 0;
     padding: var(--spacer-1);
@@ -430,13 +438,15 @@
     white-space: nowrap;
     margin-bottom: 0;
     background-color: transparent;
-    padding: var(--spacer-2);
-    padding-bottom: 0;
+    padding: var(--spacer-2) var(--spacer-1) 0;
     border-top: var(--stroke-width-small) solid var(--color-border);
     width: 100%;
   }
 
+  .react-datepicker__day-names,
   .react-datepicker__week {
+    display: flex;
+    justify-content: space-between;
     white-space: nowrap;
   }
 
@@ -563,29 +573,29 @@
 
   /* In-range selecting (partial selection) */
   .react-datepicker__day--in-selecting-range:not(
-      .react-datepicker__day--in-range,
-      .react-datepicker__month-text--in-range,
-      .react-datepicker__quarter-text--in-range,
-      .react-datepicker__year-text--in-range
-    ),
+    .react-datepicker__day--in-range,
+    .react-datepicker__month-text--in-range,
+    .react-datepicker__quarter-text--in-range,
+    .react-datepicker__year-text--in-range
+  ),
   .react-datepicker__month-text--in-selecting-range:not(
-      .react-datepicker__day--in-range,
-      .react-datepicker__month-text--in-range,
-      .react-datepicker__quarter-text--in-range,
-      .react-datepicker__year-text--in-range
-    ),
+    .react-datepicker__day--in-range,
+    .react-datepicker__month-text--in-range,
+    .react-datepicker__quarter-text--in-range,
+    .react-datepicker__year-text--in-range
+  ),
   .react-datepicker__quarter-text--in-selecting-range:not(
-      .react-datepicker__day--in-range,
-      .react-datepicker__month-text--in-range,
-      .react-datepicker__quarter-text--in-range,
-      .react-datepicker__year-text--in-range
-    ),
+    .react-datepicker__day--in-range,
+    .react-datepicker__month-text--in-range,
+    .react-datepicker__quarter-text--in-range,
+    .react-datepicker__year-text--in-range
+  ),
   .react-datepicker__year-text--in-selecting-range:not(
-      .react-datepicker__day--in-range,
-      .react-datepicker__month-text--in-range,
-      .react-datepicker__quarter-text--in-range,
-      .react-datepicker__year-text--in-range
-    ) {
+    .react-datepicker__day--in-range,
+    .react-datepicker__month-text--in-range,
+    .react-datepicker__quarter-text--in-range,
+    .react-datepicker__year-text--in-range
+  ) {
     background-color: var(--color-bg-selected);
   }
 
@@ -944,4 +954,9 @@
       transform: translateY(-50%);
     }
   }
+
+  html[data-enhanced-contrast]
+    .react-datepicker__day--today:not(.react-datepicker__day--selected)::after {
+    background-color: var(--color-icon-brand);
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useDatePickerKeyboard.js","names":["c","_c","React","useDatePickerKeyboard","t0","$","overrides","datePickerRef","useRef","calendarRef","hasTypedInput","shouldFocusCalendar","calendarFocusFrame","t1","Symbol","for","event","stopPropagation","defaultPrevented","preventDefault","current","setOpen","sendFocusBackToInput","onEscape","onOverrideKeyDownRef","onKeyDown","t2","t3","t4","useLayoutEffect","t5","event_0","key","onCalendarKeyDown","t6","t7","cancelAnimationFrame","useEffect","t8","event_1","onBlur","t9","event_2","selectionMeta","onChangeRaw","target","input","t10","onCalendarClose","t11","requestAnimationFrame","isCalendarOpen","calendar","focusTarget","querySelector","focus","onCalendarOpen","t12","event_3","includes","t13","event_4","isCalendarCell","HTMLElement","matches","onKeyDownCapture","t14"],"sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"sourcesContent":["'use client'\n\nimport type ReactDatePicker from 'react-datepicker'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\ntype DatePickerComponent = typeof ReactDatePicker extends { default: infer Component }\n  ? Component\n  : typeof ReactDatePicker\n\nexport const useDatePickerKeyboard = ({ overrides }: Props) => {\n  const datePickerRef = React.useRef<React.ComponentRef<DatePickerComponent>>(null)\n  const calendarRef = React.useRef<HTMLDivElement>(null)\n  const hasTypedInput = React.useRef(false)\n  const shouldFocusCalendar = React.useRef(false)\n  const calendarFocusFrame = React.useRef<null | number>(null)\n  const onEscape = React.useCallback((event: React.KeyboardEvent) => {\n    event.stopPropagation()\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n      datePickerRef.current?.setOpen(false, true)\n      datePickerRef.current?.sendFocusBackToInput()\n    }\n  }, [])\n  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown)\n\n  React.useLayoutEffect(() => {\n    onOverrideKeyDownRef.current = overrides?.onKeyDown\n  }, [overrides?.onKeyDown])\n\n  const onCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        if (!event.defaultPrevented) {\n          onOverrideKeyDownRef.current?.(event)\n        }\n        onEscape(event)\n      }\n    },\n    [onEscape],\n  )\n\n  React.useEffect(\n    () => () => {\n      if (calendarFocusFrame.current !== null) {\n        cancelAnimationFrame(calendarFocusFrame.current)\n      }\n    },\n    [],\n  )\n\n  const onBlur: NonNullable<DatePickerProps['onBlur']> = (event) => {\n    hasTypedInput.current = false\n    overrides?.onBlur?.(event)\n  }\n  const onChangeRaw: NonNullable<DatePickerProps['onChangeRaw']> = (event, selectionMeta) => {\n    overrides?.onChangeRaw?.(event, selectionMeta)\n\n    if (event && !event.defaultPrevented && event.target === datePickerRef.current?.input) {\n      hasTypedInput.current = true\n    }\n  }\n  const onCalendarClose = () => {\n    hasTypedInput.current = false\n    shouldFocusCalendar.current = false\n    if (calendarFocusFrame.current !== null) {\n      cancelAnimationFrame(calendarFocusFrame.current)\n      calendarFocusFrame.current = null\n    }\n    overrides?.onCalendarClose?.()\n  }\n  const onCalendarOpen = () => {\n    if (shouldFocusCalendar.current) {\n      calendarFocusFrame.current = requestAnimationFrame(() => {\n        calendarFocusFrame.current = null\n        shouldFocusCalendar.current = false\n        if (!datePickerRef.current?.isCalendarOpen()) {\n          return\n        }\n        const calendar = calendarRef.current\n        const focusTarget =\n          calendar?.querySelector<HTMLElement>('[tabindex=\"0\"]') ||\n          calendar?.querySelector<HTMLElement>('button:not(:disabled), select:not(:disabled)')\n\n        focusTarget?.focus()\n      })\n    }\n    overrides?.onCalendarOpen?.()\n  }\n  const onKeyDown: NonNullable<DatePickerProps['onKeyDown']> = (event) => {\n    overrides?.onKeyDown?.(event)\n\n    if (event.key === 'Escape' && datePickerRef.current?.isCalendarOpen()) {\n      onEscape(event)\n    }\n\n    if (\n      !event.defaultPrevented &&\n      event.target === datePickerRef.current?.input &&\n      !datePickerRef.current.isCalendarOpen() &&\n      ['ArrowDown', 'ArrowUp', 'Enter'].includes(event.key)\n    ) {\n      event.preventDefault()\n      // Enter confirms typed input instead of opening the calendar over nearby controls.\n      if (event.key === 'Enter' && hasTypedInput.current) {\n        hasTypedInput.current = false\n        datePickerRef.current.setOpen(false)\n        return\n      }\n      shouldFocusCalendar.current = true\n      datePickerRef.current?.setOpen(true)\n    }\n  }\n\n  const onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement> = (event) => {\n    // Cells handle Escape themselves, which can blur the input after we restore focus.\n    // Intercept only the cell itself so nested controls can consume Escape.\n    const isCalendarCell =\n      event.target instanceof HTMLElement &&\n      event.target.matches(\n        '.react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text',\n      )\n\n    if (\n      event.key === 'Escape' &&\n      (event.target === datePickerRef.current?.input || isCalendarCell) &&\n      datePickerRef.current?.isCalendarOpen()\n    ) {\n      overrides?.onKeyDown?.(event)\n      onEscape(event)\n    }\n  }\n\n  return {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDatePickerKeyboard.js","names":["c","_c","React","useDatePickerKeyboard","t0","$","overrides","datePickerRef","useRef","calendarRef","hasTypedInput","shouldFocusCalendar","calendarFocusFrame","t1","Symbol","for","event","stopPropagation","defaultPrevented","preventDefault","current","setOpen","sendFocusBackToInput","onEscape","onOverrideKeyDownRef","onKeyDown","t2","t3","t4","useLayoutEffect","t5","event_0","key","onCalendarKeyDown","t6","t7","cancelAnimationFrame","useEffect","t8","event_1","onBlur","t9","event_2","selectionMeta","onChangeRaw","target","input","t10","onCalendarClose","t11","requestAnimationFrame","isCalendarOpen","calendar","focusTarget","querySelector","focus","onCalendarOpen","t12","event_3","includes","t13","event_4","isCalendarCell","HTMLElement","matches","onKeyDownCapture","t14"],"sources":["../../../src/elements/DatePicker/useDatePickerKeyboard.ts"],"sourcesContent":["'use client'\n\nimport type ReactDatePicker from 'react-datepicker'\nimport type { DatePickerProps } from 'react-datepicker'\n\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\ntype DatePickerComponent = typeof ReactDatePicker extends { default: infer Component }\n  ? Component\n  : typeof ReactDatePicker\n\nexport const useDatePickerKeyboard = ({ overrides }: Props) => {\n  const datePickerRef = React.useRef<React.ComponentRef<DatePickerComponent>>(null)\n  const calendarRef = React.useRef<HTMLDivElement>(null)\n  const hasTypedInput = React.useRef(false)\n  const shouldFocusCalendar = React.useRef(false)\n  const calendarFocusFrame = React.useRef<null | number>(null)\n  const onEscape = React.useCallback((event: React.KeyboardEvent) => {\n    event.stopPropagation()\n    if (!event.defaultPrevented) {\n      event.preventDefault()\n      datePickerRef.current?.setOpen(false, true)\n      datePickerRef.current?.sendFocusBackToInput()\n    }\n  }, [])\n  const onOverrideKeyDownRef = React.useRef(overrides?.onKeyDown)\n\n  React.useLayoutEffect(() => {\n    onOverrideKeyDownRef.current = overrides?.onKeyDown\n  }, [overrides?.onKeyDown])\n\n  const onCalendarKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Escape') {\n        if (!event.defaultPrevented) {\n          onOverrideKeyDownRef.current?.(event)\n        }\n        onEscape(event)\n      }\n    },\n    [onEscape],\n  )\n\n  React.useEffect(\n    () => () => {\n      if (calendarFocusFrame.current !== null) {\n        cancelAnimationFrame(calendarFocusFrame.current)\n      }\n    },\n    [],\n  )\n\n  const onBlur: NonNullable<DatePickerProps['onBlur']> = (event) => {\n    hasTypedInput.current = false\n    overrides?.onBlur?.(event)\n  }\n  const onChangeRaw: NonNullable<DatePickerProps['onChangeRaw']> = (event, selectionMeta) => {\n    overrides?.onChangeRaw?.(event, selectionMeta)\n\n    if (event && !event.defaultPrevented && event.target === datePickerRef.current?.input) {\n      hasTypedInput.current = true\n    }\n  }\n  const onCalendarClose = () => {\n    hasTypedInput.current = false\n    shouldFocusCalendar.current = false\n    if (calendarFocusFrame.current !== null) {\n      cancelAnimationFrame(calendarFocusFrame.current)\n      calendarFocusFrame.current = null\n    }\n    overrides?.onCalendarClose?.()\n  }\n  const onCalendarOpen = () => {\n    if (shouldFocusCalendar.current) {\n      calendarFocusFrame.current = requestAnimationFrame(() => {\n        calendarFocusFrame.current = null\n        shouldFocusCalendar.current = false\n        if (!datePickerRef.current?.isCalendarOpen()) {\n          return\n        }\n        const calendar = calendarRef.current\n        const focusTarget =\n          calendar?.querySelector<HTMLElement>('[tabindex=\"0\"]') ||\n          calendar?.querySelector<HTMLElement>('button:not(:disabled), select:not(:disabled)')\n\n        focusTarget?.focus()\n      })\n    }\n    overrides?.onCalendarOpen?.()\n  }\n  const onKeyDown: NonNullable<DatePickerProps['onKeyDown']> = (event) => {\n    overrides?.onKeyDown?.(event)\n\n    if (event.key === 'Escape' && datePickerRef.current?.isCalendarOpen()) {\n      onEscape(event)\n    }\n\n    if (\n      !event.defaultPrevented &&\n      event.target === datePickerRef.current?.input &&\n      !datePickerRef.current.isCalendarOpen() &&\n      ['ArrowDown', 'ArrowUp', 'Enter'].includes(event.key)\n    ) {\n      event.preventDefault()\n      // Enter confirms typed input instead of opening the calendar over nearby controls.\n      if (event.key === 'Enter' && hasTypedInput.current) {\n        hasTypedInput.current = false\n        datePickerRef.current.setOpen(false)\n        return\n      }\n      shouldFocusCalendar.current = true\n      datePickerRef.current?.setOpen(true)\n    }\n  }\n\n  const onKeyDownCapture: React.KeyboardEventHandler<HTMLDivElement> = (event) => {\n    // Cells handle Escape themselves, which can blur the input after we restore focus.\n    // Intercept only the cell itself so nested controls can consume Escape.\n    const isCalendarCell =\n      event.target instanceof HTMLElement &&\n      event.target.matches(\n        '.react-datepicker__day, .react-datepicker__week-number, .react-datepicker__month-text, .react-datepicker__year-text',\n      )\n\n    if (\n      event.key === 'Escape' &&\n      (event.target === datePickerRef.current?.input || isCalendarCell) &&\n      datePickerRef.current?.isCalendarOpen()\n    ) {\n      overrides?.onKeyDown?.(event)\n      onEscape(event)\n    }\n  }\n\n  return {\n    calendarRef,\n    datePickerRef,\n    onBlur,\n    onCalendarClose,\n    onCalendarKeyDown,\n    onCalendarOpen,\n    onChangeRaw,\n    onKeyDown,\n    onKeyDownCapture,\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAKA,OAAOC,KAAA,MAAW;AAQlB,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAAC;IAAAK;EAAA,IAAAF,EAAoB;EACxD,MAAAG,aAAA,GAAsBL,KAAA,CAAAM,MAAY,CAA0C;EAC5E,MAAAC,WAAA,GAAoBP,KAAA,CAAAM,MAAY,CAAiB;EACjD,MAAAE,aAAA,GAAsBR,KAAA,CAAAM,MAAY,CAAC;EACnC,MAAAG,mBAAA,GAA4BT,KAAA,CAAAM,MAAY,CAAC;EACzC,MAAAI,kBAAA,GAA2BV,KAAA,CAAAM,MAAY,CAAgB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACpBF,EAAA,GAAAG,KAAA;MACjCA,KAAA,CAAAC,eAAqB;MACrB,IAAI,CAACD,KAAA,CAAAE,gBAAsB;QACzBF,KAAA,CAAAG,cAAoB;QACpBZ,aAAA,CAAAa,OAAuB,EAAAC,OAAe,CAAP,OAAO;QACtCd,aAAA,CAAAa,OAAuB,EAAAE,oBAAA;MAAA;IACzB,CACF;IAAAjB,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAPA,MAAAkB,QAAA,GAAiBV,EAOZ;EACL,MAAAW,oBAAA,GAA6BtB,KAAA,CAAAM,MAAY,CAACF,SAAA,EAAAmB,SAAW;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAC,SAAA,EAAAmB,SAAA;IAE/BC,EAAA,GAAAA,CAAA;MACpBF,oBAAA,CAAAJ,OAAA,GAA+Bd,SAAA,EAAAmB,SAAH;IAAA,CAC9B;IAAApB,CAAA,MAAAC,SAAA,EAAAmB,SAAA;IAAApB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAI,MAAAsB,EAAA,GAAArB,SAAA,EAAAmB,SAAW;EAAA,IAAAG,EAAA;EAAA,IAAAvB,CAAA,QAAAsB,EAAA;IAAZC,EAAA,IAACD,EAAW,CAAU;IAAAtB,CAAA,MAAAsB,EAAA;IAAAtB,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAFzBH,KAAA,CAAA2B,eAAqB,CAACH,EAEtB,EAAGE,EAAsB;EAAA,IAAAE,EAAA;EAAA,IAAAzB,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAGvBe,EAAA,GAAAC,OAAA;MACE,IAAIf,OAAA,CAAAgB,GAAS,KAAK;QAChB,IAAI,CAAChB,OAAA,CAAAE,gBAAsB;UACzBM,oBAAA,CAAAJ,OAA+B,GAAAJ,OAAA;QAAA;QAEjCO,QAAA,CAASP,OAAA;MAAA;IACX,CACF;IAAAX,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EARF,MAAA4B,iBAAA,GAA0BH,EASd;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA9B,CAAA,QAAAS,MAAA,CAAAC,GAAA;IAIVmB,EAAA,GAAAA,CAAA,KAAM;MACJ,IAAItB,kBAAA,CAAAQ,OAA0B,KAAK;QACjCgB,oBAAA,CAAqBxB,kBAAA,CAAAQ,OAA0B;MAAA;IACjD,CACF;IACAe,EAAA,KAAE;IAAA9B,CAAA,MAAA6B,EAAA;IAAA7B,CAAA,MAAA8B,EAAA;EAAA;IAAAD,EAAA,GAAA7B,CAAA;IAAA8B,EAAA,GAAA9B,CAAA;EAAA;EANJH,KAAA,CAAAmC,SAAe,CACbH,EAIA,EACAC,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAjC,CAAA,QAAAC,SAAA;IAGmDgC,EAAA,GAAAC,OAAA;MACrD7B,aAAA,CAAAU,OAAA,GAAwB,KAAH;MACrBd,SAAA,EAAAkC,MAAoB,GAAAxB,OAAA;IAAA,CACtB;IAAAX,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAHA,MAAAmC,MAAA,GAAuDF,EAGvD;EAAA,IAAAG,EAAA;EAAA,IAAApC,CAAA,SAAAC,SAAA;IACiEmC,EAAA,GAAAA,CAAAC,OAAA,EAAAC,aAAA;MAC/DrC,SAAA,EAAAsC,WAAgC,GAAP5B,OAAA,EAAO2B,aAAA;MAEhC,IAAID,OAAgC,IAAhC,CAAU1B,OAAA,CAAAE,gBAAkE,IAAxCF,OAAA,CAAA6B,MAAY,KAAKtC,aAAA,CAAAa,OAAuB,EAAA0B,KAAA;QAC9EpC,aAAA,CAAAU,OAAA,GAAwB,IAAH;MAAA;IACvB,CACF;IAAAf,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EANA,MAAAuC,WAAA,GAAiEH,EAMjE;EAAA,IAAAM,GAAA;EAAA,IAAA1C,CAAA,SAAAC,SAAA;IACwByC,GAAA,GAAAA,CAAA;MACtBrC,aAAA,CAAAU,OAAA,GAAwB,KAAH;MACrBT,mBAAA,CAAAS,OAAA,GAA8B,KAAH;MAC3B,IAAIR,kBAAA,CAAAQ,OAA0B,KAAK;QACjCgB,oBAAA,CAAqBxB,kBAAA,CAAAQ,OAA0B;QAC/CR,kBAAA,CAAAQ,OAAA,GAA6B,IAAH;MAAA;MAE5Bd,SAAA,EAAA0C,eAAW;IAAA,CACb;IAAA3C,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAA0C,GAAA;EAAA;IAAAA,GAAA,GAAA1C,CAAA;EAAA;EARA,MAAA2C,eAAA,GAAwBD,GAQxB;EAAA,IAAAE,GAAA;EAAA,IAAA5C,CAAA,SAAAC,SAAA;IACuB2C,GAAA,GAAAA,CAAA;MACrB,IAAItC,mBAAA,CAAAS,OAA2B;QAC7BR,kBAAA,CAAAQ,OAAA,GAA6B8B,qBAAA,CAAsB;UACjDtC,kBAAA,CAAAQ,OAAA,GAA6B,IAAH;UAC1BT,mBAAA,CAAAS,OAAA,GAA8B,KAAH;UAC3B,IAAI,CAACb,aAAA,CAAAa,OAAuB,EAAA+B,cAAA;YAAA;UAAA;UAG5B,MAAAC,QAAA,GAAiB3C,WAAA,CAAAW,OAAmB;UACpC,MAAAiC,WAAA,GACED,QAAA,EAAAE,aAAqC,mBACA,KAArCF,QAAA,EAAAE,aAAqC;UAEvCD,WAAA,EAAAE,KAAa;QAAA,CACf,CAZ0B;MAAA;MAc5BjD,SAAA,EAAAkD,cAAW;IAAA,CACb;IAAAnD,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAA4C,GAAA;EAAA;IAAAA,GAAA,GAAA5C,CAAA;EAAA;EAjBA,MAAAmD,cAAA,GAAuBP,GAiBvB;EAAA,IAAAQ,GAAA;EAAA,IAAApD,CAAA,SAAAC,SAAA;IAC6DmD,GAAA,GAAAC,OAAA;MAC3DpD,SAAA,EAAAmB,SAAuB,GAAAT,OAAA;MAEvB,IAAIA,OAAA,CAAAgB,GAAS,KAAK,QAAmC,IAAvBzB,aAAA,CAAAa,OAAuB,EAAA+B,cAAA;QACnD5B,QAAA,CAASP,OAAA;MAAA;MAGX,IACE,CAACA,OAAA,CAAAE,gBACuC,IAAxCF,OAAA,CAAA6B,MAAY,KAAKtC,aAAA,CAAAa,OAAuB,EAAA0B,KACH,IAFrC,CAECvC,aAAA,CAAAa,OAAqB,CAAA+B,cAAe,EACe,IAApD,CAAC,aAAa,WAAW,QAAQ,CAAAQ,QAAS,CAAC3C,OAAA,CAAAgB,GAAS;QAEpDhB,OAAA,CAAAG,cAAoB;QAEpB,IAAIH,OAAA,CAAAgB,GAAS,KAAK,OAAgC,IAArBtB,aAAA,CAAAU,OAAqB;UAChDV,aAAA,CAAAU,OAAA,GAAwB,KAAH;UACrBb,aAAA,CAAAa,OAAqB,CAAAC,OAAQ,CAAC;UAAA;QAAA;QAGhCV,mBAAA,CAAAS,OAAA,GAA8B,IAAH;QAC3Bb,aAAA,CAAAa,OAAuB,EAAAC,OAAQ;MAAA;IACjC,CACF;IAAAhB,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAAoD,GAAA;EAAA;IAAAA,GAAA,GAAApD,CAAA;EAAA;EAvBA,MAAAoB,SAAA,GAA6DgC,GAuB7D;EAAA,IAAAG,GAAA;EAAA,IAAAvD,CAAA,SAAAC,SAAA;IAEqEsD,GAAA,GAAAC,OAAA;MAGnE,MAAAC,cAAA,GACE9C,OAAA,CAAA6B,MAAY,YAAYkB,WAEtB,IADF/C,OAAA,CAAA6B,MAAY,CAAAmB,OAAQ,CAClB;MAGJ,IACEhD,OAAA,CAAAgB,GAAS,KAAK,QACiD,KAA9DhB,OAAA,CAAA6B,MAAY,KAAKtC,aAAA,CAAAa,OAAuB,EAAA0B,KAAsB,IAA9DgB,cAA8D,CACxC,IAAvBvD,aAAA,CAAAa,OAAuB,EAAA+B,cAAA;QAEvB7C,SAAA,EAAAmB,SAAuB,GAAAT,OAAA;QACvBO,QAAA,CAASP,OAAA;MAAA;IACX,CACF;IAAAX,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAAuD,GAAA;EAAA;IAAAA,GAAA,GAAAvD,CAAA;EAAA;EAjBA,MAAA4D,gBAAA,GAAqEL,GAiBrE;EAAA,IAAAM,GAAA;EAAA,IAAA7D,CAAA,SAAAmC,MAAA,IAAAnC,CAAA,SAAA2C,eAAA,IAAA3C,CAAA,SAAAmD,cAAA,IAAAnD,CAAA,SAAAuC,WAAA,IAAAvC,CAAA,SAAAoB,SAAA,IAAApB,CAAA,SAAA4D,gBAAA;IAEOC,GAAA;MAAAzD,WAAA;MAAAF,aAAA;MAAAiC,MAAA;MAAAQ,eAAA;MAAAf,iBAAA;MAAAuB,cAAA;MAAAZ,WAAA;MAAAnB,SAAA;MAAAwC;IAUP;IAAA5D,CAAA,OAAAmC,MAAA;IAAAnC,CAAA,OAAA2C,eAAA;IAAA3C,CAAA,OAAAmD,cAAA;IAAAnD,CAAA,OAAAuC,WAAA;IAAAvC,CAAA,OAAAoB,SAAA;IAAApB,CAAA,OAAA4D,gBAAA;IAAA5D,CAAA,OAAA6D,GAAA;EAAA;IAAAA,GAAA,GAAA7D,CAAA;EAAA;EAAA,OAVO6D,GAUP;AAAA,CACF","ignoreList":[]}

package/dist/elements/DefaultListViewTabs/index.css

@@ -14,6 +14,10 @@
 
   .default-list-view-tabs__button--active {
     color: var(--color-text);
+
+    html[data-enhanced-contrast] & {
+      border-color: var(--color-border-control);
+    }
   }
 
   .default-list-view-tabs__button--active:disabled {

package/dist/elements/DefaultListViewTabs/index.js

@@ -12,7 +12,7 @@ import { Button } from '../Button/index.js';
 import './index.css';
 const baseClass = 'default-list-view-tabs';
 export const DefaultListViewTabs = t0 => {
-  const $ = _c(24);
+  const $ = _c(27);
   const {
     collectionConfig,
     config,
@@ -84,44 +84,54 @@ export const DefaultListViewTabs = t0 => {
     t3 = $[8];
   }
   const collectionLabel = t3;
-  const allButtonLabel = `${t("general:all")} ${collectionLabel}`;
   let t4;
-  if ($[9] !== allButtonLabel || $[10] !== collectionConfig.labels?.singular || $[11] !== collectionLabel || $[12] !== handleViewChange || $[13] !== i18n || $[14] !== isHierarchyEnabled || $[15] !== isTrashEnabled || $[16] !== t || $[17] !== viewType) {
-    let t5;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = /\s+/g;
-      $[19] = t5;
-    } else {
-      t5 = $[19];
-    }
-    const allButtonId = allButtonLabel.toLowerCase().replace(t5, "-");
+  if ($[9] !== t) {
+    t4 = t("general:all");
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const allButtonLabel = `${t4} ${collectionLabel}`;
+  let t5;
+  if ($[11] !== allButtonLabel || $[12] !== collectionConfig.labels?.singular || $[13] !== collectionLabel || $[14] !== handleViewChange || $[15] !== i18n || $[16] !== isHierarchyEnabled || $[17] !== isTrashEnabled || $[18] !== t || $[19] !== viewType) {
+    const allButtonId = allButtonLabel.toLowerCase().replace(/\s+/g, "-");
     const t6 = viewType === "list" && `${baseClass}__button--active`;
     let t7;
-    if ($[20] !== t6) {
+    if ($[21] !== t6) {
       t7 = [`${baseClass}__button`, t6].filter(Boolean);
-      $[20] = t6;
-      $[21] = t7;
+      $[21] = t6;
+      $[22] = t7;
+    } else {
+      t7 = $[22];
+    }
+    const t8 = t7.join(" ");
+    let t9;
+    if ($[23] !== handleViewChange) {
+      t9 = () => handleViewChange("list");
+      $[23] = handleViewChange;
+      $[24] = t9;
     } else {
-      t7 = $[21];
+      t9 = $[24];
     }
-    let t8;
-    if ($[22] !== handleViewChange) {
-      t8 = () => handleViewChange("list");
-      $[22] = handleViewChange;
-      $[23] = t8;
+    let t10;
+    if ($[25] !== t) {
+      t10 = t("general:all");
+      $[25] = t;
+      $[26] = t10;
     } else {
-      t8 = $[23];
+      t10 = $[26];
     }
-    t4 = _jsxs("div", {
+    t5 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(Button, {
         buttonStyle: viewType === "list" ? "pill" : "ghost",
-        className: t7.join(" "),
+        className: t8,
         disabled: viewType === "list",
         el: "button",
         id: allButtonId,
-        onClick: t8,
-        children: `${t("general:all")} ${collectionLabel}`
+        onClick: t9,
+        children: `${t10} ${collectionLabel}`
       }), isHierarchyEnabled && _jsx(Button, {
         buttonStyle: viewType === "hierarchy" ? "pill" : "ghost",
         className: [`${baseClass}__button`, viewType === "hierarchy" && `${baseClass}__button--active`].filter(Boolean).join(" "),
@@ -140,19 +150,19 @@ export const DefaultListViewTabs = t0 => {
         children: t("general:trash")
       })]
     });
-    $[9] = allButtonLabel;
-    $[10] = collectionConfig.labels?.singular;
-    $[11] = collectionLabel;
-    $[12] = handleViewChange;
-    $[13] = i18n;
-    $[14] = isHierarchyEnabled;
-    $[15] = isTrashEnabled;
-    $[16] = t;
-    $[17] = viewType;
-    $[18] = t4;
+    $[11] = allButtonLabel;
+    $[12] = collectionConfig.labels?.singular;
+    $[13] = collectionLabel;
+    $[14] = handleViewChange;
+    $[15] = i18n;
+    $[16] = isHierarchyEnabled;
+    $[17] = isTrashEnabled;
+    $[18] = t;
+    $[19] = viewType;
+    $[20] = t5;
   } else {
-    t4 = $[18];
+    t5 = $[20];
   }
-  return t4;
+  return t5;
 };
 //# sourceMappingURL=index.js.map