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

package/dist/css/app.css

@@ -49,8 +49,8 @@
     letter-spacing: var(--text-letter-spacing);
     color: var(--color-text);
     margin: 0;
-    /* this is for the nav to be able to push the document over */
-    overflow-x: hidden;
+    /* Clip the shifted navigation without making body a vertical scroll container. */
+    overflow-x: clip;
   }
 
   /* Lock background scroll while a drawer is open. Backs up faceless-ui's JS

package/dist/css/colors.css

@@ -132,7 +132,10 @@
     --color-border-danger-strong: var(--ramp-red-600);
 
     --color-border: var(--ramp-grey-200);
+    --color-border-menu-separator: var(--ramp-white-200);
     --color-border-strong: var(--ramp-grey-800);
+    --color-border-control: var(--special-border-translucent);
+    --color-border-control-strong: var(--special-border-translucent-strong);
 
     --color-border-disabled: var(--ramp-grey-200);
 
@@ -184,6 +187,8 @@
     --color-icon-onsuccess-secondary: var(--ramp-white-600);
     --color-icon-success: var(--ramp-green-600);
 
+    --color-icon-favorite: var(--ramp-yellow-500);
+
     --color-icon-warning: var(--ramp-yellow-1000);
     --color-icon-warning-pressed: var(--ramp-yellow-1000);
 
@@ -366,6 +371,8 @@
 
     --color-border: var(--ramp-grey-600);
     --color-border-strong: var(--ramp-white-800);
+    --color-border-control: var(--special-border-translucent);
+    --color-border-control-strong: var(--special-border-translucent-strong);
 
     --color-border-disabled: var(--ramp-grey-600);
 
@@ -487,4 +494,62 @@
        End Field Tokens
        ————————————————————————————————————————————— */
   }
+  /* Reapply the contrast palette at theme boundaries, including portaled menus.
+     Component-specific mappings live with their component styles. */
+  html[data-enhanced-contrast],
+  html[data-enhanced-contrast] [data-theme] {
+    --color-border: var(--color-border-control);
+    --color-border-control-strong: var(--color-border-control);
+    --color-border-menu-separator: var(--ramp-white-500);
+  }
+
+  html[data-enhanced-contrast],
+  html[data-enhanced-contrast] [data-theme='light'] {
+    --color-bg-brand: var(--ramp-blue-700);
+    --color-bg-brand-hover: var(--ramp-blue-800);
+    --color-bg-brand-pressed: var(--ramp-blue-900);
+    --color-bg-selected-strong: var(--color-bg-brand);
+    --color-bg-selected-strong-hover: var(--color-bg-brand-hover);
+    --color-bg-danger: var(--ramp-red-600);
+    --color-bg-danger-hover: var(--ramp-red-700);
+    --color-bg-danger-pressed: var(--ramp-red-800);
+    --field-color-border: var(--color-border-control);
+    --field-color-border-hover: var(--color-border-control);
+    --color-border-control: var(--ramp-black-500);
+    --color-border-selected: var(--ramp-blue-700);
+    --color-icon-favorite: var(--ramp-yellow-1000);
+    --color-icon-tertiary: var(--ramp-black-500);
+    --color-text-brand: var(--ramp-blue-700);
+    --color-text-danger: var(--ramp-red-700);
+    --color-text-disabled: var(--ramp-grey-600);
+    --color-text-ondisabled: var(--ramp-grey-600);
+    --color-text-secondary: var(--ramp-black-600);
+    --color-text-selected: var(--ramp-blue-800);
+    --color-text-tertiary: var(--ramp-grey-600);
+  }
+
+  html[data-enhanced-contrast][data-theme='dark'],
+  html[data-enhanced-contrast] [data-theme='dark'] {
+    --color-bg-brand: var(--ramp-blue-700);
+    --color-bg-brand-hover: var(--ramp-blue-800);
+    --color-bg-brand-pressed: var(--ramp-blue-900);
+    --color-bg-selected-strong: var(--color-bg-brand);
+    --color-bg-selected-strong-hover: var(--color-bg-brand-hover);
+    --color-bg-danger: var(--ramp-dark-red-600);
+    --color-bg-danger-hover: var(--ramp-dark-red-700);
+    --color-bg-danger-pressed: var(--ramp-red-800);
+    --field-color-border: var(--color-border-control);
+    --field-color-border-hover: var(--color-border-control);
+    --color-border-control: var(--ramp-white-500);
+    --color-border-selected: var(--ramp-blue-400);
+    --color-icon-favorite: var(--ramp-yellow-500);
+    --color-icon-tertiary: var(--ramp-white-400);
+    --color-text-brand: var(--ramp-blue-400);
+    --color-text-danger: var(--ramp-red-400);
+    --color-text-disabled: var(--ramp-white-500);
+    --color-text-ondisabled: var(--ramp-white-1000);
+    --color-text-secondary: var(--ramp-white-500);
+    --color-text-selected: var(--ramp-blue-200);
+    --color-text-tertiary: var(--ramp-white-500);
+  }
 }

package/dist/elements/APIKeyInput/index.js

@@ -27,22 +27,21 @@ export const APIKeyInput = t0 => {
   const revealOnMount = t3 === undefined ? false : t3;
   const [showKey, setShowKey] = useState(revealOnMount);
   const keyValue = value ?? "";
-  const t4 = highlighted && "highlight";
-  let t5;
-  if ($[0] !== t4) {
-    t5 = [`${baseClass}__control`, t4].filter(Boolean);
-    $[0] = t4;
-    $[1] = t5;
-  } else {
-    t5 = $[1];
-  }
-  const t6 = t5.join(" ");
-  let t7;
-  if ($[2] !== ariaLabel || $[3] !== id || $[4] !== keyValue || $[5] !== masked || $[6] !== showKey || $[7] !== t6) {
-    t7 = _jsxs("div", {
+  let t4;
+  if ($[0] !== ariaLabel || $[1] !== highlighted || $[2] !== id || $[3] !== keyValue || $[4] !== masked || $[5] !== showKey) {
+    const t5 = highlighted && "highlight";
+    let t6;
+    if ($[7] !== t5) {
+      t6 = [`${baseClass}__control`, t5].filter(Boolean);
+      $[7] = t5;
+      $[8] = t6;
+    } else {
+      t6 = $[8];
+    }
+    t4 = _jsxs("div", {
       className: baseClass,
       children: [_jsxs("div", {
-        className: t6,
+        className: t6.join(" "),
         children: [_jsx(KeyIcon, {
           className: `${baseClass}__icon`
         }), _jsx("input", {
@@ -66,17 +65,17 @@ export const APIKeyInput = t0 => {
         value: keyValue
       })]
     });
-    $[2] = ariaLabel;
-    $[3] = id;
-    $[4] = keyValue;
-    $[5] = masked;
-    $[6] = showKey;
-    $[7] = t6;
-    $[8] = t7;
+    $[0] = ariaLabel;
+    $[1] = highlighted;
+    $[2] = id;
+    $[3] = keyValue;
+    $[4] = masked;
+    $[5] = showKey;
+    $[6] = t4;
   } else {
-    t7 = $[8];
+    t4 = $[6];
   }
-  return t7;
+  return t4;
 };
 function _temp(prev) {
   return !prev;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","EyeIcon","KeyIcon","CopyToClipboard","baseClass","APIKeyInput","t0","$","id","t1","highlighted","masked","t2","revealOnMount","t3","value","ariaLabel","undefined","showKey","setShowKey","keyValue","t4","t5","filter","Boolean","t6","join","t7","_jsxs","className","children","_jsx","readOnly","type","onClick","_temp","active","size","prev"],"sources":["../../../src/elements/APIKeyInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { KeyIcon } from '../../icons/Key/index.js'\nimport { CopyToClipboard } from '../CopyToClipboard/index.js'\nimport './index.css'\n\nconst baseClass = 'api-key-input'\n\nexport type APIKeyInputProps = {\n  readonly 'aria-label'?: string\n  readonly highlighted?: boolean\n  readonly id?: string\n  readonly masked?: boolean\n  readonly revealOnMount?: boolean\n  readonly value: null | string | undefined\n}\n\n/**\n * Read-only masked API key field: key icon, value, show/hide toggle, and copy\n * control. Shared by the core auth API-key field and the MCP API-keys collection.\n */\nexport const APIKeyInput: React.FC<APIKeyInputProps> = ({\n  id,\n  'aria-label': ariaLabel = 'API Key',\n  highlighted,\n  masked = false,\n  revealOnMount = false,\n  value,\n}) => {\n  const [showKey, setShowKey] = useState(revealOnMount)\n  const keyValue = value ?? ''\n\n  return (\n    <div className={baseClass}>\n      <div\n        className={[`${baseClass}__control`, highlighted && 'highlight'].filter(Boolean).join(' ')}\n      >\n        <KeyIcon className={`${baseClass}__icon`} />\n        <input\n          aria-label={ariaLabel}\n          className={`${baseClass}__field`}\n          id={id}\n          readOnly\n          type={masked || showKey ? 'text' : 'password'}\n          value={keyValue}\n        />\n        {!masked && (\n          <button\n            aria-label={showKey ? 'Hide API key' : 'Show API key'}\n            className={`${baseClass}__toggle`}\n            onClick={() => setShowKey((prev) => !prev)}\n            type=\"button\"\n          >\n            <EyeIcon active={showKey} size={24} />\n          </button>\n        )}\n      </div>\n      {!masked && <CopyToClipboard value={keyValue} />}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB;;;;AAIA,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,EAAA;IAAA,cAAAC,EAAA;IAAAC,WAAA;IAAAC,MAAA,EAAAC,EAAA;IAAAC,aAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAT,EAOvD;EALe,MAAAU,SAAA,GAAAP,EAAqB,KAAAQ,SAAA,GAAT,SAAS,GAArBR,EAAqB;EAEnC,MAAAE,MAAA,GAAAC,EAAc,KAAAK,SAAA,WAAdL,EAAc;EACd,MAAAC,aAAA,GAAAC,EAAqB,KAAAG,SAAA,WAArBH,EAAqB;EAGrB,OAAAI,OAAA,EAAAC,UAAA,IAA8BnB,QAAA,CAASa,aAAA;EACvC,MAAAO,QAAA,GAAiBL,KAAA,IAAS;EAKiB,MAAAM,EAAA,GAAAX,WAAA,IAAe;EAAA,IAAAY,EAAA;EAAA,IAAAf,CAAA,QAAAc,EAAA;IAAzCC,EAAA,IAAC,GAAAlB,SAAA,WAAuB,EAAEiB,EAAe,EAAAE,MAAA,CAAAC,OAAoB;IAAAjB,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAA7D,MAAAkB,EAAA,GAAAH,EAA6D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAa,QAAA,IAAAb,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAAkB,EAAA;IAF1FE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAzB,SAAA;MAAA0B,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EACYJ,EAA2E;QAAAK,QAAA,GAEtFC,IAAA,CAAA7B,OAAA;UAAA2B,SAAA,EAAoB,GAAAzB,SAAA;QAAoB,C,GACxC2B,IAAA,CAAC;UAAA,cACaf,SAAA;UAAAa,SAAA,EACD,GAAAzB,SAAA,SAAqB;UAAAI,EAAA;UAAAwB,QAAA;UAAAC,IAAA,EAG1BtB,MAAA,IAAUO,OAAA,GAAU,SAAS;UAAAH,KAAA,EAC5BK;QAAA,C,GAER,CAACT,MAAA,IACAoB,IAAA,CAAC;UAAA,cACab,OAAA,GAAU,iBAAiB;UAAAW,SAAA,EAC5B,GAAAzB,SAAA,UAAsB;UAAA8B,OAAA,EAAAA,CAAA,KAClBf,UAAA,CAAAgB,KAAsB;UAAAF,IAAA,EAChC;UAAAH,QAAA,EAELC,IAAA,CAAA9B,OAAA;YAAAmC,MAAA,EAAiBlB,OAAA;YAAAmB,IAAA;UAAA,C;;UAItB,CAAC1B,MAAA,IAAUoB,IAAA,CAAA5B,eAAA;QAAAY,KAAA,EAAwBK;MAAA,C;;;;;;;;;;;;SAxBtCO,E;CA2BJ;AAvCuD,SAAAQ,MAAAG,IAAA;EAAA,QA6BNA,IAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","EyeIcon","KeyIcon","CopyToClipboard","baseClass","APIKeyInput","t0","$","id","t1","highlighted","masked","t2","revealOnMount","t3","value","ariaLabel","undefined","showKey","setShowKey","keyValue","t4","t5","t6","filter","Boolean","_jsxs","className","children","join","_jsx","readOnly","type","onClick","_temp","active","size","prev"],"sources":["../../../src/elements/APIKeyInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { KeyIcon } from '../../icons/Key/index.js'\nimport { CopyToClipboard } from '../CopyToClipboard/index.js'\nimport './index.css'\n\nconst baseClass = 'api-key-input'\n\nexport type APIKeyInputProps = {\n  readonly 'aria-label'?: string\n  readonly highlighted?: boolean\n  readonly id?: string\n  readonly masked?: boolean\n  readonly revealOnMount?: boolean\n  readonly value: null | string | undefined\n}\n\n/**\n * Read-only masked API key field: key icon, value, show/hide toggle, and copy\n * control. Shared by the core auth API-key field and the MCP API-keys collection.\n */\nexport const APIKeyInput: React.FC<APIKeyInputProps> = ({\n  id,\n  'aria-label': ariaLabel = 'API Key',\n  highlighted,\n  masked = false,\n  revealOnMount = false,\n  value,\n}) => {\n  const [showKey, setShowKey] = useState(revealOnMount)\n  const keyValue = value ?? ''\n\n  return (\n    <div className={baseClass}>\n      <div\n        className={[`${baseClass}__control`, highlighted && 'highlight'].filter(Boolean).join(' ')}\n      >\n        <KeyIcon className={`${baseClass}__icon`} />\n        <input\n          aria-label={ariaLabel}\n          className={`${baseClass}__field`}\n          id={id}\n          readOnly\n          type={masked || showKey ? 'text' : 'password'}\n          value={keyValue}\n        />\n        {!masked && (\n          <button\n            aria-label={showKey ? 'Hide API key' : 'Show API key'}\n            className={`${baseClass}__toggle`}\n            onClick={() => setShowKey((prev) => !prev)}\n            type=\"button\"\n          >\n            <EyeIcon active={showKey} size={24} />\n          </button>\n        )}\n      </div>\n      {!masked && <CopyToClipboard value={keyValue} />}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB;;;;AAIA,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,EAAA;IAAA,cAAAC,EAAA;IAAAC,WAAA;IAAAC,MAAA,EAAAC,EAAA;IAAAC,aAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAT,EAOvD;EALe,MAAAU,SAAA,GAAAP,EAAqB,KAArBQ,SAAqB,GAArB,SAAqB,GAArBR,EAAqB;EAEnC,MAAAE,MAAA,GAAAC,EAAc,KAAdK,SAAc,GAAd,KAAc,GAAdL,EAAc;EACd,MAAAC,aAAA,GAAAC,EAAqB,KAArBG,SAAqB,GAArB,KAAqB,GAArBH,EAAqB;EAGrB,OAAAI,OAAA,EAAAC,UAAA,IAA8BnB,QAAA,CAASa,aAAA;EACvC,MAAAO,QAAA,GAAiBL,KAAS,IAAT,EAAS;EAAA,IAAAM,EAAA;EAAA,IAAAd,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAa,QAAA,IAAAb,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAW,OAAA;IAKiB,MAAAI,EAAA,GAAAZ,WAAe,IAAf,WAAe;IAAA,IAAAa,EAAA;IAAA,IAAAhB,CAAA,QAAAe,EAAA;MAAzCC,EAAA,IAAC,GAAGnB,SAAA,WAAoB,EAAEkB,EAAe,CAAY,CAAAE,MAAO,CAACC,OAAA;MAAAlB,CAAA,MAAAe,EAAA;MAAAf,CAAA,MAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAF5Ec,EAAA,GAAAK,KAAA,CAAC;MAAAC,SAAA,EAAevB,SAAA;MAAAwB,QAAA,E,CACdF,KAAA,CAAC;QAAAC,SAAA,EACYJ,EAA6D,CAAAM,IAAa,CAAC;QAAAD,QAAA,E,CAEtFE,IAAA,CAAC5B,OAAA;UAAAyB,SAAA,EAAmB,GAAGvB,SAAA;YACvB0B,IAAA,CAAC;UAAA,cACad,SAAA;UAAAW,SAAA,EACD,GAAGvB,SAAA,SAAkB;UAAAI,EAAA;UAAAuB,QAAA,EAExB;UAAAC,IAAA,EACFrB,MAAU,IAAVO,OAA6B,GAA7B,MAA6B,GAA7B,UAA6B;UAAAH,KAAA,EAC5BK;YAER,CAACT,M,IACAmB,IAAA,CAAC;UAAA,cACaZ,OAAA,iBAA2B,GAA3B,cAA2B;UAAAS,SAAA,EAC5B,GAAGvB,SAAA,UAAmB;UAAA6B,OAAA,EACxBA,CAAA,KAAMd,UAAA,CAAWe,KAAW;UAAAF,IAAA,EAChC;UAAAJ,QAAA,EAELE,IAAA,CAAC7B,OAAA;YAAAkC,MAAA,EAAgBjB,OAAA;YAAAkB,IAAA,EAAe;;;UAIrC,CAACzB,M,IAAUmB,IAAA,CAAC3B,eAAA;QAAAY,KAAA,EAAuBK;;;;;;;;;;;;;SAxBtCC,E;CA2BJ;AAvCuD,SAAAa,MAAAG,IAAA;EAAA,OA6BP,CAACA,IAAA;AAAA","ignoreList":[]}

package/dist/elements/AddNewRelation/index.js

@@ -16,7 +16,7 @@ import * as PopupList from '../Popup/PopupButtonList/index.js';
 import './index.css';
 const baseClass = 'relationship-add-new';
 export const AddNewRelation = t0 => {
-  const $ = _c(44);
+  const $ = _c(43);
   const {
     Button: ButtonFromProps,
     hasMany,
@@ -182,20 +182,19 @@ export const AddNewRelation = t0 => {
     t13 = $[27];
   }
   useEffect(t12, t13);
-  const t14 = relatedCollections[0]?.labels.singular;
+  let t14;
   let t15;
-  let t16;
-  if ($[28] !== ButtonFromProps || $[29] !== DocumentDrawer || $[30] !== DocumentDrawerToggler || $[31] !== collectionConfig || $[32] !== i18n || $[33] !== onSave || $[34] !== path || $[35] !== permissions || $[36] !== popupOpen || $[37] !== relatedCollections || $[38] !== show || $[39] !== t || $[40] !== t14 || $[41] !== unstyled) {
-    t16 = Symbol.for("react.early_return_sentinel");
+  if ($[28] !== ButtonFromProps || $[29] !== DocumentDrawer || $[30] !== DocumentDrawerToggler || $[31] !== collectionConfig || $[32] !== i18n || $[33] !== onSave || $[34] !== path || $[35] !== permissions || $[36] !== popupOpen || $[37] !== relatedCollections || $[38] !== show || $[39] !== t || $[40] !== unstyled) {
+    t15 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const label = t("fields:addNewLabel", {
-        label: getTranslation(t14, i18n)
+        label: getTranslation(relatedCollections[0]?.labels.singular, i18n)
       });
       if (!show) {
-        t16 = null;
+        t15 = null;
         break bb0;
       }
-      t15 = _jsxs("div", {
+      t14 = _jsxs("div", {
         className: baseClass,
         id: `${path}-add-new`,
         children: [relatedCollections.length === 1 && _jsxs(Fragment, {
@@ -214,10 +213,10 @@ export const AddNewRelation = t0 => {
             onToggleClose: () => setPopupOpen(false),
             onToggleOpen: () => setPopupOpen(true),
             popupType: "menu",
-            render: t17 => {
+            render: t16 => {
               const {
                 close: closePopup
-              } = t17;
+              } = t16;
               return _jsx(PopupList.ButtonGroup, {
                 children: relatedCollections.map(relatedCollection => {
                   if (permissions.collections[relatedCollection?.slug]?.create) {
@@ -234,11 +233,11 @@ export const AddNewRelation = t0 => {
                 })
               });
             },
-            renderButton: t18 => {
+            renderButton: t17 => {
               const {
                 active,
                 ...buttonProps
-              } = t18;
+              } = t17;
               return _jsx(Button, {
                 className: `${baseClass}__add-button`,
                 ...buttonProps,
@@ -266,17 +265,16 @@ export const AddNewRelation = t0 => {
     $[37] = relatedCollections;
     $[38] = show;
     $[39] = t;
-    $[40] = t14;
-    $[41] = unstyled;
+    $[40] = unstyled;
+    $[41] = t14;
     $[42] = t15;
-    $[43] = t16;
   } else {
+    t14 = $[41];
     t15 = $[42];
-    t16 = $[43];
   }
-  if (t16 !== Symbol.for("react.early_return_sentinel")) {
-    return t16;
+  if (t15 !== Symbol.for("react.early_return_sentinel")) {
+    return t15;
   }
-  return t15;
+  return t14;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","hasAutosaveEnabled","React","Fragment","useCallback","useEffect","useState","useRelatedCollections","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","Popup","PopupList","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","onChange","path","relationTo","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","isNewValue","some","v","id","Array","isArray","onSave","t7","collections","create","collection","t8","t9","find","collection_0","t10","t11","t12","t13","t14","labels","singular","t15","t16","Symbol","for","bb0","label","_jsxs","className","children","_jsx","buttonStyle","filter","Boolean","join","tooltip","buttonType","horizontalAlign","onToggleClose","onToggleOpen","popupType","render","t17","close","closePopup","ButtonGroup","map","relatedCollection","onClick","active","buttonProps","t18","selected"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\nimport type { Props } from './types.js'\n\nimport { useRelatedCollections } from '../../hooks/useRelatedCollections.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup } from '../Popup/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  onChange,\n  path,\n  relationTo,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n\n  const relatedToMany = relatedCollections.length > 1\n\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentDrawerContextType['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      // if autosave is enabled, the operation will be 'update'\n      if (\n        operation === 'create' ||\n        (operation === 'update' && hasAutosaveEnabled(collectionConfig))\n      ) {\n        // ensure the value is not already in the array\n        let isNewValue = false\n        if (!value) {\n          isNewValue = true\n        } else {\n          isNewValue = Array.isArray(value)\n            ? !value.some((v) => v && v.value === doc.id)\n            : value.value !== doc.id\n        }\n\n        if (isNewValue) {\n          if (hasMany === true) {\n            onChange([\n              ...(Array.isArray(value) ? value : []),\n              {\n                relationTo: collectionConfig?.slug,\n                value: doc.id,\n              },\n            ])\n          } else {\n            onChange({\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            })\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [collectionConfig, hasMany, onChange, value],\n  )\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0]?.labels.singular, i18n),\n  })\n\n  if (!show) {\n    return null\n  }\n\n  return (\n    <div className={baseClass} id={`${path}-add-new`}>\n      {relatedCollections.length === 1 && (\n        <Fragment>\n          <DocumentDrawerToggler\n            buttonStyle=\"secondary\"\n            className={[\n              `${baseClass}__add-button`,\n              unstyled && `${baseClass}__add-button--unstyled`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            tooltip={ButtonFromProps ? undefined : label}\n          >\n            {ButtonFromProps ? ButtonFromProps : <PlusIcon />}\n          </DocumentDrawerToggler>\n          <DocumentDrawer onSave={onSave} />\n        </Fragment>\n      )}\n      {relatedCollections.length > 1 && (\n        <Fragment>\n          <Popup\n            buttonType=\"custom\"\n            horizontalAlign=\"right\"\n            onToggleClose={() => setPopupOpen(false)}\n            onToggleOpen={() => setPopupOpen(true)}\n            popupType=\"menu\"\n            render={({ close: closePopup }) => (\n              <PopupList.ButtonGroup>\n                {relatedCollections.map((relatedCollection) => {\n                  if (permissions.collections[relatedCollection?.slug]?.create) {\n                    return (\n                      <PopupList.Button\n                        className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                        key={relatedCollection?.slug}\n                        onClick={() => {\n                          closePopup()\n                          setSelectedCollection(relatedCollection?.slug)\n                        }}\n                      >\n                        {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                      </PopupList.Button>\n                    )\n                  }\n\n                  return null\n                })}\n              </PopupList.ButtonGroup>\n            )}\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                className={`${baseClass}__add-button`}\n                {...buttonProps}\n                buttonStyle=\"secondary\"\n                selected={active}\n                tooltip={popupOpen ? '' : t('fields:addNew')}\n              >\n                <PlusIcon />\n              </Button>\n            )}\n          />\n          {collectionConfig && permissions.collections[collectionConfig?.slug]?.create && (\n            <DocumentDrawer onSave={onSave} />\n          )}\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","hasAutosaveEnabled","React","Fragment","useCallback","useEffect","useState","useRelatedCollections","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","Popup","PopupList","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","onChange","path","relationTo","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","isNewValue","Array","isArray","some","v","id","onSave","t7","collections","create","collection","t8","t9","find","collection_0","t10","t11","t12","t13","t14","t15","Symbol","for","bb0","label","labels","singular","_jsxs","className","children","_jsx","buttonStyle","filter","Boolean","join","tooltip","buttonType","horizontalAlign","onToggleClose","onToggleOpen","popupType","render","t16","close","closePopup","ButtonGroup","map","relatedCollection","onClick","t17","active","buttonProps","selected"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\nimport type { Props } from './types.js'\n\nimport { useRelatedCollections } from '../../hooks/useRelatedCollections.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup } from '../Popup/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport './index.css'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  onChange,\n  path,\n  relationTo,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n\n  const relatedToMany = relatedCollections.length > 1\n\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentDrawerContextType['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      // if autosave is enabled, the operation will be 'update'\n      if (\n        operation === 'create' ||\n        (operation === 'update' && hasAutosaveEnabled(collectionConfig))\n      ) {\n        // ensure the value is not already in the array\n        let isNewValue = false\n        if (!value) {\n          isNewValue = true\n        } else {\n          isNewValue = Array.isArray(value)\n            ? !value.some((v) => v && v.value === doc.id)\n            : value.value !== doc.id\n        }\n\n        if (isNewValue) {\n          if (hasMany === true) {\n            onChange([\n              ...(Array.isArray(value) ? value : []),\n              {\n                relationTo: collectionConfig?.slug,\n                value: doc.id,\n              },\n            ])\n          } else {\n            onChange({\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            })\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [collectionConfig, hasMany, onChange, value],\n  )\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0]?.labels.singular, i18n),\n  })\n\n  if (!show) {\n    return null\n  }\n\n  return (\n    <div className={baseClass} id={`${path}-add-new`}>\n      {relatedCollections.length === 1 && (\n        <Fragment>\n          <DocumentDrawerToggler\n            buttonStyle=\"secondary\"\n            className={[\n              `${baseClass}__add-button`,\n              unstyled && `${baseClass}__add-button--unstyled`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            tooltip={ButtonFromProps ? undefined : label}\n          >\n            {ButtonFromProps ? ButtonFromProps : <PlusIcon />}\n          </DocumentDrawerToggler>\n          <DocumentDrawer onSave={onSave} />\n        </Fragment>\n      )}\n      {relatedCollections.length > 1 && (\n        <Fragment>\n          <Popup\n            buttonType=\"custom\"\n            horizontalAlign=\"right\"\n            onToggleClose={() => setPopupOpen(false)}\n            onToggleOpen={() => setPopupOpen(true)}\n            popupType=\"menu\"\n            render={({ close: closePopup }) => (\n              <PopupList.ButtonGroup>\n                {relatedCollections.map((relatedCollection) => {\n                  if (permissions.collections[relatedCollection?.slug]?.create) {\n                    return (\n                      <PopupList.Button\n                        className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                        key={relatedCollection?.slug}\n                        onClick={() => {\n                          closePopup()\n                          setSelectedCollection(relatedCollection?.slug)\n                        }}\n                      >\n                        {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                      </PopupList.Button>\n                    )\n                  }\n\n                  return null\n                })}\n              </PopupList.ButtonGroup>\n            )}\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                className={`${baseClass}__add-button`}\n                {...buttonProps}\n                buttonStyle=\"secondary\"\n                selected={active}\n                tooltip={popupOpen ? '' : t('fields:addNew')}\n              >\n                <PlusIcon />\n              </Button>\n            )}\n          />\n          {collectionConfig && permissions.collections[collectionConfig?.slug]?.create && (\n            <DocumentDrawer onSave={onSave} />\n          )}\n        </Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ArrayAction/index.js

@@ -16,7 +16,7 @@ import { Popup, PopupList } from '../Popup/index.js';
 import './index.css';
 const baseClass = 'array-actions';
 export const ArrayAction = t0 => {
-  const $ = _c(32);
+  const $ = _c(34);
   const {
     addRow,
     copyRow,
@@ -41,24 +41,33 @@ export const ArrayAction = t0 => {
   } = useCanPasteClipboard(pasteData);
   let t1;
   if ($[0] !== addRow || $[1] !== canPaste || $[2] !== copyRow || $[3] !== duplicateRow || $[4] !== hasMaxRows || $[5] !== index || $[6] !== isSortable || $[7] !== label || $[8] !== moveRow || $[9] !== pasteRow || $[10] !== pasteRowBelow || $[11] !== refresh || $[12] !== removeRow || $[13] !== rowCount || $[14] !== t) {
-    let t2;
-    if ($[16] !== refresh) {
-      t2 = active => {
+    const t2 = _jsx(MoreIcon, {});
+    let t3;
+    if ($[16] !== t) {
+      t3 = t("general:moreOptions");
+      $[16] = t;
+      $[17] = t3;
+    } else {
+      t3 = $[17];
+    }
+    let t4;
+    if ($[18] !== refresh) {
+      t4 = active => {
         if (active) {
           refresh();
         }
       };
-      $[16] = refresh;
-      $[17] = t2;
+      $[18] = refresh;
+      $[19] = t4;
     } else {
-      t2 = $[17];
+      t4 = $[19];
     }
-    let t3;
-    if ($[18] !== addRow || $[19] !== canPaste || $[20] !== copyRow || $[21] !== duplicateRow || $[22] !== hasMaxRows || $[23] !== index || $[24] !== isSortable || $[25] !== moveRow || $[26] !== pasteRow || $[27] !== pasteRowBelow || $[28] !== removeRow || $[29] !== rowCount || $[30] !== t) {
-      t3 = t4 => {
+    let t5;
+    if ($[20] !== addRow || $[21] !== canPaste || $[22] !== copyRow || $[23] !== duplicateRow || $[24] !== hasMaxRows || $[25] !== index || $[26] !== isSortable || $[27] !== moveRow || $[28] !== pasteRow || $[29] !== pasteRowBelow || $[30] !== removeRow || $[31] !== rowCount || $[32] !== t) {
+      t5 = t6 => {
         const {
           close
-        } = t4;
+        } = t6;
         return _jsxs(PopupList.MenuItem, {
           children: [isSortable && index !== 0 && _jsx(PopupList.Button, {
             className: `${baseClass}__action ${baseClass}__move-up`,
@@ -148,33 +157,33 @@ export const ArrayAction = t0 => {
           })]
         });
       };
-      $[18] = addRow;
-      $[19] = canPaste;
-      $[20] = copyRow;
-      $[21] = duplicateRow;
-      $[22] = hasMaxRows;
-      $[23] = index;
-      $[24] = isSortable;
-      $[25] = moveRow;
-      $[26] = pasteRow;
-      $[27] = pasteRowBelow;
-      $[28] = removeRow;
-      $[29] = rowCount;
-      $[30] = t;
-      $[31] = t3;
+      $[20] = addRow;
+      $[21] = canPaste;
+      $[22] = copyRow;
+      $[23] = duplicateRow;
+      $[24] = hasMaxRows;
+      $[25] = index;
+      $[26] = isSortable;
+      $[27] = moveRow;
+      $[28] = pasteRow;
+      $[29] = pasteRowBelow;
+      $[30] = removeRow;
+      $[31] = rowCount;
+      $[32] = t;
+      $[33] = t5;
     } else {
-      t3 = $[31];
+      t5 = $[33];
     }
     t1 = _jsx(Popup, {
-      button: _jsx(MoreIcon, {}),
-      buttonAriaLabel: `${t("general:moreOptions")}: ${label}`,
+      button: t2,
+      buttonAriaLabel: `${t3}: ${label}`,
       buttonClassName: `${baseClass}__button`,
       caret: false,
       className: baseClass,
       horizontalAlign: "right",
-      onToggleOpen: t2,
+      onToggleOpen: t4,
       popupType: "menu",
-      render: t3
+      render: t5
     });
     $[0] = addRow;
     $[1] = canPaste;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","SwapIcon","XIcon","useTranslation","useCanPasteClipboard","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","label","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","t","canPaste","refresh","t1","t2","active","t3","t4","close","_jsxs","MenuItem","children","_jsx","Button","className","icon","direction","size","Fragment","disabled","onClick","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","popupType","render"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../ClipboardAction/types.js'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  label: string\n  moveRow: (from: number, to: number) => void\n  pasteData: ClipboardPasteEligibilityArgs\n  pasteRow: (index: number) => void\n  pasteRowBelow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  label,\n  moveRow,\n  pasteData,\n  pasteRow,\n  pasteRowBelow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(pasteData)\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={`${t('general:moreOptions')}: ${label}`}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      popupType=\"menu\"\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            {!hasMaxRows && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__paste-below`}\n                disabled={!canPaste}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  pasteRowBelow(index)\n                  close()\n                }}\n              >\n                {t('general:pasteBelow')}\n              </PopupList.Button>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              disabled={!canPaste}\n              icon={<SwapIcon />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:replaceRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ArrowIcon","CopyIcon","DuplicateIcon","MoreIcon","PlusIcon","SwapIcon","XIcon","useTranslation","useCanPasteClipboard","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","label","moveRow","pasteData","pasteRow","pasteRowBelow","removeRow","rowCount","t","canPaste","refresh","t1","t2","_jsx","t3","t4","active","t5","t6","close","_jsxs","MenuItem","children","Button","className","icon","direction","size","onClick","Fragment","disabled","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","popupType","render"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from '../ClipboardAction/types.js'\n\nimport { ArrowIcon } from '../../icons/Arrow/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { DuplicateIcon } from '../../icons/Duplicate/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useCanPasteClipboard } from '../ClipboardAction/useCanPasteClipboard.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n  addRow: (current: number, blockType?: string) => Promise<void> | void\n  copyRow: (index: number) => void\n  duplicateRow: (current: number) => void\n  hasMaxRows: boolean\n  index: number\n  isSortable?: boolean\n  label: string\n  moveRow: (from: number, to: number) => void\n  pasteData: ClipboardPasteEligibilityArgs\n  pasteRow: (index: number) => void\n  pasteRowBelow: (index: number) => void\n  removeRow: (index: number) => void\n  rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n  addRow,\n  copyRow,\n  duplicateRow,\n  hasMaxRows,\n  index,\n  isSortable,\n  label,\n  moveRow,\n  pasteData,\n  pasteRow,\n  pasteRowBelow,\n  removeRow,\n  rowCount,\n}) => {\n  const { t } = useTranslation()\n\n  const { canPaste, refresh } = useCanPasteClipboard(pasteData)\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      buttonAriaLabel={`${t('general:moreOptions')}: ${label}`}\n      buttonClassName={`${baseClass}__button`}\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleOpen={(active) => {\n        if (active) {\n          refresh()\n        }\n      }}\n      popupType=\"menu\"\n      render={({ close }) => {\n        return (\n          <PopupList.MenuItem>\n            {isSortable && index !== 0 && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__move-up`}\n                icon={<ArrowIcon direction=\"up\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index - 1)\n                  close()\n                }}\n              >\n                {t('general:moveUp')}\n              </PopupList.Button>\n            )}\n            {isSortable && index < rowCount - 1 && (\n              <PopupList.Button\n                className={`${baseClass}__action`}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  moveRow(index, index + 1)\n                  close()\n                }}\n              >\n                {t('general:moveDown')}\n              </PopupList.Button>\n            )}\n            {!hasMaxRows && (\n              <React.Fragment>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__add`}\n                  icon={<PlusIcon size={24} />}\n                  onClick={() => {\n                    void addRow(index + 1)\n                    close()\n                  }}\n                >\n                  {t('general:addBelow')}\n                </PopupList.Button>\n                <PopupList.Button\n                  className={`${baseClass}__action ${baseClass}__duplicate`}\n                  icon={<DuplicateIcon size={24} />}\n                  onClick={() => {\n                    duplicateRow(index)\n                    close()\n                  }}\n                >\n                  {t('general:duplicate')}\n                </PopupList.Button>\n              </React.Fragment>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__copy`}\n              icon={<CopyIcon size={24} />}\n              onClick={() => {\n                copyRow(index)\n                close()\n              }}\n            >\n              {t('general:copyRow')}\n            </PopupList.Button>\n            {!hasMaxRows && (\n              <PopupList.Button\n                className={`${baseClass}__action ${baseClass}__paste-below`}\n                disabled={!canPaste}\n                icon={<ArrowIcon direction=\"down\" size={24} />}\n                onClick={() => {\n                  pasteRowBelow(index)\n                  close()\n                }}\n              >\n                {t('general:pasteBelow')}\n              </PopupList.Button>\n            )}\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__paste`}\n              disabled={!canPaste}\n              icon={<SwapIcon />}\n              onClick={() => {\n                pasteRow(index)\n                close()\n              }}\n            >\n              {t('general:replaceRow')}\n            </PopupList.Button>\n            <PopupList.Button\n              className={`${baseClass}__action ${baseClass}__remove`}\n              icon={<XIcon size={24} />}\n              onClick={() => {\n                removeRow(index)\n                close()\n              }}\n            >\n              {t('general:remove')}\n            </PopupList.Button>\n          </PopupList.MenuItem>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}