@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","ariaLabel","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","role","map","index","handleClick","onClick","onKeyDown","key","preventDefault","tabIndex","Component"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  /** Accessible label for the list of entries */\n  'aria-label'?: string\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    'aria-label': ariaLabel,\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            <div aria-label={ariaLabel} role=\"menu\">\n              {filteredEntries.map((entry, index) => {\n                const handleClick = () => {\n                  if (onSelect) {\n                    onSelect(entry)\n                  }\n                  close()\n                }\n\n                return (\n                  <div\n                    className={`${baseClass}__entry`}\n                    data-popup-prevent-close\n                    key={`${entry.name}-${index}`}\n                    onClick={handleClick}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault()\n                        handleClick()\n                      }\n                    }}\n                    role=\"menuitem\"\n                    tabIndex={0}\n                  >\n                    {entry.Component}\n                  </div>\n                )\n              })}\n            </div>\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","useState","SearchIcon","useTranslation","matchesSearchQuery","Popup","PopupList","baseClass","Combobox","props","ariaLabel","entries","footer","header","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","showEmptyMessage","popupProps","t","searchValue","setSearchValue","isOpenRef","searchInputRef","contentRef","filteredEntries","filter","entry","label","name","query","showSearch","length","hasResults","lockedWidth","setLockedWidth","handleToggleOpen","active","current","setTimeout","focus","handleToggleClose","_jsx","className","popupAriaLabel","popupType","render","close","_jsxs","undefined","ref","style","size","onChange","e","target","value","offsetWidth","placeholder","type","ButtonGroup","role","map","index","handleClick","onClick","onKeyDown","key","preventDefault","tabIndex","Component","trim"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { matchesSearchQuery } from '../../utilities/matchesSearchQuery.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  /** Accessible label for the list of entries */\n  'aria-label'?: string\n  entries: ComboboxEntry[]\n  /**\n   * Pinned below the entries, outside the scroll area and unaffected by search.\n   * For actions that belong to the list as a whole, such as \"create new\".\n   */\n  footer?: (args: { close: () => void }) => React.ReactNode\n  /**\n   * Pinned above the search, outside the scroll area and unaffected by it. For\n   * the one entry the list is about, such as the item already selected.\n   */\n  header?: (args: { close: () => void }) => React.ReactNode\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n  /**\n   * Whether to say so when a search matches nothing.\n   *\n   * Only shown for a nonempty query against a nonempty list.\n   */\n  showEmptyMessage?: boolean\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    'aria-label': ariaLabel,\n    entries,\n    footer,\n    header,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    showEmptyMessage = true,\n    ...popupProps\n  } = props\n\n  const { t } = useTranslation()\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const filteredEntries = useMemo(\n    () => entries.filter((entry) => matchesSearchQuery({ label: entry.name, query: searchValue })),\n    [entries, searchValue],\n  )\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  const handleToggleOpen = useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    setLockedWidth(null)\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      popupAriaLabel={ariaLabel || searchPlaceholder}\n      popupType=\"dialog\"\n      render={({ close }) => (\n        <div\n          className={`${baseClass}__content`}\n          data-width-locked={lockedWidth ? 'true' : undefined}\n          ref={contentRef}\n          style={\n            lockedWidth\n              ? ({ '--combobox-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n              : undefined\n          }\n        >\n          {header && <div className={`${baseClass}__header`}>{header({ close })}</div>}\n          {showSearch && (\n            <div className={`${baseClass}__search`}>\n              <div className={`${baseClass}__search-bar`}>\n                <SearchIcon size={24} />\n                <input\n                  aria-label={searchPlaceholder}\n                  className={`${baseClass}__search-input`}\n                  onChange={(e) => {\n                    // Measure before filtering removes the entries that determine the width.\n                    if (e.target.value && lockedWidth === null) {\n                      setLockedWidth(contentRef.current?.offsetWidth ?? null)\n                    } else if (!e.target.value) {\n                      setLockedWidth(null)\n                    }\n                    setSearchValue(e.target.value)\n                  }}\n                  placeholder={searchPlaceholder}\n                  ref={searchInputRef}\n                  type=\"text\"\n                  value={searchValue}\n                />\n              </div>\n            </div>\n          )}\n          {hasResults ? (\n            <PopupList.ButtonGroup className={`${baseClass}__entries`}>\n              <div aria-label={ariaLabel} role=\"menu\">\n                {filteredEntries.map((entry, index) => {\n                  const handleClick = () => {\n                    if (onSelect) {\n                      onSelect(entry)\n                    }\n                    close()\n                  }\n\n                  return (\n                    <div\n                      className={`${baseClass}__entry`}\n                      data-popup-prevent-close\n                      key={`${entry.name}-${index}`}\n                      onClick={handleClick}\n                      onKeyDown={(e) => {\n                        if (e.key === 'Enter' || e.key === ' ') {\n                          e.preventDefault()\n                          handleClick()\n                        }\n                      }}\n                      role=\"menuitem\"\n                      tabIndex={0}\n                    >\n                      {entry.Component}\n                    </div>\n                  )\n                })}\n              </div>\n            </PopupList.ButtonGroup>\n          ) : (\n            showEmptyMessage &&\n            entries.length > 0 &&\n            searchValue.trim() !== '' && (\n              <div className={`${baseClass}__no-results`} role=\"status\">\n                {t('general:noMatchesFound')}\n              </div>\n            )\n          )}\n          {footer && <div className={`${baseClass}__footer`}>{footer({ close })}</div>}\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/CommandPalette/index.css

@@ -20,7 +20,6 @@
 
   .cmd-palette__input {
     padding: var(--spacer-3) var(--spacer-4);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -59,9 +58,8 @@
 
   .cmd-palette__group-label {
     padding: var(--spacer-1) var(--spacer-4);
-    font-family: var(--text-body-medium-strong-font-family);
     font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     text-transform: uppercase;
     letter-spacing: 0.06em;
     /* Tertiary + bold reads as a non-interactive section header, distinct from
@@ -79,7 +77,6 @@
        each side ≈ 1.375rem total; 2.25rem gives comfortable breathing room). */
     height: 2.25rem;
     padding: 0 var(--spacer-4);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -101,14 +98,13 @@
   }
 
   .cmd-palette__option-match {
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     color: var(--color-text);
   }
 
   .cmd-palette__empty {
     padding: var(--spacer-4);
     text-align: center;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     color: var(--color-text-secondary);
   }
@@ -122,7 +118,6 @@
     gap: var(--spacer-2);
     padding: var(--spacer-2) var(--spacer-4);
     border-top: var(--stroke-width-small) solid var(--color-border);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     color: var(--color-text-secondary);
   }
@@ -152,7 +147,7 @@
   /* The primary action (Enter): emphasized so it reads as the default. Selector is
      element-qualified to outrank button.cmd-palette__hint's `font`/`color: inherit`. */
   button.cmd-palette__hint--primary {
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     color: var(--color-text);
 
     & .cmd-palette__key {
@@ -192,10 +187,11 @@
     border-radius: var(--radius-small);
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .cmd-palette,
-    .cmd-palette__inner {
-      transition: none;
-    }
+  html[data-enhanced-contrast] .cmd-palette__input {
+    border-bottom-color: var(--color-border-control);
+  }
+
+  html[data-enhanced-contrast] .cmd-palette__hint + .cmd-palette__hint::before {
+    color: var(--color-border-control);
   }
 }

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

@@ -1,4 +1,6 @@
+import type { ComponentProps } from 'react';
 import React from 'react';
+import { DialogModal } from '../Dialog/index.js';
 import './index.css';
 export type OnCancel = () => void;
 export type ConfirmationModalProps = {
@@ -7,6 +9,7 @@ export type ConfirmationModalProps = {
     className?: string;
     confirmingLabel?: string;
     confirmLabel?: string;
+    focusTrapOptions?: ComponentProps<typeof DialogModal>['focusTrapOptions'];
     heading: React.ReactNode;
     modalSlug: string;
     onCancel?: OnCancel;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA2B9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAML,WAAW,EACZ,MAAM,oBAAoB,CAAA;AAC3B,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACzE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA4B9D"}

package/dist/elements/ConfirmationModal/index.js

@@ -11,6 +11,7 @@ export function ConfirmationModal(props) {
     className,
     confirmingLabel,
     confirmLabel,
+    focusTrapOptions,
     heading,
     modalSlug,
     onCancel,
@@ -18,6 +19,7 @@ export function ConfirmationModal(props) {
   } = props;
   return /*#__PURE__*/_jsxs(DialogModal, {
     className: className,
+    focusTrapOptions: focusTrapOptions,
     slug: modalSlug,
     children: [/*#__PURE__*/_jsx(DialogHeader, {
       showClose: true,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","ConfirmationModal","props","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onConfirm","_jsxs","slug","_jsx","showClose","title","label","onClick","loadingLabel"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel,\n    onConfirm,\n  } = props\n\n  return (\n    <DialogModal className={className} slug={modalSlug}>\n      <DialogHeader showClose title={heading} />\n      <DialogBody>\n        <div className=\"confirmation-modal__body\">\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel label={cancelLabel} onClick={onCancel} />\n        <DialogConfirm label={confirmLabel} loadingLabel={confirmingLabel} onClick={onConfirm} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,OAAO;AAgBP,OAAO,SAASC,kBAAkBC,KAA6B;EAC7D,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC;EAAS,CACV,GAAGT,KAAA;EAEJ,oBACEU,KAAA,CAACZ,WAAA;IAAYK,SAAA,EAAWA,SAAA;IAAWQ,IAAA,EAAMJ,SAAA;4BACvCK,IAAA,CAACf,YAAA;MAAagB,SAAS;MAACC,KAAA,EAAOR;qBAC/BM,IAAA,CAACnB,UAAA;gBACC,aAAAmB,IAAA,CAAC;QAAIT,SAAA,EAAU;kBACZ,OAAOF,IAAA,KAAS,wBAAWW,IAAA,CAAC;oBAAGX;aAAYA;;qBAGhDS,KAAA,CAACd,YAAA;8BACCgB,IAAA,CAAClB,YAAA;QAAaqB,KAAA,EAAOb,WAAA;QAAac,OAAA,EAASR;uBAC3CI,IAAA,CAACjB,aAAA;QAAcoB,KAAA,EAAOV,YAAA;QAAcY,YAAA,EAAcb,eAAA;QAAiBY,OAAA,EAASP;;;;AAIpF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","DialogBody","DialogCancel","DialogConfirm","DialogFooter","DialogHeader","DialogModal","ConfirmationModal","props","body","cancelLabel","className","confirmingLabel","confirmLabel","focusTrapOptions","heading","modalSlug","onCancel","onConfirm","_jsxs","slug","_jsx","showClose","title","label","onClick","loadingLabel"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport type { ComponentProps } from 'react'\n\nimport React from 'react'\n\nimport {\n  DialogBody,\n  DialogCancel,\n  DialogConfirm,\n  DialogFooter,\n  DialogHeader,\n  DialogModal,\n} from '../Dialog/index.js'\nimport './index.css'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  focusTrapOptions?: ComponentProps<typeof DialogModal>['focusTrapOptions']\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    focusTrapOptions,\n    heading,\n    modalSlug,\n    onCancel,\n    onConfirm,\n  } = props\n\n  return (\n    <DialogModal className={className} focusTrapOptions={focusTrapOptions} slug={modalSlug}>\n      <DialogHeader showClose title={heading} />\n      <DialogBody>\n        <div className=\"confirmation-modal__body\">\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel label={cancelLabel} onClick={onCancel} />\n        <DialogConfirm label={confirmLabel} loadingLabel={confirmingLabel} onClick={onConfirm} />\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SACEC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,WAAW,QACN;AACP,OAAO;AAiBP,OAAO,SAASC,kBAAkBC,KAA6B;EAC7D,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,gBAAgB;IAChBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC;EAAS,CACV,GAAGV,KAAA;EAEJ,oBACEW,KAAA,CAACb,WAAA;IAAYK,SAAA,EAAWA,SAAA;IAAWG,gBAAA,EAAkBA,gBAAA;IAAkBM,IAAA,EAAMJ,SAAA;4BAC3EK,IAAA,CAAChB,YAAA;MAAaiB,SAAS;MAACC,KAAA,EAAOR;qBAC/BM,IAAA,CAACpB,UAAA;gBACC,aAAAoB,IAAA,CAAC;QAAIV,SAAA,EAAU;kBACZ,OAAOF,IAAA,KAAS,wBAAWY,IAAA,CAAC;oBAAGZ;aAAYA;;qBAGhDU,KAAA,CAACf,YAAA;8BACCiB,IAAA,CAACnB,YAAA;QAAasB,KAAA,EAAOd,WAAA;QAAae,OAAA,EAASR;uBAC3CI,IAAA,CAAClB,aAAA;QAAcqB,KAAA,EAAOX,YAAA;QAAca,YAAA,EAAcd,eAAA;QAAiBa,OAAA,EAASP;;;;AAIpF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyLocaleData/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAiB1C,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAgMlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyLocaleData/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAiB1C,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkMlC,CAAA"}

package/dist/elements/CopyLocaleData/index.js

@@ -36,9 +36,8 @@ export const CopyLocaleData = () => {
   const {
     admin
   } = t1;
-  const {
-    code
-  } = useLocale();
+  const locale = useLocale();
+  const code = locale?.code;
   const {
     id,
     collectionSlug,
@@ -62,7 +61,7 @@ export const CopyLocaleData = () => {
   const localeOptions = localization && localization.locales.map(_temp) || [];
   let t2;
   if ($[0] !== code) {
-    t2 = locale_0 => locale_0.value !== code;
+    t2 = locale_1 => locale_1.value !== code;
     $[0] = code;
     $[1] = t2;
   } else {
@@ -72,8 +71,8 @@ export const CopyLocaleData = () => {
   let t3;
   if ($[2] !== i18n || $[3] !== localization) {
     t3 = code_0 => {
-      const locale_1 = localization && localization.locales.find(l => l.code === code_0);
-      return locale_1 && locale_1.label ? getTranslation(locale_1.label, i18n) : code_0;
+      const locale_2 = localization && localization.locales.find(l => l.code === code_0);
+      return locale_2 && locale_2.label ? getTranslation(locale_2.label, i18n) : code_0;
     };
     $[2] = i18n;
     $[3] = localization;
@@ -128,6 +127,7 @@ export const CopyLocaleData = () => {
           path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`
         }) + `?locale=${to}`));
         toggleModal(drawerSlug);
+        toast.success(t("general:copied"));
       } catch (t8) {
         const error = t8;
         setCopying(false);
@@ -292,10 +292,10 @@ export const CopyLocaleData = () => {
     })]
   });
 };
-function _temp(locale) {
+function _temp(locale_0) {
   return {
-    label: locale.label,
-    value: locale.code
+    label: locale_0.label,
+    value: locale_0.code
   };
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouter","useRouteTransition","useServerFunctions","useTranslation","Button","Drawer","DrawerHeader","PopupList","baseClass","drawerSlug","CopyLocaleData","$","config","t0","localization","routes","t1","admin","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","_temp","t2","locale_0","locale","value","localeOptionsWithoutCurrent","filter","t3","code_0","locale_1","find","l","label","getLocaleLabel","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","t4","t5","useEffect","t6","t7","from","to","docID","overrideData","push","adminRoute","path","t8","error","errorMessage","message","translatedMessage","startsWith","copyLocaleData","info","t9","t10","Symbol","for","selectedOption","t11","selectedOption_0","t12","_jsxs","Fragment","children","_jsx","onClick","className","Header","onClose","title","buttonStyle","disabled","iconPosition","size","name","onChange","options","readOnly","checked","field"],"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\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 { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\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    },\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            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        setCopying(false)\n        const errorMessage = (error as Error).message || 'error:unknown'\n        const translatedMessage = errorMessage.startsWith('error:')\n          ? t(errorMessage as any)\n          : errorMessage\n        toast.error(translatedMessage)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      admin,\n      startRouteTransition,\n      t,\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        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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouter","useRouteTransition","useServerFunctions","useTranslation","Button","Drawer","DrawerHeader","PopupList","baseClass","drawerSlug","CopyLocaleData","$","config","t0","localization","routes","t1","admin","locale","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","_temp","t2","locale_1","value","localeOptionsWithoutCurrent","filter","t3","code_0","locale_2","find","l","label","getLocaleLabel","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","t4","t5","useEffect","t6","t7","from","to","docID","overrideData","push","adminRoute","path","success","t8","error","errorMessage","message","translatedMessage","startsWith","copyLocaleData","info","t9","t10","Symbol","for","selectedOption","t11","selectedOption_0","t12","_jsxs","Fragment","children","_jsx","onClick","className","Header","onClose","title","buttonStyle","disabled","iconPosition","size","name","onChange","options","readOnly","checked","field","locale_0"],"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\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 { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\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    },\n  } = useConfig()\n  const locale = useLocale()\n  const code = locale?.code\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        void startRouteTransition(() =>\n          router.push(\n            formatAdminURL({\n              adminRoute: admin,\n              path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`,\n            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n        toast.success(t('general:copied'))\n      } catch (error) {\n        setCopying(false)\n        const errorMessage = (error as Error).message || 'error:unknown'\n        const translatedMessage = errorMessage.startsWith('error:')\n          ? t(errorMessage as any)\n          : errorMessage\n        toast.error(translatedMessage)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      admin,\n      startRouteTransition,\n      t,\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        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"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import './index.css';
 export type Props = {
     defaultMessage?: string;
+    icon?: React.ReactNode;
     successMessage?: string;
     value?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwC3C,CAAA"}

package/dist/elements/CopyToClipboard/index.js

@@ -9,9 +9,10 @@ import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'copy-to-clipboard';
 export const CopyToClipboard = t0 => {
-  const $ = _c(11);
+  const $ = _c(12);
   const {
     defaultMessage,
+    icon,
     successMessage,
     value
   } = t0;
@@ -20,60 +21,69 @@ export const CopyToClipboard = t0 => {
   const {
     t
   } = useTranslation();
-  if (value) {
-    let t1;
-    if ($[0] !== value) {
-      t1 = async () => {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
-      };
-      $[0] = value;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
+  let t1;
+  if ($[0] !== copied || $[1] !== defaultMessage || $[2] !== hovered || $[3] !== icon || $[4] !== successMessage || $[5] !== t || $[6] !== value) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const copyLabel = defaultMessage ?? t("general:copy");
+      if (value) {
+        let t2;
+        if ($[8] !== value) {
+          t2 = async () => {
+            await navigator.clipboard.writeText(value);
+            setCopied(true);
+          };
+          $[8] = value;
+          $[9] = t2;
+        } else {
+          t2 = $[9];
+        }
+        let t3;
+        let t4;
+        if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+          t3 = () => {
+            setHovered(true);
+            setCopied(false);
+          };
+          t4 = () => {
+            setHovered(false);
+            setCopied(false);
+          };
+          $[10] = t3;
+          $[11] = t4;
+        } else {
+          t3 = $[10];
+          t4 = $[11];
+        }
+        t1 = _jsxs("button", {
+          "aria-label": copyLabel,
+          className: baseClass,
+          onClick: t2,
+          onMouseEnter: t3,
+          onMouseLeave: t4,
+          type: "button",
+          children: [icon ?? _jsx(CopyIcon, {}), _jsxs(Tooltip, {
+            delay: copied ? 0 : undefined,
+            show: hovered || copied,
+            children: [copied && (successMessage ?? t("general:copied")), !copied && copyLabel]
+          })]
+        });
+        break bb0;
+      }
     }
-    let t2;
-    let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t2 = () => {
-        setHovered(true);
-        setCopied(false);
-      };
-      t3 = () => {
-        setHovered(false);
-        setCopied(false);
-      };
-      $[2] = t2;
-      $[3] = t3;
-    } else {
-      t2 = $[2];
-      t3 = $[3];
-    }
-    let t4;
-    if ($[4] !== copied || $[5] !== defaultMessage || $[6] !== hovered || $[7] !== successMessage || $[8] !== t || $[9] !== t1) {
-      t4 = _jsxs("button", {
-        className: baseClass,
-        onClick: t1,
-        onMouseEnter: t2,
-        onMouseLeave: t3,
-        type: "button",
-        children: [_jsx(CopyIcon, {}), _jsxs(Tooltip, {
-          delay: copied ? 0 : undefined,
-          show: hovered || copied,
-          children: [copied && (successMessage ?? t("general:copied")), !copied && (defaultMessage ?? t("general:copy"))]
-        })]
-      });
-      $[4] = copied;
-      $[5] = defaultMessage;
-      $[6] = hovered;
-      $[7] = successMessage;
-      $[8] = t;
-      $[9] = t1;
-      $[10] = t4;
-    } else {
-      t4 = $[10];
-    }
-    return t4;
+    $[0] = copied;
+    $[1] = defaultMessage;
+    $[2] = hovered;
+    $[3] = icon;
+    $[4] = successMessage;
+    $[5] = t;
+    $[6] = value;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","navigator","clipboard","writeText","t2","t3","Symbol","for","t4","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,OAAAK,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EACvC;IAAAe;EAAA,IAAcb,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAG,KAAA;MAIWM,EAAA,SAAAA,CAAA;QAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,KAAA;QACpCE,SAAA,KAAU;MAAA;MACZL,CAAA,MAAAG,KAAA;MAAAH,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;MACcH,EAAA,GAAAA,CAAA;QACZN,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEES,EAAA,GAAAA,CAAA;QACZP,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZL,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAD,EAAA,GAAAb,CAAA;MAAAc,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAjB,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAS,EAAA;MAbFQ,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAAtB,SAAA;QAAAuB,OAAA,EAEUX,EAGT;QAAAY,YAAA,EACcR,EAGd;QAAAS,YAAA,EACcR,EAGd;QAAAS,IAAA,EACK;QAAAC,QAAA,GAELC,IAAA,CAAA/B,QAAA,IAAC,GACDwB,KAAA,CAAAtB,OAAA;UAAA8B,KAAA,EAAgBtB,MAAA,OAAAuB,SAAa;UAAAC,IAAA,EAAiBtB,OAAA,IAAWF,MAAA;UAAAoB,QAAA,GACtDpB,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,eAAc;QAAA,C;;;;;;;;;;;;WAnBnDS,E;;;CA0BN","ignoreList":[]}
+{"version":3,"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAoG3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAyG3B"}