@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useId","useState","AlignJustifiedIcon","ChevronIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","AfterCollapsible","children","className","collapsibleStyle","t1","disableHeaderToggle","t2","disableToggleIndicator","t3","dragHandleProps","hasContentRegion","t4","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","id","headerID","toggleLabelID","contentID","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t5","toggleCollapsible","t6","t7","t8","t9","t10","t11","filter","t12","join","t13","t14","t15","Symbol","for","t16","_jsx","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","attributes","listeners","tabIndex","direction","height","role"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId, useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\n  dragHandleProps?: DragHandleProps\n  /** Opt into a region named by the rendered header for significant sections, not individual rows. */\n  hasContentRegion?: boolean\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\n  dragHandleProps,\n  hasContentRegion = false,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const id = useId()\n  const headerID = `${id}-header`\n  const toggleLabelID = `${id}-toggle-label`\n  const contentID = `${id}-content`\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\n            <button\n              aria-controls={contentID}\n              aria-expanded={!isCollapsed}\n              aria-labelledby={header ? `${headerID} ${toggleLabelID}` : undefined}\n              className={[\n                `${baseClass}__toggle`,\n                `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={toggleCollapsible}\n              type=\"button\"\n            >\n              <span id={toggleLabelID}>{t('fields:toggleBlock')}</span>\n            </button>\n          )}\n\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n              aria-label={t('general:dragToReorder')}\n            >\n              <AlignJustifiedIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              id={headerID}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            {!disableToggleIndicator && (\n              <button\n                aria-controls={contentID}\n                aria-describedby={header ? headerID : undefined}\n                aria-expanded={!isCollapsed}\n                aria-label={t(isCollapsed ? 'general:expand' : 'general:collapse')}\n                className={`${baseClass}__indicator`}\n                onClick={toggleCollapsible}\n                tabIndex={-1}\n                type=\"button\"\n              >\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </button>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div\n            aria-labelledby={hasContentRegion && header ? headerID : undefined}\n            className={`${baseClass}__content`}\n            id={contentID}\n            role={hasContentRegion && header ? 'region' : undefined}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useId","useState","AlignJustifiedIcon","ChevronIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","AfterCollapsible","children","className","collapsibleStyle","t1","disableHeaderToggle","t2","disableToggleIndicator","t3","dragHandleProps","hasContentRegion","t4","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","id","dragLabelID","headerID","toggleLabelID","contentID","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t5","toggleCollapsible","t6","t7","t8","t9","t10","t11","filter","t12","join","t13","t14","t15","Symbol","for","_jsx","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","attributes","listeners","draggable","ref","setActivatorNodeRef","tabIndex","direction","height","role"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId, useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type CollapsibleProps = {\n  actions?: React.ReactNode\n  /**\n   * Components that will be rendered within the collapsible provider but after the wrapper.\n   */\n  AfterCollapsible?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  /**\n   * If set to true, clicking on the collapsible header will not toggle the collapsible state.\n   * This is useful if the collapsible state is controlled externally (e.g. from a parent component or custom button).\n   */\n  disableHeaderToggle?: boolean\n  /**\n   * If set to true, the toggle indicator (chevron) on the right side of the header will be hidden.\n   */\n  disableToggleIndicator?: boolean\n  dragHandleProps?: DragHandleProps\n  /** Opt into a region named by the rendered header for significant sections, not individual rows. */\n  hasContentRegion?: boolean\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<CollapsibleProps> = ({\n  actions,\n  AfterCollapsible,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  disableHeaderToggle = false,\n  disableToggleIndicator = false,\n  dragHandleProps,\n  hasContentRegion = false,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const id = useId()\n  const dragLabelID = `${id}-drag-label`\n  const headerID = `${id}-header`\n  const toggleLabelID = `${id}-toggle-label`\n  const contentID = `${id}-content`\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && !disableHeaderToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap${disableHeaderToggle ? ' toggle-disabled' : ''}`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {!disableHeaderToggle && (\n            <button\n              aria-controls={contentID}\n              aria-expanded={!isCollapsed}\n              aria-labelledby={header ? `${headerID} ${toggleLabelID}` : undefined}\n              className={[\n                `${baseClass}__toggle`,\n                `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={toggleCollapsible}\n              type=\"button\"\n            >\n              <span id={toggleLabelID}>{t('fields:toggleBlock')}</span>\n            </button>\n          )}\n\n          {dragHandleProps && (\n            <button\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n              aria-labelledby={header ? `${dragLabelID} ${headerID}` : dragLabelID}\n              data-sortable-id={dragHandleProps.id}\n              draggable={dragHandleProps.draggable}\n              ref={dragHandleProps.setActivatorNodeRef}\n              type=\"button\"\n            >\n              <span className=\"sr-only\" id={dragLabelID}>\n                {t('general:dragToReorder')}\n              </span>\n              <AlignJustifiedIcon />\n            </button>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              id={headerID}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            {!disableToggleIndicator && (\n              <button\n                aria-controls={contentID}\n                aria-describedby={header ? headerID : undefined}\n                aria-expanded={!isCollapsed}\n                aria-label={t(isCollapsed ? 'general:expand' : 'general:collapse')}\n                className={`${baseClass}__indicator`}\n                onClick={toggleCollapsible}\n                tabIndex={-1}\n                type=\"button\"\n              >\n                <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n              </button>\n            )}\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div\n            aria-labelledby={hasContentRegion && header ? headerID : undefined}\n            className={`${baseClass}__content`}\n            id={contentID}\n            role={hasContentRegion && header ? 'region' : undefined}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n        {AfterCollapsible}\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Collapsible/provider.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use } from 'react';
 const Context = /*#__PURE__*/createContext({
@@ -8,28 +9,50 @@ const Context = /*#__PURE__*/createContext({
   isWithinCollapsible: undefined,
   toggle: () => {}
 });
-export const CollapsibleProvider = ({
-  children,
-  isCollapsed,
-  isWithinCollapsible = true,
-  toggle
-}) => {
+export const CollapsibleProvider = t0 => {
+  const $ = _c(8);
+  const {
+    children,
+    isCollapsed,
+    isWithinCollapsible: t1,
+    toggle
+  } = t0;
+  const isWithinCollapsible = t1 === undefined ? true : t1;
   const {
     isCollapsed: parentIsCollapsed,
     isVisible
   } = useCollapsible();
-  const contextValue = React.useMemo(() => {
-    return {
+  const t2 = isVisible && !parentIsCollapsed;
+  let t3;
+  if ($[0] !== isCollapsed || $[1] !== isWithinCollapsible || $[2] !== t2 || $[3] !== toggle) {
+    t3 = {
       isCollapsed,
-      isVisible: isVisible && !parentIsCollapsed,
+      isVisible: t2,
       isWithinCollapsible,
       toggle
     };
-  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible]);
-  return /*#__PURE__*/_jsx(Context, {
-    value: contextValue,
-    children: children
-  });
+    $[0] = isCollapsed;
+    $[1] = isWithinCollapsible;
+    $[2] = t2;
+    $[3] = toggle;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const contextValue = t3;
+  let t4;
+  if ($[5] !== children || $[6] !== contextValue) {
+    t4 = _jsx(Context, {
+      value: contextValue,
+      children
+    });
+    $[5] = children;
+    $[6] = contextValue;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
 };
 export const useCollapsible = () => use(Context);
 //# sourceMappingURL=provider.js.map

package/dist/elements/Collapsible/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":["React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","children","parentIsCollapsed","useCollapsible","contextValue","useMemo","_jsx","value"],"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n})\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAS1C,MAAMC,OAAA,gBAAUF,aAAA,CAAc;EAC5BG,WAAA,EAAaC,SAAA;EACbC,SAAA,EAAWD,SAAA;EACXE,mBAAA,EAAqBF,SAAA;EACrBG,MAAA,EAAQA,CAAA,MAAO;AACjB;AAEA,OAAO,MAAMC,mBAAA,GAKRA,CAAC;EAAEC,QAAQ;EAAEN,WAAW;EAAEG,mBAAA,GAAsB,IAAI;EAAEC;AAAM,CAAE;EACjE,MAAM;IAAEJ,WAAA,EAAaO,iBAAiB;IAAEL;EAAS,CAAE,GAAGM,cAAA;EAEtD,MAAMC,YAAA,GAAeb,KAAA,CAAMc,OAAO,CAAC;IACjC,OAAO;MACLV,WAAA;MACAE,SAAA,EAAWA,SAAA,IAAa,CAACK,iBAAA;MACzBJ,mBAAA;MACAC;IACF;EACF,GAAG,CAACJ,WAAA,EAAaG,mBAAA,EAAqBC,MAAA,EAAQG,iBAAA,EAAmBL,SAAA,CAAU;EAE3E,oBAAOS,IAAA,CAACZ,OAAA;IAAQa,KAAA,EAAOH,YAAA;cAAeH;;AACxC;AAEA,OAAO,MAAME,cAAA,GAAiBA,CAAA,KAAmBV,GAAA,CAAIC,OAAA","ignoreList":[]}
+{"version":3,"file":"provider.js","names":["c","_c","React","createContext","use","Context","isCollapsed","undefined","isVisible","isWithinCollapsible","toggle","CollapsibleProvider","t0","$","children","t1","parentIsCollapsed","useCollapsible","t2","t3","contextValue","t4","_jsx","value"],"sources":["../../../src/elements/Collapsible/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\ntype ContextType = {\n  isCollapsed: boolean\n  isVisible: boolean\n  isWithinCollapsible: boolean\n  toggle: () => void\n}\n\nconst Context = createContext({\n  isCollapsed: undefined,\n  isVisible: undefined,\n  isWithinCollapsible: undefined,\n  toggle: () => {},\n})\n\nexport const CollapsibleProvider: React.FC<{\n  children?: React.ReactNode\n  isCollapsed?: boolean\n  isWithinCollapsible?: boolean\n  toggle: () => void\n}> = ({ children, isCollapsed, isWithinCollapsible = true, toggle }) => {\n  const { isCollapsed: parentIsCollapsed, isVisible } = useCollapsible()\n\n  const contextValue = React.useMemo((): ContextType => {\n    return {\n      isCollapsed,\n      isVisible: isVisible && !parentIsCollapsed,\n      isWithinCollapsible,\n      toggle,\n    }\n  }, [isCollapsed, isWithinCollapsible, toggle, parentIsCollapsed, isVisible])\n\n  return <Context value={contextValue}>{children}</Context>\n}\n\nexport const useCollapsible = (): ContextType => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAS1C,MAAMC,OAAA,gBAAUF,aAAA,CAAc;EAC5BG,WAAA,EAAaC,SAAA;EACbC,SAAA,EAAWD,SAAA;EACXE,mBAAA,EAAqBF,SAAA;EACrBG,MAAA,EAAQA,CAAA,MAAO;AACjB;AAEA,OAAO,MAAMC,mBAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,QAAA;IAAAR,WAAA;IAAAG,mBAAA,EAAAM,EAAA;IAAAL;EAAA,IAAAE,EAA6D;EAApC,MAAAH,mBAAA,GAAAM,EAA0B,KAA1BR,SAA0B,GAA1B,IAA0B,GAA1BQ,EAA0B;EACvD;IAAAT,WAAA,EAAAU,iBAAA;IAAAR;EAAA,IAAsDS,cAAA;EAKvC,MAAAC,EAAA,GAAAV,SAAc,IAAd,CAAcQ,iBAAA;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAP,WAAA,IAAAO,CAAA,QAAAJ,mBAAA,IAAAI,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAH,MAAA;IAFpBS,EAAA;MAAAb,WAAA;MAAAE,SAAA,EAEMU,EAAc;MAAAT,mBAAA;MAAAC;IAG3B;IAAAG,CAAA,MAAAP,WAAA;IAAAO,CAAA,MAAAJ,mBAAA;IAAAI,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EANF,MAAAO,YAAA,GACED,EAKA;EACyE,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAO,YAAA;IAEpEC,EAAA,GAAAC,IAAA,CAACjB,OAAA;MAAAkB,KAAA,EAAeH,YAAA;MAAAN;;;;;;;;SAAhBO,E;CACT;AAEA,OAAO,MAAMJ,cAAA,GAAiBA,CAAA,KAAmBb,GAAA,CAAIC,OAAA","ignoreList":[]}

package/dist/elements/ColumnSelection/Popup.css

@@ -229,4 +229,8 @@
     background: var(--color-icon);
     margin-inline: var(--spacer-3);
   }
+
+  html[data-enhanced-contrast] .column-selector__search-bar {
+    outline: var(--stroke-width-small) solid var(--color-border-control);
+  }
 }

package/dist/elements/ColumnSelection/Popup.js

@@ -51,7 +51,7 @@ const NestedLabel = ({
   });
 };
 const ColumnItem = t0 => {
-  const $ = _c(17);
+  const $ = _c(19);
   const {
     id,
     active,
@@ -98,6 +98,14 @@ const ColumnItem = t0 => {
   const t7 = isDragging ? undefined : transform;
   let t8;
   if ($[6] !== active || $[7] !== attributes || $[8] !== labelText || $[9] !== listeners || $[10] !== onToggle || $[11] !== setActivatorNodeRef || $[12] !== setNodeRef || $[13] !== t || $[14] !== t6 || $[15] !== t7) {
+    let t9;
+    if ($[17] !== t) {
+      t9 = t("general:dragToReorder");
+      $[17] = t;
+      $[18] = t9;
+    } else {
+      t9 = $[18];
+    }
     t8 = _jsxs("div", {
       className: t6,
       ref: setNodeRef,
@@ -107,7 +115,7 @@ const ColumnItem = t0 => {
       },
       children: [_jsx("span", {
         ...attributes,
-        "aria-label": `${t("general:dragToReorder")}: ${labelText}`,
+        "aria-label": `${t9}: ${labelText}`,
         className: `${baseClass}__drag-handle`,
         ref: setActivatorNodeRef,
         ...listeners,

package/dist/elements/ColumnSelection/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","matchesColumnSearch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setActivatorNodeRef","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","ariaLabel","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","query","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport { matchesColumnSearch } from './matchesColumnSearch.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n */\nfunction parseNestedLabel(label: string): string[] {\n  if (!label.includes(' > ')) {\n    return [label]\n  }\n\n  const segments = label.split(' > ')\n\n  if (segments.length <= 3) {\n    return segments\n  }\n\n  // For deep nesting, show: First / ... / Last\n  return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n  readonly label: string\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n  const segments = parseNestedLabel(label)\n\n  if (segments.length === 1) {\n    return <>{segments[0]}</>\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n          {segment}\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n\nexport type ColumnSelectionPopupProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n  readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n  readonly active: boolean\n  readonly id: string\n  readonly labelText: string\n  readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n  const { t } = useTranslation()\n  const {\n    attributes,\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform,\n  } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <div\n      className={[\n        `${baseClass}__item`,\n        !active && `${baseClass}__item--inactive`,\n        isDragging && `${baseClass}__item--dragging`,\n        isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n      style={{\n        // Keep item in place while dragging - don't apply transform\n        transform: isDragging ? undefined : transform,\n        ...attributes.style,\n      }}\n    >\n      <span\n        {...attributes}\n        aria-label={`${t('general:dragToReorder')}: ${labelText}`}\n        className={`${baseClass}__drag-handle`}\n        ref={setActivatorNodeRef}\n        {...listeners}\n      >\n        <AlignJustifiedIcon size={16} />\n      </span>\n      <span className={`${baseClass}__item-label`}>\n        <NestedLabel label={labelText} />\n      </span>\n      <Switch ariaLabel={labelText} checked={active} onChange={onToggle} />\n    </div>\n  )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n  onClose,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      onChange(\n        columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n      )\n    },\n    [columns, onChange],\n  )\n\n  const moveColumn = useCallback(\n    ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n      const next = [...columns]\n      const [moved] = next.splice(fromIndex, 1)\n      next.splice(toIndex, 0, moved)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  const [searchQuery, setSearchQuery] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  // Lock the width when search starts to prevent layout shift\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      return\n    }\n\n    if (searchQuery && lockedWidth === null) {\n      // Capture width when search starts\n      setLockedWidth(containerRef.current.offsetWidth)\n    } else if (!searchQuery && lockedWidth !== null) {\n      // Release width lock when search is cleared\n      setLockedWidth(null)\n    }\n  }, [searchQuery, lockedWidth])\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !isFieldDisabled(col.field, 'column'),\n      ),\n    [columns],\n  )\n\n  const columnItems = useMemo(() => {\n    if (!filteredColumns) {\n      return { all: [], hidden: [], shown: [] }\n    }\n\n    const items = filteredColumns.map((col, i) => {\n      const { accessor, active, field } = col\n\n      const label =\n        'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n          ? field.labelWithPrefix\n          : 'label' in field && field.label !== undefined && field.label !== false\n            ? field.label\n            : 'name' in field && field.name !== undefined\n              ? field.name\n              : accessor\n\n      const labelText =\n        typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n      return {\n        id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n        accessor,\n        active,\n        index: i,\n        label,\n        labelText,\n      }\n    })\n\n    // Filter by search query\n    const filtered = searchQuery\n      ? items.filter((item) =>\n          matchesColumnSearch({ labelText: item.labelText, query: searchQuery }),\n        )\n      : items\n\n    return {\n      all: items,\n      hidden: filtered.filter((item) => !item.active),\n      shown: filtered.filter((item) => item.active),\n    }\n  }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n  const handleDragEnd = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      // All shown items first, then all hidden items\n      const allItems = [...columnItems.shown, ...columnItems.hidden]\n      const shownCount = columnItems.shown.length\n      const fromItem = allItems[moveFromIndex]\n      const toItem = allItems[moveToIndex]\n\n      if (!fromItem || !toItem) {\n        return\n      }\n\n      // Determine if crossing sections\n      const fromIsShown = moveFromIndex < shownCount\n      const toIsShown = moveToIndex < shownCount\n\n      if (fromIsShown !== toIsShown) {\n        // Cross-section move: just toggle the column's active state (show/hide)\n        void toggleColumn(fromItem.accessor)\n        // Don't reorder when crossing sections - the toggle handles the change\n        return\n      }\n\n      // Same-section move: perform the reorder\n      void moveColumn({\n        fromIndex: fromItem.index,\n        toIndex: toItem.index,\n      })\n    },\n    [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n  )\n\n  if (!filteredColumns) {\n    return null\n  }\n\n  // Combined IDs: shown items first, then hidden items\n  const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n  const containerStyle = lockedWidth\n    ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n    : undefined\n\n  return (\n    <div\n      className={baseClass}\n      data-popup-prevent-close\n      data-width-locked={lockedWidth ? 'true' : undefined}\n      ref={containerRef}\n      style={containerStyle}\n    >\n      <div className={`${baseClass}__header`}>\n        <h2 className={`${baseClass}__title`}>{t('general:editColumns')}</h2>\n        {onClose && (\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__close`}\n            icon={<XIcon size={24} />}\n            onClick={onClose}\n          />\n        )}\n      </div>\n      <span className=\"sr-only\" id={`${uuid}-search-description`}>\n        {t('general:searchAutomatically')}\n      </span>\n      <div className={`${baseClass}__search`}>\n        <div className={`${baseClass}__search-bar`}>\n          <SearchIcon size={24} />\n          <input\n            aria-describedby={`${uuid}-search-description`}\n            aria-label={t('general:searchColumns')}\n            className={`${baseClass}__search-input`}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={t('general:searchColumns')}\n            type=\"text\"\n            value={searchQuery}\n          />\n        </div>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n          {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n            <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n          )}\n          {columnItems.shown.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <h3 className={`${baseClass}__section-header`}>{t('general:shownInTable')}</h3>\n              {columnItems.shown.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          {columnItems.hidden.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <h3 className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</h3>\n              {columnItems.hidden.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n        </DraggableSortable>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","matchesColumnSearch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setActivatorNodeRef","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","t9","ref","style","children","size","ariaLabel","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","query","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport { matchesColumnSearch } from './matchesColumnSearch.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n */\nfunction parseNestedLabel(label: string): string[] {\n  if (!label.includes(' > ')) {\n    return [label]\n  }\n\n  const segments = label.split(' > ')\n\n  if (segments.length <= 3) {\n    return segments\n  }\n\n  // For deep nesting, show: First / ... / Last\n  return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n  readonly label: string\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n  const segments = parseNestedLabel(label)\n\n  if (segments.length === 1) {\n    return <>{segments[0]}</>\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n          {segment}\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n\nexport type ColumnSelectionPopupProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n  readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n  readonly active: boolean\n  readonly id: string\n  readonly labelText: string\n  readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n  const { t } = useTranslation()\n  const {\n    attributes,\n    isDragging,\n    isOver,\n    isSorting,\n    listeners,\n    setActivatorNodeRef,\n    setNodeRef,\n    transform,\n  } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <div\n      className={[\n        `${baseClass}__item`,\n        !active && `${baseClass}__item--inactive`,\n        isDragging && `${baseClass}__item--dragging`,\n        isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n      style={{\n        // Keep item in place while dragging - don't apply transform\n        transform: isDragging ? undefined : transform,\n        ...attributes.style,\n      }}\n    >\n      <span\n        {...attributes}\n        aria-label={`${t('general:dragToReorder')}: ${labelText}`}\n        className={`${baseClass}__drag-handle`}\n        ref={setActivatorNodeRef}\n        {...listeners}\n      >\n        <AlignJustifiedIcon size={16} />\n      </span>\n      <span className={`${baseClass}__item-label`}>\n        <NestedLabel label={labelText} />\n      </span>\n      <Switch ariaLabel={labelText} checked={active} onChange={onToggle} />\n    </div>\n  )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n  onClose,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      onChange(\n        columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n      )\n    },\n    [columns, onChange],\n  )\n\n  const moveColumn = useCallback(\n    ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n      const next = [...columns]\n      const [moved] = next.splice(fromIndex, 1)\n      next.splice(toIndex, 0, moved)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  const [searchQuery, setSearchQuery] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  // Lock the width when search starts to prevent layout shift\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      return\n    }\n\n    if (searchQuery && lockedWidth === null) {\n      // Capture width when search starts\n      setLockedWidth(containerRef.current.offsetWidth)\n    } else if (!searchQuery && lockedWidth !== null) {\n      // Release width lock when search is cleared\n      setLockedWidth(null)\n    }\n  }, [searchQuery, lockedWidth])\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !isFieldDisabled(col.field, 'column'),\n      ),\n    [columns],\n  )\n\n  const columnItems = useMemo(() => {\n    if (!filteredColumns) {\n      return { all: [], hidden: [], shown: [] }\n    }\n\n    const items = filteredColumns.map((col, i) => {\n      const { accessor, active, field } = col\n\n      const label =\n        'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n          ? field.labelWithPrefix\n          : 'label' in field && field.label !== undefined && field.label !== false\n            ? field.label\n            : 'name' in field && field.name !== undefined\n              ? field.name\n              : accessor\n\n      const labelText =\n        typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n      return {\n        id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n        accessor,\n        active,\n        index: i,\n        label,\n        labelText,\n      }\n    })\n\n    // Filter by search query\n    const filtered = searchQuery\n      ? items.filter((item) =>\n          matchesColumnSearch({ labelText: item.labelText, query: searchQuery }),\n        )\n      : items\n\n    return {\n      all: items,\n      hidden: filtered.filter((item) => !item.active),\n      shown: filtered.filter((item) => item.active),\n    }\n  }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n  const handleDragEnd = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      // All shown items first, then all hidden items\n      const allItems = [...columnItems.shown, ...columnItems.hidden]\n      const shownCount = columnItems.shown.length\n      const fromItem = allItems[moveFromIndex]\n      const toItem = allItems[moveToIndex]\n\n      if (!fromItem || !toItem) {\n        return\n      }\n\n      // Determine if crossing sections\n      const fromIsShown = moveFromIndex < shownCount\n      const toIsShown = moveToIndex < shownCount\n\n      if (fromIsShown !== toIsShown) {\n        // Cross-section move: just toggle the column's active state (show/hide)\n        void toggleColumn(fromItem.accessor)\n        // Don't reorder when crossing sections - the toggle handles the change\n        return\n      }\n\n      // Same-section move: perform the reorder\n      void moveColumn({\n        fromIndex: fromItem.index,\n        toIndex: toItem.index,\n      })\n    },\n    [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n  )\n\n  if (!filteredColumns) {\n    return null\n  }\n\n  // Combined IDs: shown items first, then hidden items\n  const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n  const containerStyle = lockedWidth\n    ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n    : undefined\n\n  return (\n    <div\n      className={baseClass}\n      data-popup-prevent-close\n      data-width-locked={lockedWidth ? 'true' : undefined}\n      ref={containerRef}\n      style={containerStyle}\n    >\n      <div className={`${baseClass}__header`}>\n        <h2 className={`${baseClass}__title`}>{t('general:editColumns')}</h2>\n        {onClose && (\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__close`}\n            icon={<XIcon size={24} />}\n            onClick={onClose}\n          />\n        )}\n      </div>\n      <span className=\"sr-only\" id={`${uuid}-search-description`}>\n        {t('general:searchAutomatically')}\n      </span>\n      <div className={`${baseClass}__search`}>\n        <div className={`${baseClass}__search-bar`}>\n          <SearchIcon size={24} />\n          <input\n            aria-describedby={`${uuid}-search-description`}\n            aria-label={t('general:searchColumns')}\n            className={`${baseClass}__search-input`}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={t('general:searchColumns')}\n            type=\"text\"\n            value={searchQuery}\n          />\n        </div>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n          {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n            <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n          )}\n          {columnItems.shown.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <h3 className={`${baseClass}__section-header`}>{t('general:shownInTable')}</h3>\n              {columnItems.shown.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          {columnItems.hidden.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <h3 className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</h3>\n              {columnItems.hidden.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n        </DraggableSortable>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","Popup","ColumnSelectionPopup","baseClass","ColumnSelectionButton","t0","$","collectionSlug","columns","onChange","t","t1","t2","t3","close","_jsx","onClose","t4","active","props","buttonStyle","className","icon","direction","size","children","horizontalAlign","popupAriaLabel","popupType","render","verticalAlign"],"sources":["../../../src/elements/ColumnSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { ColumnSelectionPopup } from './Popup.js'\n\nexport type ColumnSelectionButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n}\n\nconst baseClass = 'columns-button'\n\nexport const ColumnSelectionButton: React.FC<ColumnSelectionButtonProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupAriaLabel={t('general:columns')}\n      popupType=\"dialog\"\n      render={({ close }) => (\n        <ColumnSelectionPopup\n          collectionSlug={collectionSlug}\n          columns={columns}\n          onChange={onChange}\n          onClose={close}\n        />\n      )}\n      renderButton={({ active, ...props }) => (\n        <Button\n          {...props}\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__button`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={active}\n          size=\"medium\"\n        >\n          {t('general:columns')}\n        </Button>\n      )}\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,QAAQ;AACtB,SAASC,oBAAoB,QAAQ;AASrC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAA8DC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAI3E;EACC;IAAAK;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAN,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,QAAA;MAQFG,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAAAb,oBAAA;UAAAK,cAAA;UAAAC,OAAA;UAAAC,QAAA;UAAAO,OAAA,EAIWF;QAAA,C;;;;;;;;;;;MAGCD,EAAA,GAAAI,EAAA;QAAC;UAAAC,MAAA;UAAA,GAAAC;QAAA,IAAAF,EAAoB;QAAA,OACjCF,IAAA,CAAAf,MAAA;UAAA,GACMmB,KAAK;UAAAC,WAAA,EACG;UAAAC,SAAA,EACD,GAAAlB,SAAA,UAAsB;UAAAmB,IAAA,EAC3BP,IAAA,CAAAjB,WAAA;YAAAyB,SAAA,EAAwBL,MAAA,GAAS,OAAO;YAAAM,IAAA;UAAA,C;oBACpCN,MAAA;UAAAM,IAAA,EACL;UAAAC,QAAA,EAEJf,CAAA,CAAE;QAAA,C;;;;;;;IAtBTC,EAAA,GAAAI,IAAA,CAAAd,KAAA;MAAAoB,SAAA,EAAAlB,SAAA;MAAAuB,eAAA,EAEkB;MAAAC,cAAA,EACAjB,CAAA,CAAE;MAAAkB,SAAA,EACR;MAAAC,MAAA,EACFjB,E;oBAQMC,E;aAYR;MAAAiB,aAAA,EACQ;IAAA,C;;;;;;;;;SA1BhBnB,E;CA6BJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","Popup","ColumnSelectionPopup","baseClass","ColumnSelectionButton","t0","$","collectionSlug","columns","onChange","t","t1","t2","t3","close","_jsx","onClose","t4","active","props","buttonStyle","className","icon","direction","size","children","horizontalAlign","popupAriaLabel","popupType","render","verticalAlign"],"sources":["../../../src/elements/ColumnSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { ColumnSelectionPopup } from './Popup.js'\n\nexport type ColumnSelectionButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n}\n\nconst baseClass = 'columns-button'\n\nexport const ColumnSelectionButton: React.FC<ColumnSelectionButtonProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupAriaLabel={t('general:columns')}\n      popupType=\"dialog\"\n      render={({ close }) => (\n        <ColumnSelectionPopup\n          collectionSlug={collectionSlug}\n          columns={columns}\n          onChange={onChange}\n          onClose={close}\n        />\n      )}\n      renderButton={({ active, ...props }) => (\n        <Button\n          {...props}\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__button`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={active}\n          size=\"medium\"\n        >\n          {t('general:columns')}\n        </Button>\n      )}\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,QAAQ;AACtB,SAASC,oBAAoB,QAAQ;AASrC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAA8DC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAI3E;EACC;IAAAK;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAN,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,QAAA;MAQFG,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAACb,oBAAA;UAAAK,cAAA;UAAAC,OAAA;UAAAC,QAAA;UAAAO,OAAA,EAIUF;;;;;;;;;;;;MAGCD,EAAA,GAAAI,EAAA;QAAC;UAAAC,MAAA;UAAA,GAAAC;QAAA,IAAAF,EAAoB;QAAA,OACjCF,IAAA,CAACf,MAAA;UAAA,GACKmB,KAAK;UAAAC,WAAA,EACG;UAAAC,SAAA,EACD,GAAGlB,SAAA,UAAmB;UAAAmB,IAAA,EAC3BP,IAAA,CAACjB,WAAA;YAAAyB,SAAA,EAAuBL,MAAA,OAAgB,GAAhB,MAAgB;YAAAM,IAAA,EAAc;;oBAClDN,MAAA;UAAAM,IAAA,EACL;UAAAC,QAAA,EAEJf,CAAA,CAAE;;;;;;;;IAtBTC,EAAA,GAAAI,IAAA,CAACd,KAAA;MAAAoB,SAAA,EACYlB,SAAA;MAAAuB,eAAA,EACK;MAAAC,cAAA,EACAjB,CAAA,CAAE;MAAAkB,SAAA,EACR;MAAAC,MAAA,EACFjB,E;oBAQMC,E;aAYR;MAAAiB,aAAA,EACQ;;;;;;;;;;SA1BhBnB,E;CA6BJ","ignoreList":[]}

package/dist/elements/CommandPalette/index.css

@@ -186,4 +186,12 @@
     border: 0;
     border-radius: var(--radius-small);
   }
+
+  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.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","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        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":[]}
+{"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.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":[]}