@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.dee5eab

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

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import './index.css';
+export type ChipVariant = 'danger' | 'default' | 'success' | 'warning';
+export type ChipProps = {
+    'aria-label'?: string;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    elementProps?: {
+        ref?: React.RefCallback<HTMLElement>;
+    } & HTMLAttributes<HTMLElement>;
+    icon?: React.ReactNode;
+    id?: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+    selected?: boolean;
+    size?: 'large' | 'medium';
+    variant?: ChipVariant;
+};
+export declare const Chip: React.FC<ChipProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtE,MAAM,MAAM,SAAS,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;KACrC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoDpC,CAAA"}

package/dist/elements/Chip/index.js

@@ -0,0 +1,94 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { XIcon } from '../../icons/X/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'chip';
+export const Chip = t0 => {
+  const $ = _c(17);
+  const {
+    id,
+    "aria-label": ariaLabel,
+    children,
+    className,
+    disabled,
+    elementProps,
+    icon,
+    onClick,
+    onRemove,
+    selected,
+    size: t1,
+    variant: t2
+  } = t0;
+  const size = t1 === undefined ? "medium" : t1;
+  const variant = t2 === undefined ? "default" : t2;
+  const {
+    t
+  } = useTranslation();
+  const t3 = `${baseClass}--size-${size}`;
+  const t4 = `${baseClass}--variant-${variant}`;
+  const t5 = selected && `${baseClass}--selected`;
+  let t6;
+  if ($[0] !== className || $[1] !== t3 || $[2] !== t4 || $[3] !== t5) {
+    t6 = [baseClass, t3, t4, t5, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t3;
+    $[2] = t4;
+    $[3] = t5;
+    $[4] = t6;
+  } else {
+    t6 = $[4];
+  }
+  const classes = t6.join(" ");
+  const t7 = elementProps?.ref;
+  let t8;
+  if ($[5] !== ariaLabel || $[6] !== children || $[7] !== classes || $[8] !== disabled || $[9] !== elementProps || $[10] !== icon || $[11] !== id || $[12] !== onClick || $[13] !== onRemove || $[14] !== t || $[15] !== t7) {
+    t8 = _jsxs("div", {
+      ...elementProps,
+      className: classes,
+      id,
+      ref: t7,
+      children: [onClick ? _jsx("button", {
+        "aria-label": ariaLabel,
+        className: `${baseClass}__action`,
+        disabled,
+        onClick,
+        type: "button"
+      }) : null, icon ? _jsx("span", {
+        className: `${baseClass}__icon`,
+        children: icon
+      }) : null, _jsx("span", {
+        className: `${baseClass}__label`,
+        children
+      }), onRemove ? _jsx("button", {
+        "aria-label": t("general:remove"),
+        className: `${baseClass}__remove`,
+        disabled,
+        onClick: onRemove,
+        type: "button",
+        children: _jsx(XIcon, {
+          size: 24
+        })
+      }) : null]
+    });
+    $[5] = ariaLabel;
+    $[6] = children;
+    $[7] = classes;
+    $[8] = disabled;
+    $[9] = elementProps;
+    $[10] = icon;
+    $[11] = id;
+    $[12] = onClick;
+    $[13] = onRemove;
+    $[14] = t;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","Chip","t0","$","id","ariaLabel","children","className","disabled","elementProps","icon","onClick","onRemove","selected","size","t1","variant","t2","undefined","t","t3","t4","t5","t6","filter","Boolean","classes","join","t7","ref","t8","_jsxs","_jsx","type"],"sources":["../../../src/elements/Chip/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes } from 'react'\n\nimport React from 'react'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'chip'\n\nexport type ChipVariant = 'danger' | 'default' | 'success' | 'warning'\n\nexport type ChipProps = {\n  'aria-label'?: string\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  elementProps?: {\n    ref?: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  onRemove?: () => void\n  selected?: boolean\n  size?: 'large' | 'medium'\n  variant?: ChipVariant\n}\n\nexport const Chip: React.FC<ChipProps> = ({\n  id,\n  'aria-label': ariaLabel,\n  children,\n  className,\n  disabled,\n  elementProps,\n  icon,\n  onClick,\n  onRemove,\n  selected,\n  size = 'medium',\n  variant = 'default',\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [\n    baseClass,\n    `${baseClass}--size-${size}`,\n    `${baseClass}--variant-${variant}`,\n    selected && `${baseClass}--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div {...elementProps} className={classes} id={id} ref={elementProps?.ref}>\n      {onClick ? (\n        <button\n          aria-label={ariaLabel}\n          className={`${baseClass}__action`}\n          disabled={disabled}\n          onClick={onClick}\n          type=\"button\"\n        />\n      ) : null}\n      {icon ? <span className={`${baseClass}__icon`}>{icon}</span> : null}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {onRemove ? (\n        <button\n          aria-label={t('general:remove')}\n          className={`${baseClass}__remove`}\n          disabled={disabled}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <XIcon size={24} />\n        </button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ClipboardAction/clipboardUtilities.d.ts

@@ -1,4 +1,11 @@
-import type { ClipboardCopyActionArgs, ClipboardPasteActionArgs } from './types.js';
+import type { ClipboardCopyActionArgs, ClipboardPasteActionArgs, ClipboardPasteEligibilityArgs } from './types.js';
+/**
+ * Whether the clipboard contents can be pasted into the target field.
+ *
+ * Returns `false` when the clipboard is empty or its schema is incompatible
+ * with the target. Used to disable paste actions when they would fail.
+ */
+export declare function canPasteClipboardData(args: ClipboardPasteEligibilityArgs): boolean;
 /**
  * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
  */

package/dist/elements/ClipboardAction/clipboardUtilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clipboardUtilities.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EAGzB,MAAM,YAAY,CAAA;AAMnB;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,GAAG,IAAI,CAc1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EAAE,SAAS,EACf,CAAC,EACD,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,MAAM,GAAG,IAAI,CA4B1C"}
+{"version":3,"file":"clipboardUtilities.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,wBAAwB,EAGxB,6BAA6B,EAC9B,MAAM,YAAY,CAAA;AAyBnB;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,6BAA6B,GAAG,OAAO,CAgBlF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,GAAG,IAAI,CAc1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EAAE,SAAS,EACf,CAAC,EACD,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,MAAM,GAAG,IAAI,CAoB1C"}

package/dist/elements/ClipboardAction/clipboardUtilities.js

@@ -1,5 +1,43 @@
 import { isClipboardDataValid } from './isClipboardDataValid.js';
 const localStorageClipboardKey = '_payloadClipboard';
+/**
+ * Reads and parses the clipboard data from localStorage.
+ *
+ * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
+ */
+function readClipboardData() {
+  try {
+    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey);
+    if (!jsonFromClipboard) {
+      return null;
+    }
+    return JSON.parse(jsonFromClipboard);
+  } catch (_err) {
+    return null;
+  }
+}
+/**
+ * Whether the clipboard contents can be pasted into the target field.
+ *
+ * Returns `false` when the clipboard is empty or its schema is incompatible
+ * with the target. Used to disable paste actions when they would fail.
+ */
+export function canPasteClipboardData(args) {
+  const dataToPaste = readClipboardData();
+  if (!dataToPaste) {
+    return false;
+  }
+  const {
+    path,
+    ...schemaArgs
+  } = args;
+  const dataToValidate = {
+    ...dataToPaste,
+    ...schemaArgs,
+    fieldPath: path
+  };
+  return isClipboardDataValid(dataToValidate);
+}
 /**
  * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513
  */
@@ -29,14 +67,8 @@ export function clipboardPaste({
   t,
   ...args
 }) {
-  let dataToPaste;
-  try {
-    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey);
-    if (!jsonFromClipboard) {
-      return t('error:invalidClipboardData');
-    }
-    dataToPaste = JSON.parse(jsonFromClipboard);
-  } catch (_err) {
+  const dataToPaste = readClipboardData();
+  if (!dataToPaste) {
     return t('error:invalidClipboardData');
   }
   const dataToValidate = {

package/dist/elements/ClipboardAction/clipboardUtilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"clipboardUtilities.js","names":["isClipboardDataValid","localStorageClipboardKey","clipboardCopy","args","getDataToCopy","t","rest","dataToWrite","data","localStorage","setItem","JSON","stringify","_err","clipboardPaste","onPaste","path","fieldPath","dataToPaste","jsonFromClipboard","getItem","parse","dataToValidate"],"sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"sourcesContent":["import type {\n  ClipboardCopyActionArgs,\n  ClipboardPasteActionArgs,\n  ClipboardPasteActionValidateArgs,\n  ClipboardPasteData,\n} from './types.js'\n\nimport { isClipboardDataValid } from './isClipboardDataValid.js'\n\nconst localStorageClipboardKey = '_payloadClipboard'\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardCopy(args: ClipboardCopyActionArgs): string | true {\n  const { getDataToCopy, t, ...rest } = args\n\n  const dataToWrite = {\n    data: getDataToCopy(),\n    ...rest,\n  }\n\n  try {\n    localStorage.setItem(localStorageClipboardKey, JSON.stringify(dataToWrite))\n    return true\n  } catch (_err) {\n    return t('error:unableToCopy')\n  }\n}\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardPaste({\n  onPaste,\n  path: fieldPath,\n  t,\n  ...args\n}: ClipboardPasteActionArgs): string | true {\n  let dataToPaste: ClipboardPasteData\n\n  try {\n    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey)\n\n    if (!jsonFromClipboard) {\n      return t('error:invalidClipboardData')\n    }\n\n    dataToPaste = JSON.parse(jsonFromClipboard)\n  } catch (_err) {\n    return t('error:invalidClipboardData')\n  }\n\n  const dataToValidate = {\n    ...dataToPaste,\n    ...args,\n    fieldPath,\n  } as ClipboardPasteActionValidateArgs\n\n  if (!isClipboardDataValid(dataToValidate)) {\n    return t('error:invalidClipboardData')\n  }\n\n  onPaste(dataToPaste)\n\n  return true\n}\n"],"mappings":"AAOA,SAASA,oBAAoB,QAAQ;AAErC,MAAMC,wBAAA,GAA2B;AAEjC;;;AAGA,OAAO,SAASC,cAAcC,IAA6B;EACzD,MAAM;IAAEC,aAAa;IAAEC,CAAC;IAAE,GAAGC;EAAA,CAAM,GAAGH,IAAA;EAEtC,MAAMI,WAAA,GAAc;IAClBC,IAAA,EAAMJ,aAAA;IACN,GAAGE;EACL;EAEA,IAAI;IACFG,YAAA,CAAaC,OAAO,CAACT,wBAAA,EAA0BU,IAAA,CAAKC,SAAS,CAACL,WAAA;IAC9D,OAAO;EACT,EAAE,OAAOM,IAAA,EAAM;IACb,OAAOR,CAAA,CAAE;EACX;AACF;AAEA;;;AAGA,OAAO,SAASS,eAAe;EAC7BC,OAAO;EACPC,IAAA,EAAMC,SAAS;EACfZ,CAAC;EACD,GAAGF;AAAA,CACsB;EACzB,IAAIe,WAAA;EAEJ,IAAI;IACF,MAAMC,iBAAA,GAAoBV,YAAA,CAAaW,OAAO,CAACnB,wBAAA;IAE/C,IAAI,CAACkB,iBAAA,EAAmB;MACtB,OAAOd,CAAA,CAAE;IACX;IAEAa,WAAA,GAAcP,IAAA,CAAKU,KAAK,CAACF,iBAAA;EAC3B,EAAE,OAAON,IAAA,EAAM;IACb,OAAOR,CAAA,CAAE;EACX;EAEA,MAAMiB,cAAA,GAAiB;IACrB,GAAGJ,WAAW;IACd,GAAGf,IAAI;IACPc;EACF;EAEA,IAAI,CAACjB,oBAAA,CAAqBsB,cAAA,GAAiB;IACzC,OAAOjB,CAAA,CAAE;EACX;EAEAU,OAAA,CAAQG,WAAA;EAER,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"clipboardUtilities.js","names":["isClipboardDataValid","localStorageClipboardKey","readClipboardData","jsonFromClipboard","localStorage","getItem","JSON","parse","_err","canPasteClipboardData","args","dataToPaste","path","schemaArgs","dataToValidate","fieldPath","clipboardCopy","getDataToCopy","t","rest","dataToWrite","data","setItem","stringify","clipboardPaste","onPaste"],"sources":["../../../src/elements/ClipboardAction/clipboardUtilities.ts"],"sourcesContent":["import type {\n  ClipboardCopyActionArgs,\n  ClipboardPasteActionArgs,\n  ClipboardPasteActionValidateArgs,\n  ClipboardPasteData,\n  ClipboardPasteEligibilityArgs,\n} from './types.js'\n\nimport { isClipboardDataValid } from './isClipboardDataValid.js'\n\nconst localStorageClipboardKey = '_payloadClipboard'\n\n/**\n * Reads and parses the clipboard data from localStorage.\n *\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nfunction readClipboardData(): ClipboardPasteData | null {\n  try {\n    const jsonFromClipboard = localStorage.getItem(localStorageClipboardKey)\n\n    if (!jsonFromClipboard) {\n      return null\n    }\n\n    return JSON.parse(jsonFromClipboard)\n  } catch (_err) {\n    return null\n  }\n}\n\n/**\n * Whether the clipboard contents can be pasted into the target field.\n *\n * Returns `false` when the clipboard is empty or its schema is incompatible\n * with the target. Used to disable paste actions when they would fail.\n */\nexport function canPasteClipboardData(args: ClipboardPasteEligibilityArgs): boolean {\n  const dataToPaste = readClipboardData()\n\n  if (!dataToPaste) {\n    return false\n  }\n\n  const { path, ...schemaArgs } = args\n\n  const dataToValidate = {\n    ...dataToPaste,\n    ...schemaArgs,\n    fieldPath: path,\n  } as ClipboardPasteActionValidateArgs\n\n  return isClipboardDataValid(dataToValidate)\n}\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardCopy(args: ClipboardCopyActionArgs): string | true {\n  const { getDataToCopy, t, ...rest } = args\n\n  const dataToWrite = {\n    data: getDataToCopy(),\n    ...rest,\n  }\n\n  try {\n    localStorage.setItem(localStorageClipboardKey, JSON.stringify(dataToWrite))\n    return true\n  } catch (_err) {\n    return t('error:unableToCopy')\n  }\n}\n\n/**\n * @note This function doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport function clipboardPaste({\n  onPaste,\n  path: fieldPath,\n  t,\n  ...args\n}: ClipboardPasteActionArgs): string | true {\n  const dataToPaste = readClipboardData()\n\n  if (!dataToPaste) {\n    return t('error:invalidClipboardData')\n  }\n\n  const dataToValidate = {\n    ...dataToPaste,\n    ...args,\n    fieldPath,\n  } as ClipboardPasteActionValidateArgs\n\n  if (!isClipboardDataValid(dataToValidate)) {\n    return t('error:invalidClipboardData')\n  }\n\n  onPaste(dataToPaste)\n\n  return true\n}\n"],"mappings":"AAQA,SAASA,oBAAoB,QAAQ;AAErC,MAAMC,wBAAA,GAA2B;AAEjC;;;;;AAKA,SAASC,kBAAA;EACP,IAAI;IACF,MAAMC,iBAAA,GAAoBC,YAAA,CAAaC,OAAO,CAACJ,wBAAA;IAE/C,IAAI,CAACE,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOG,IAAA,CAAKC,KAAK,CAACJ,iBAAA;EACpB,EAAE,OAAOK,IAAA,EAAM;IACb,OAAO;EACT;AACF;AAEA;;;;;;AAMA,OAAO,SAASC,sBAAsBC,IAAmC;EACvE,MAAMC,WAAA,GAAcT,iBAAA;EAEpB,IAAI,CAACS,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAA,CAAY,GAAGH,IAAA;EAEhC,MAAMI,cAAA,GAAiB;IACrB,GAAGH,WAAW;IACd,GAAGE,UAAU;IACbE,SAAA,EAAWH;EACb;EAEA,OAAOZ,oBAAA,CAAqBc,cAAA;AAC9B;AAEA;;;AAGA,OAAO,SAASE,cAAcN,IAA6B;EACzD,MAAM;IAAEO,aAAa;IAAEC,CAAC;IAAE,GAAGC;EAAA,CAAM,GAAGT,IAAA;EAEtC,MAAMU,WAAA,GAAc;IAClBC,IAAA,EAAMJ,aAAA;IACN,GAAGE;EACL;EAEA,IAAI;IACFf,YAAA,CAAakB,OAAO,CAACrB,wBAAA,EAA0BK,IAAA,CAAKiB,SAAS,CAACH,WAAA;IAC9D,OAAO;EACT,EAAE,OAAOZ,IAAA,EAAM;IACb,OAAOU,CAAA,CAAE;EACX;AACF;AAEA;;;AAGA,OAAO,SAASM,eAAe;EAC7BC,OAAO;EACPb,IAAA,EAAMG,SAAS;EACfG,CAAC;EACD,GAAGR;AAAA,CACsB;EACzB,MAAMC,WAAA,GAAcT,iBAAA;EAEpB,IAAI,CAACS,WAAA,EAAa;IAChB,OAAOO,CAAA,CAAE;EACX;EAEA,MAAMJ,cAAA,GAAiB;IACrB,GAAGH,WAAW;IACd,GAAGD,IAAI;IACPK;EACF;EAEA,IAAI,CAACf,oBAAA,CAAqBc,cAAA,GAAiB;IACzC,OAAOI,CAAA,CAAE;EACX;EAEAO,OAAA,CAAQd,WAAA;EAER,OAAO;AACT","ignoreList":[]}

package/dist/elements/ClipboardAction/clipboardUtilities.spec.js

@@ -0,0 +1,120 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { canPasteClipboardData } from './clipboardUtilities.js';
+const localStorageClipboardKey = '_payloadClipboard';
+const textField = {
+  name: 'text',
+  type: 'text'
+};
+const numberField = {
+  name: 'num',
+  type: 'number'
+};
+const ctaBlock = {
+  slug: 'cta',
+  fields: [textField]
+};
+const otherBlock = {
+  slug: 'other',
+  fields: [numberField]
+};
+const arrayClipboard = {
+  type: 'array',
+  data: {
+    'items.0.text': {
+      valid: true,
+      value: 'hi'
+    }
+  },
+  fields: [textField],
+  path: 'items',
+  rowIndex: 0
+};
+const blocksClipboard = {
+  type: 'blocks',
+  blocks: [ctaBlock],
+  data: {
+    'layout.0.blockType': {
+      valid: true,
+      value: 'cta'
+    }
+  },
+  path: 'layout',
+  rowIndex: 0
+};
+class LocalStorageMock {
+  store = {};
+  clear() {
+    this.store = {};
+  }
+  getItem(key) {
+    return key in this.store ? this.store[key] : null;
+  }
+  removeItem(key) {
+    delete this.store[key];
+  }
+  setItem(key, value) {
+    this.store[key] = String(value);
+  }
+}
+describe('canPasteClipboardData', () => {
+  let localStorageMock;
+  beforeEach(() => {
+    localStorageMock = new LocalStorageMock();
+    vi.stubGlobal('localStorage', localStorageMock);
+  });
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+  const writeClipboard = data => {
+    localStorageMock.setItem(localStorageClipboardKey, JSON.stringify(data));
+  };
+  it('should return false when the clipboard is empty', () => {
+    expect(canPasteClipboardData({
+      path: 'items',
+      schemaFields: [textField]
+    })).toBe(false);
+  });
+  it('should return false when the clipboard contains invalid JSON', () => {
+    localStorageMock.setItem(localStorageClipboardKey, 'not-json');
+    expect(canPasteClipboardData({
+      path: 'items',
+      schemaFields: [textField]
+    })).toBe(false);
+  });
+  it('should return true for an array field with a matching schema', () => {
+    writeClipboard(arrayClipboard);
+    expect(canPasteClipboardData({
+      path: 'items',
+      schemaFields: [textField]
+    })).toBe(true);
+  });
+  it('should return false for an array field with an incompatible schema', () => {
+    writeClipboard(arrayClipboard);
+    expect(canPasteClipboardData({
+      path: 'items',
+      schemaFields: [numberField]
+    })).toBe(false);
+  });
+  it('should return true for a blocks field with a matching schema', () => {
+    writeClipboard(blocksClipboard);
+    expect(canPasteClipboardData({
+      path: 'layout',
+      schemaBlocks: [ctaBlock]
+    })).toBe(true);
+  });
+  it('should return false for a blocks field with an incompatible schema', () => {
+    writeClipboard(blocksClipboard);
+    expect(canPasteClipboardData({
+      path: 'layout',
+      schemaBlocks: [otherBlock]
+    })).toBe(false);
+  });
+  it('should return false when pasting array data into a blocks field', () => {
+    writeClipboard(arrayClipboard);
+    expect(canPasteClipboardData({
+      path: 'layout',
+      schemaBlocks: [ctaBlock]
+    })).toBe(false);
+  });
+});
+//# sourceMappingURL=clipboardUtilities.spec.js.map

package/dist/elements/ClipboardAction/clipboardUtilities.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboardUtilities.spec.js","names":["afterEach","beforeEach","describe","expect","it","vi","canPasteClipboardData","localStorageClipboardKey","textField","name","type","numberField","ctaBlock","slug","fields","otherBlock","arrayClipboard","data","valid","value","path","rowIndex","blocksClipboard","blocks","LocalStorageMock","store","clear","getItem","key","removeItem","setItem","String","localStorageMock","stubGlobal","unstubAllGlobals","writeClipboard","JSON","stringify","schemaFields","toBe","schemaBlocks"],"sources":["../../../src/elements/ClipboardAction/clipboardUtilities.spec.ts"],"sourcesContent":["import type { ClientBlock, ClientField } from 'payload'\n\nimport { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\n\nimport type { ClipboardPasteData } from './types.js'\n\nimport { canPasteClipboardData } from './clipboardUtilities.js'\n\nconst localStorageClipboardKey = '_payloadClipboard'\n\nconst textField = { name: 'text', type: 'text' } as ClientField\nconst numberField = { name: 'num', type: 'number' } as ClientField\n\nconst ctaBlock = { slug: 'cta', fields: [textField] } as ClientBlock\nconst otherBlock = { slug: 'other', fields: [numberField] } as ClientBlock\n\nconst arrayClipboard: ClipboardPasteData = {\n  type: 'array',\n  data: { 'items.0.text': { valid: true, value: 'hi' } },\n  fields: [textField],\n  path: 'items',\n  rowIndex: 0,\n}\n\nconst blocksClipboard: ClipboardPasteData = {\n  type: 'blocks',\n  blocks: [ctaBlock],\n  data: { 'layout.0.blockType': { valid: true, value: 'cta' } },\n  path: 'layout',\n  rowIndex: 0,\n}\n\nclass LocalStorageMock {\n  private store: Record<string, string> = {}\n\n  clear() {\n    this.store = {}\n  }\n\n  getItem(key: string): null | string {\n    return key in this.store ? this.store[key] : null\n  }\n\n  removeItem(key: string) {\n    delete this.store[key]\n  }\n\n  setItem(key: string, value: string) {\n    this.store[key] = String(value)\n  }\n}\n\ndescribe('canPasteClipboardData', () => {\n  let localStorageMock: LocalStorageMock\n\n  beforeEach(() => {\n    localStorageMock = new LocalStorageMock()\n    vi.stubGlobal('localStorage', localStorageMock)\n  })\n\n  afterEach(() => {\n    vi.unstubAllGlobals()\n  })\n\n  const writeClipboard = (data: ClipboardPasteData) => {\n    localStorageMock.setItem(localStorageClipboardKey, JSON.stringify(data))\n  }\n\n  it('should return false when the clipboard is empty', () => {\n    expect(canPasteClipboardData({ path: 'items', schemaFields: [textField] })).toBe(false)\n  })\n\n  it('should return false when the clipboard contains invalid JSON', () => {\n    localStorageMock.setItem(localStorageClipboardKey, 'not-json')\n\n    expect(canPasteClipboardData({ path: 'items', schemaFields: [textField] })).toBe(false)\n  })\n\n  it('should return true for an array field with a matching schema', () => {\n    writeClipboard(arrayClipboard)\n\n    expect(canPasteClipboardData({ path: 'items', schemaFields: [textField] })).toBe(true)\n  })\n\n  it('should return false for an array field with an incompatible schema', () => {\n    writeClipboard(arrayClipboard)\n\n    expect(canPasteClipboardData({ path: 'items', schemaFields: [numberField] })).toBe(false)\n  })\n\n  it('should return true for a blocks field with a matching schema', () => {\n    writeClipboard(blocksClipboard)\n\n    expect(canPasteClipboardData({ path: 'layout', schemaBlocks: [ctaBlock] })).toBe(true)\n  })\n\n  it('should return false for a blocks field with an incompatible schema', () => {\n    writeClipboard(blocksClipboard)\n\n    expect(canPasteClipboardData({ path: 'layout', schemaBlocks: [otherBlock] })).toBe(false)\n  })\n\n  it('should return false when pasting array data into a blocks field', () => {\n    writeClipboard(arrayClipboard)\n\n    expect(canPasteClipboardData({ path: 'layout', schemaBlocks: [ctaBlock] })).toBe(false)\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ClipboardAction/index.css

@@ -0,0 +1,8 @@
+@layer payload-default {
+  .clipboard-action__button.popup-button--active,
+  .clipboard-action__button.popup-button--active:hover,
+  .clipboard-action__button.popup-button--active:active {
+    background: var(--color-bg-selected);
+    color: var(--color-icon-selected);
+  }
+}

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

@@ -1,6 +1,7 @@
 import type { FormStateWithoutComponents } from 'payload';
 import { type FC } from 'react';
 import type { ClipboardCopyData, OnPasteFn } from './types.js';
+import './index.css';
 type Props = {
     allowCopy?: boolean;
     allowPaste?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAU9D,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA2FrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAS9D,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAyGrC,CAAA"}

package/dist/elements/ClipboardAction/index.js

@@ -3,11 +3,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { toast } from 'sonner';
+import { ClipboardIcon } from '../../icons/Clipboard/index.js';
+import { CopyIcon } from '../../icons/Copy/index.js';
 import { MoreIcon } from '../../icons/More/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
-import { ClipboardActionLabel } from './ClipboardActionLabel.js';
 import { clipboardCopy, clipboardPaste } from './clipboardUtilities.js';
+import { useCanPasteClipboard } from './useCanPasteClipboard.js';
+import './index.css';
 const baseClass = 'clipboard-action';
 /**
  * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.
@@ -28,6 +31,16 @@ export const ClipboardAction = ({
   const {
     t
   } = useTranslation();
+  const {
+    canPaste,
+    refresh
+  } = useCanPasteClipboard(rest.type === 'array' ? {
+    path,
+    schemaFields: rest.fields
+  } : {
+    path,
+    schemaBlocks: rest.blocks
+  });
   const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ');
   const handleCopy = useCallback(() => {
     const clipboardResult = clipboardCopy({
@@ -62,36 +75,40 @@ export const ClipboardAction = ({
   }
   return /*#__PURE__*/_jsx(Popup, {
     button: /*#__PURE__*/_jsx(MoreIcon, {}),
+    buttonAriaLabel: t('general:moreOptions'),
     buttonClassName: `${baseClass}__button`,
     caret: false,
     className: classes,
     disabled: disabled,
     horizontalAlign: "right",
+    onToggleOpen: active => {
+      if (active) {
+        refresh();
+      }
+    },
     render: ({
       close
-    }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
-      buttonSize: "medium",
+    }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
       children: [/*#__PURE__*/_jsx(PopupList.Button, {
         className: copyClassName,
         disabled: !allowCopy,
+        icon: /*#__PURE__*/_jsx(CopyIcon, {
+          size: 24
+        }),
         onClick: () => {
           void handleCopy();
           close();
         },
-        children: /*#__PURE__*/_jsx(ClipboardActionLabel, {
-          isRow: isRow
-        })
+        children: isRow ? t('general:copyRow') : t('general:copyField')
       }), /*#__PURE__*/_jsx(PopupList.Button, {
         className: pasteClassName,
-        disabled: !allowPaste,
+        disabled: !allowPaste || !canPaste,
+        icon: /*#__PURE__*/_jsx(ClipboardIcon, {}),
         onClick: () => {
           void handlePaste();
           close();
         },
-        children: /*#__PURE__*/_jsx(ClipboardActionLabel, {
-          isPaste: true,
-          isRow: isRow
-        })
+        children: isRow ? t('general:pasteRow') : t('general:pasteField')
       })]
     }),
     verticalAlign: "bottom"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","_jsx","button","buttonClassName","caret","horizontalAlign","render","close","_jsxs","ButtonGroup","buttonSize","Button","onClick","isPaste","verticalAlign"],"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup buttonSize=\"medium\">\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAAkBA,WAAW,QAAQ;AACrC,SAASC,KAAK,QAAQ;AAItB,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,EAAEC,cAAc,QAAQ;AAE9C,MAAMC,SAAA,GAAY;AAclB;;;;AAIA,OAAO,MAAMC,eAAA,GAA6BA,CAAC;EACzCC,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJ,GAAGC;AAAA,CACJ;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGlB,cAAA;EAEd,MAAMmB,OAAA,GAAU,CAAC,GAAGb,SAAA,SAAkB,EAAEI,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAExE,MAAMC,UAAA,GAAa1B,WAAA,CAAY;IAC7B,MAAM2B,eAAA,GAAkBpB,aAAA,CAAc;MACpCY,IAAA;MACAE,CAAA;MACA,GAAGD;IACL;IAEA,IAAI,OAAOO,eAAA,KAAoB,UAAU;MACvC1B,KAAA,CAAM2B,KAAK,CAACD,eAAA;IACd,OAAO;MACL1B,KAAA,CAAM4B,OAAO,CAACR,CAAA,CAAE;IAClB;EACF,GAAG,CAACA,CAAA,EAAGD,IAAA,EAAMD,IAAA,CAAK;EAElB,MAAMW,WAAA,GAAc9B,WAAA,CAAY;IAC9B,MAAM2B,iBAAA,GAAkBnB,cAAA,CACtBY,IAAA,CAAKW,IAAI,KAAK,UACV;MACEd,OAAA;MACAE,IAAA;MACAa,YAAA,EAAcZ,IAAA,CAAKa,MAAM;MACzBZ;IACF,IACA;MACEJ,OAAA;MACAE,IAAA;MACAe,YAAA,EAAcd,IAAA,CAAKe,MAAM;MACzBd;IACF;IAGN,IAAI,OAAOM,iBAAA,KAAoB,UAAU;MACvC1B,KAAA,CAAM2B,KAAK,CAACD,iBAAA;IACd;EACF,GAAG,CAACV,OAAA,EAASG,IAAA,EAAMD,IAAA,EAAME,CAAA,CAAE;EAE3B,IAAI,CAACT,UAAA,IAAc,CAACD,SAAA,EAAW;IAC7B,OAAO;EACT;EAEA,oBACEyB,IAAA,CAAChC,KAAA;IACCiC,MAAA,eAAQD,IAAA,CAAClC,QAAA;IACToC,eAAA,EAAiB,GAAG7B,SAAA,UAAmB;IACvC8B,KAAA,EAAO;IACP1B,SAAA,EAAWS,OAAA;IACXP,QAAA,EAAUA,QAAA;IACVyB,eAAA,EAAgB;IAChBC,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBC,KAAA,CAACtC,SAAA,CAAUuC,WAAW;MAACC,UAAA,EAAW;8BAChCT,IAAA,CAAC/B,SAAA,CAAUyC,MAAM;QACfjC,SAAA,EAAWC,aAAA;QACXC,QAAA,EAAU,CAACJ,SAAA;QACXoC,OAAA,EAASA,CAAA;UACP,KAAKrB,UAAA;UACLgB,KAAA;QACF;kBAEA,aAAAN,IAAA,CAAC9B,oBAAA;UAAqBU,KAAA,EAAOA;;uBAE/BoB,IAAA,CAAC/B,SAAA,CAAUyC,MAAM;QACfjC,SAAA,EAAWK,cAAA;QACXH,QAAA,EAAU,CAACH,UAAA;QACXmC,OAAA,EAASA,CAAA;UACP,KAAKjB,WAAA;UACLY,KAAA;QACF;kBAEA,aAAAN,IAAA,CAAC9B,oBAAA;UAAqB0C,OAAO;UAAChC,KAAA,EAAOA;;;;IAI3CiC,aAAA,EAAc;;AAGpB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useCallback","toast","ClipboardIcon","CopyIcon","MoreIcon","useTranslation","Popup","PopupList","clipboardCopy","clipboardPaste","useCanPasteClipboard","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","canPaste","refresh","type","schemaFields","fields","schemaBlocks","blocks","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","_jsx","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","active","render","close","_jsxs","MenuItem","Button","icon","size","onClick","verticalAlign"],"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\nimport { useCanPasteClipboard } from './useCanPasteClipboard.js'\nimport './index.css'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(\n    rest.type === 'array'\n      ? { path, schemaFields: rest.fields }\n      : { path, schemaBlocks: rest.blocks },\n  )\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={t('general:moreOptions')}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      render={({ close }) => (\n        <PopupList.MenuItem>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            icon={<CopyIcon size={24} />}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            {isRow ? t('general:copyRow') : t('general:copyField')}\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste || !canPaste}\n            icon={<ClipboardIcon />}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            {isRow ? t('general:pasteRow') : t('general:pasteField')}\n          </PopupList.Button>\n        </PopupList.MenuItem>\n      )}\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}