@payloadcms/ui 4.0.0-internal.293e026 → 4.0.0-internal.2fddfc0

package/dist/css/colors.css

@@ -315,6 +315,9 @@
     --color-bg-component-tertiary: var(--ramp-pale-purple-800);
     --color-bg-component-tertiary-hover: var(--ramp-pale-purple-700);
 
+    --color-bg-danger: var(--ramp-dark-red-500);
+    --color-bg-danger-hover: var(--ramp-dark-red-600);
+    --color-bg-danger-pressed: var(--ramp-dark-red-700);
     --color-bg-danger-tertiary: var(--ramp-pale-red-800);
     --color-bg-danger-tertiary-hover: var(--ramp-pale-red-700);
     --color-bg-danger-tertiary-pressed: var(--ramp-pale-red-600);

package/dist/css/design-tokens.css

@@ -88,6 +88,11 @@
     --ramp-red-900: #771208;
     --ramp-red-1000: #660e0b;
 
+    /* Dark Red */
+    --ramp-dark-red-500: #e03e1a;
+    --ramp-dark-red-600: #c4381c;
+    --ramp-dark-red-700: #963323;
+
     /* Pale Red */
     --ramp-pale-red-600: #a55440;
     --ramp-pale-red-700: #864537;

package/dist/css/elevations.css

@@ -2,6 +2,8 @@
   :root {
     /* Light mode elevations */
 
+    --elevation-100-canvas: 0 0 0.5px 0 rgba(0, 0, 0, 0.3);
+
     --elevation-300-tooltip:
       0 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 5px 12px 0 rgba(0, 0, 0, 0.13),
       0 1px 3px 0 rgba(0, 0, 0, 0.1);
@@ -18,6 +20,8 @@
   [data-theme='dark'] {
     /* Dark mode elevations */
 
+    --elevation-100-canvas: 0 0 0.5px 0 rgba(0, 0, 0, 0.5);
+
     --elevation-300-tooltip:
       0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 5px 12px 0 rgba(0, 0, 0, 0.35),
       0 0 0.5px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);

package/dist/css/radius.css

@@ -2,11 +2,9 @@
   :root {
     --radius-none: 0;
     --radius-small: 0.125rem;
+    --radius-chip: 0.1875rem;
     --radius-medium: 0.3125rem;
     --radius-large: 0.8125rem;
     --radius-full: 9999px;
-
-    --stroke-width-small: 1px;
-    --stroke-width-medium: 2px;
   }
 }

package/dist/css/theme.css

@@ -24,5 +24,9 @@
     /* Popup menus */
     --popup-radius: var(--radius-large);
     --popup-item-radius: var(--button-radius);
+
+    /* Stroke widths */
+    --stroke-width-small: 1px;
+    --stroke-width-medium: 2px;
   }
 }

package/dist/css/utilities.css

@@ -18,6 +18,11 @@
     border-width: 0;
   }
 
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border) transparent;
+  }
+
   /* Global focus ring */
   :focus-visible {
     outline: var(--accessibility-outline);

package/dist/elements/APIKeyInput/index.css

@@ -0,0 +1,92 @@
+@layer payload-default {
+  .api-key-input {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    width: 100%;
+  }
+
+  .api-key-input__control {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    gap: var(--spacer-2);
+    min-width: 0;
+    min-height: var(--spacer-5);
+    padding: 0 var(--spacer-2);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid transparent;
+    border-radius: var(--radius-medium);
+  }
+
+  .api-key-input__icon {
+    flex-shrink: 0;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+
+  .api-key-input__field {
+    flex-grow: 1;
+    min-width: 0;
+    padding: 0;
+    border: none;
+    background: transparent;
+    outline: none;
+    color: var(--color-text);
+    font-family: var(--font-family-mono);
+    font-size: var(--text-body-large-font-size);
+    line-height: var(--text-body-large-line-height);
+  }
+
+  .api-key-input__field:focus,
+  .api-key-input__field:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .api-key-input__field[type='password'] {
+    font-family: var(--font-family-sans);
+    font-size: var(--text-body-large-font-size);
+    font-weight: var(--text-body-large-strong-font-weight);
+    letter-spacing: 0.025rem;
+  }
+
+  .api-key-input__toggle {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    appearance: none;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    padding: 0;
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--color-icon-secondary);
+  }
+
+  .api-key-input__toggle:hover {
+    color: var(--color-icon);
+  }
+
+  .api-key-input .copy-to-clipboard {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-5);
+    min-height: var(--spacer-5);
+    padding: 0;
+    color: var(--color-icon-secondary);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid transparent;
+    border-radius: var(--radius-medium);
+  }
+
+  .api-key-input .copy-to-clipboard:hover {
+    color: var(--color-icon);
+    background: var(--color-bg-hover);
+  }
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.css';
+export type APIKeyInputProps = {
+    readonly 'aria-label'?: string;
+    readonly highlighted?: boolean;
+    readonly id?: string;
+    readonly value: null | string | undefined;
+};
+/**
+ * Read-only masked API key field: key icon, value, show/hide toggle, and copy
+ * control. Shared by the core auth API-key field and the MCP API-keys collection.
+ */
+export declare const APIKeyInput: React.FC<APIKeyInputProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/APIKeyInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAC1C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAA"}

package/dist/elements/APIKeyInput/index.js

@@ -0,0 +1,86 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { EyeIcon } from '../../icons/Eye/index.js';
+import { KeyIcon } from '../../icons/Key/index.js';
+import { CopyToClipboard } from '../CopyToClipboard/index.js';
+import './index.css';
+const baseClass = 'api-key-input';
+/**
+ * Read-only masked API key field: key icon, value, show/hide toggle, and copy
+ * control. Shared by the core auth API-key field and the MCP API-keys collection.
+ */
+export const APIKeyInput = t0 => {
+  const $ = _c(9);
+  const {
+    id,
+    "aria-label": t1,
+    highlighted,
+    value
+  } = t0;
+  const ariaLabel = t1 === undefined ? "API Key" : t1;
+  const [showKey, setShowKey] = useState(false);
+  const keyValue = value ?? "";
+  const t2 = highlighted && "highlight";
+  let t3;
+  if ($[0] !== t2) {
+    t3 = [`${baseClass}__control`, t2].filter(Boolean);
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[2] !== ariaLabel || $[3] !== id || $[4] !== keyValue || $[5] !== showKey || $[6] !== t4) {
+    let t6;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = () => setShowKey(_temp);
+      $[8] = t6;
+    } else {
+      t6 = $[8];
+    }
+    t5 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: t4,
+        children: [_jsx(KeyIcon, {
+          className: `${baseClass}__icon`
+        }), _jsx("input", {
+          "aria-label": ariaLabel,
+          className: `${baseClass}__field`,
+          id,
+          readOnly: true,
+          type: showKey ? "text" : "password",
+          value: keyValue
+        }), _jsx("button", {
+          "aria-label": showKey ? "Hide API key" : "Show API key",
+          className: `${baseClass}__toggle`,
+          onClick: t6,
+          type: "button",
+          children: _jsx(EyeIcon, {
+            active: showKey,
+            size: 24
+          })
+        })]
+      }), _jsx(CopyToClipboard, {
+        value: keyValue
+      })]
+    });
+    $[2] = ariaLabel;
+    $[3] = id;
+    $[4] = keyValue;
+    $[5] = showKey;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
+};
+function _temp(prev) {
+  return !prev;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useState","EyeIcon","KeyIcon","CopyToClipboard","baseClass","APIKeyInput","t0","$","id","t1","highlighted","value","ariaLabel","undefined","showKey","setShowKey","keyValue","t2","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","_temp","_jsxs","className","children","_jsx","readOnly","type","onClick","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 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  value,\n}) => {\n  const [showKey, setShowKey] = useState(false)\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={showKey ? 'text' : 'password'}\n          value={keyValue}\n        />\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      </div>\n      <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;AASlB;;;;AAIA,OAAO,MAAMC,WAAA,GAA0CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,EAAA;IAAA,cAAAC,EAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAL,EAKvD;EAHe,MAAAM,SAAA,GAAAH,EAAqB,KAAAI,SAAA,GAAT,SAAS,GAArBJ,EAAqB;EAInC,OAAAK,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC,MAAAgB,QAAA,GAAiBL,KAAA,IAAS;EAKiB,MAAAM,EAAA,GAAAP,WAAA,IAAe;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAU,EAAA;IAAzCC,EAAA,IAAC,GAAAd,SAAA,WAAuB,EAAEa,EAAe,EAAAE,MAAA,CAAAC,OAAoB;IAAAb,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAA7D,MAAAc,EAAA,GAAAH,EAA6D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAc,EAAA;IAAA,IAAAG,EAAA;IAAA,IAAAjB,CAAA,QAAAkB,MAAA,CAAAC,GAAA;MAc3EF,EAAA,GAAAA,CAAA,KAAMT,UAAA,CAAAY,KAAsB;MAAApB,CAAA,MAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IAhB3CgB,EAAA,GAAAK,KAAA,CAAC;MAAAC,SAAA,EAAAzB,SAAA;MAAA0B,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EACYR,EAA2E;QAAAS,QAAA,GAEtFC,IAAA,CAAA7B,OAAA;UAAA2B,SAAA,EAAoB,GAAAzB,SAAA;QAAoB,C,GACxC2B,IAAA,CAAC;UAAA,cACanB,SAAA;UAAAiB,SAAA,EACD,GAAAzB,SAAA,SAAqB;UAAAI,EAAA;UAAAwB,QAAA;UAAAC,IAAA,EAG1BnB,OAAA,GAAU,SAAS;UAAAH,KAAA,EAClBK;QAAA,C,GAETe,IAAA,CAAC;UAAA,cACajB,OAAA,GAAU,iBAAiB;UAAAe,SAAA,EAC5B,GAAAzB,SAAA,UAAsB;UAAA8B,OAAA,EACxBV,EAA4B;UAAAS,IAAA,EAChC;UAAAH,QAAA,EAELC,IAAA,CAAA9B,OAAA;YAAAkC,MAAA,EAAiBrB,OAAA;YAAAsB,IAAA;UAAA,C;;UAGrBL,IAAA,CAAA5B,eAAA;QAAAQ,KAAA,EAAwBK;MAAA,C;;;;;;;;;;;SAtB1BO,E;CAyBJ;AAnCuD,SAAAI,MAAAU,IAAA;EAAA,QA0BRA,IAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AddNewRelation/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAGzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkM1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AddNewRelation/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAGzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqL1C,CAAA"}

package/dist/elements/AddNewRelation/index.js

@@ -14,10 +14,9 @@ import { useDocumentDrawer } from '../DocumentDrawer/index.js';
 import { Popup } from '../Popup/index.js';
 import * as PopupList from '../Popup/PopupButtonList/index.js';
 import './index.css';
-import { Tooltip } from '../Tooltip/index.js';
 const baseClass = 'relationship-add-new';
 export const AddNewRelation = t0 => {
-  const $ = _c(45);
+  const $ = _c(44);
   const {
     Button: ButtonFromProps,
     hasMany,
@@ -44,12 +43,11 @@ export const AddNewRelation = t0 => {
     t1 = $[2];
   }
   const [collectionConfig, setCollectionConfig] = useState(t1);
-  const [, setPopupOpen] = useState(false);
+  const [popupOpen, setPopupOpen] = useState(false);
   const {
     i18n,
     t
   } = useTranslation();
-  const [showTooltip, setShowTooltip] = useState(false);
   const t2 = collectionConfig?.slug;
   let t3;
   if ($[3] !== t2) {
@@ -106,19 +104,9 @@ export const AddNewRelation = t0 => {
   }
   const onSave = t5;
   let t6;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = state => {
-      setPopupOpen(state);
-    };
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  const onPopupToggle = t6;
   let t7;
-  let t8;
-  if ($[11] !== permissions || $[12] !== relatedCollections) {
-    t7 = () => {
+  if ($[10] !== permissions || $[11] !== relatedCollections) {
+    t6 = () => {
       if (permissions) {
         if (relatedCollections.length === 1) {
           setShow(permissions.collections[relatedCollections[0]?.slug]?.create);
@@ -127,102 +115,95 @@ export const AddNewRelation = t0 => {
         }
       }
     };
-    t8 = [permissions, relatedCollections];
-    $[11] = permissions;
-    $[12] = relatedCollections;
+    t7 = [permissions, relatedCollections];
+    $[10] = permissions;
+    $[11] = relatedCollections;
+    $[12] = t6;
     $[13] = t7;
-    $[14] = t8;
   } else {
+    t6 = $[12];
     t7 = $[13];
-    t8 = $[14];
   }
-  useEffect(t7, t8);
-  let t10;
+  useEffect(t6, t7);
+  let t8;
   let t9;
-  if ($[15] !== relatedCollections || $[16] !== relatedToMany || $[17] !== selectedCollection) {
-    t9 = () => {
+  if ($[14] !== relatedCollections || $[15] !== relatedToMany || $[16] !== selectedCollection) {
+    t8 = () => {
       if (relatedToMany && selectedCollection) {
         setCollectionConfig(relatedCollections.find(collection_0 => collection_0?.slug === selectedCollection));
       }
     };
-    t10 = [selectedCollection, relatedToMany, relatedCollections];
-    $[15] = relatedCollections;
-    $[16] = relatedToMany;
-    $[17] = selectedCollection;
-    $[18] = t10;
-    $[19] = t9;
+    t9 = [selectedCollection, relatedToMany, relatedCollections];
+    $[14] = relatedCollections;
+    $[15] = relatedToMany;
+    $[16] = selectedCollection;
+    $[17] = t8;
+    $[18] = t9;
   } else {
-    t10 = $[18];
-    t9 = $[19];
+    t8 = $[17];
+    t9 = $[18];
   }
-  useEffect(t9, t10);
+  useEffect(t8, t9);
+  let t10;
   let t11;
-  let t12;
-  if ($[20] !== collectionConfig || $[21] !== relatedToMany || $[22] !== toggleDrawer) {
-    t11 = () => {
+  if ($[19] !== collectionConfig || $[20] !== relatedToMany || $[21] !== toggleDrawer) {
+    t10 = () => {
       if (relatedToMany && collectionConfig) {
         toggleDrawer();
         setSelectedCollection(undefined);
       }
     };
-    t12 = [toggleDrawer, relatedToMany, collectionConfig];
-    $[20] = collectionConfig;
-    $[21] = relatedToMany;
-    $[22] = toggleDrawer;
+    t11 = [toggleDrawer, relatedToMany, collectionConfig];
+    $[19] = collectionConfig;
+    $[20] = relatedToMany;
+    $[21] = toggleDrawer;
+    $[22] = t10;
     $[23] = t11;
-    $[24] = t12;
   } else {
+    t10 = $[22];
     t11 = $[23];
-    t12 = $[24];
   }
-  useEffect(t11, t12);
+  useEffect(t10, t11);
+  let t12;
   let t13;
-  let t14;
-  if ($[25] !== isDrawerOpen || $[26] !== relatedToMany) {
-    t13 = () => {
+  if ($[24] !== isDrawerOpen || $[25] !== relatedToMany) {
+    t12 = () => {
       if (relatedToMany && !isDrawerOpen) {
         setCollectionConfig(undefined);
       }
     };
-    t14 = [isDrawerOpen, relatedToMany];
-    $[25] = isDrawerOpen;
-    $[26] = relatedToMany;
+    t13 = [isDrawerOpen, relatedToMany];
+    $[24] = isDrawerOpen;
+    $[25] = relatedToMany;
+    $[26] = t12;
     $[27] = t13;
-    $[28] = t14;
   } else {
+    t12 = $[26];
     t13 = $[27];
-    t14 = $[28];
   }
-  useEffect(t13, t14);
-  const t15 = relatedCollections[0]?.labels.singular;
+  useEffect(t12, t13);
+  const t14 = relatedCollections[0]?.labels.singular;
+  let t15;
   let t16;
-  let t17;
-  if ($[29] !== ButtonFromProps || $[30] !== DocumentDrawer || $[31] !== DocumentDrawerToggler || $[32] !== collectionConfig || $[33] !== i18n || $[34] !== onSave || $[35] !== path || $[36] !== permissions || $[37] !== relatedCollections || $[38] !== show || $[39] !== showTooltip || $[40] !== t || $[41] !== t15 || $[42] !== unstyled) {
-    t17 = 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] !== t14 || $[41] !== unstyled) {
+    t16 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const label = t("fields:addNewLabel", {
-        label: getTranslation(t15, i18n)
+        label: getTranslation(t14, i18n)
       });
       if (!show) {
-        t17 = null;
+        t16 = null;
         break bb0;
       }
-      t16 = _jsxs("div", {
+      t15 = _jsxs("div", {
         className: baseClass,
         id: `${path}-add-new`,
         children: [relatedCollections.length === 1 && _jsxs(Fragment, {
           children: [_jsx(DocumentDrawerToggler, {
             buttonStyle: "pill",
             className: [`${baseClass}__add-button`, unstyled && `${baseClass}__add-button--unstyled`].filter(Boolean).join(" "),
-            onMouseEnter: () => setShowTooltip(true),
-            onMouseLeave: () => setShowTooltip(false),
-            children: ButtonFromProps ? ButtonFromProps : _jsxs(Fragment, {
-              children: [_jsx(Tooltip, {
-                className: `${baseClass}__tooltip`,
-                show: showTooltip,
-                children: label
-              }), _jsx(PlusIcon, {})]
-            })
+            tooltip: ButtonFromProps ? undefined : label,
+            children: ButtonFromProps ? ButtonFromProps : _jsx(PlusIcon, {})
           }), _jsx(DocumentDrawer, {
             onSave
           })]
@@ -230,11 +211,12 @@ export const AddNewRelation = t0 => {
           children: [_jsx(Popup, {
             buttonType: "custom",
             horizontalAlign: "right",
-            onToggleOpen: onPopupToggle,
-            render: t18 => {
+            onToggleClose: () => setPopupOpen(false),
+            onToggleOpen: () => setPopupOpen(true),
+            render: t17 => {
               const {
                 close: closePopup
-              } = t18;
+              } = t17;
               return _jsx(PopupList.ButtonGroup, {
                 children: relatedCollections.map(relatedCollection => {
                   if (permissions.collections[relatedCollection?.slug]?.create) {
@@ -251,49 +233,49 @@ export const AddNewRelation = t0 => {
                 })
               });
             },
-            renderButton: _temp
+            renderButton: t18 => {
+              const {
+                active,
+                ...buttonProps
+              } = t18;
+              return _jsx(Button, {
+                className: `${baseClass}__add-button`,
+                ...buttonProps,
+                buttonStyle: "pill",
+                selected: active,
+                tooltip: popupOpen ? "" : t("fields:addNew"),
+                children: _jsx(PlusIcon, {})
+              });
+            }
           }), collectionConfig && permissions.collections[collectionConfig?.slug]?.create && _jsx(DocumentDrawer, {
             onSave
           })]
         })]
       });
     }
-    $[29] = ButtonFromProps;
-    $[30] = DocumentDrawer;
-    $[31] = DocumentDrawerToggler;
-    $[32] = collectionConfig;
-    $[33] = i18n;
-    $[34] = onSave;
-    $[35] = path;
-    $[36] = permissions;
+    $[28] = ButtonFromProps;
+    $[29] = DocumentDrawer;
+    $[30] = DocumentDrawerToggler;
+    $[31] = collectionConfig;
+    $[32] = i18n;
+    $[33] = onSave;
+    $[34] = path;
+    $[35] = permissions;
+    $[36] = popupOpen;
     $[37] = relatedCollections;
     $[38] = show;
-    $[39] = showTooltip;
-    $[40] = t;
-    $[41] = t15;
-    $[42] = unstyled;
+    $[39] = t;
+    $[40] = t14;
+    $[41] = unstyled;
+    $[42] = t15;
     $[43] = t16;
-    $[44] = t17;
   } else {
+    t15 = $[42];
     t16 = $[43];
-    t17 = $[44];
   }
-  if (t17 !== Symbol.for("react.early_return_sentinel")) {
-    return t17;
+  if (t16 !== Symbol.for("react.early_return_sentinel")) {
+    return t16;
   }
-  return t16;
+  return t15;
 };
-function _temp(t0) {
-  const {
-    active,
-    ...buttonProps
-  } = t0;
-  return _jsx(Button, {
-    className: `${baseClass}__add-button`,
-    ...buttonProps,
-    buttonStyle: "pill",
-    selected: active,
-    children: _jsx(PlusIcon, {})
-  });
-}
 //# 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","Tooltip","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","onChange","path","relationTo","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","setPopupOpen","i18n","t","showTooltip","setShowTooltip","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","isNewValue","some","v","id","Array","isArray","onSave","Symbol","for","state","onPopupToggle","t7","t8","collections","create","collection","t10","t9","find","collection_0","t11","t12","t13","t14","t15","labels","singular","t16","t17","bb0","label","_jsxs","className","children","_jsx","buttonStyle","filter","Boolean","join","onMouseEnter","onMouseLeave","buttonType","horizontalAlign","onToggleOpen","render","t18","close","closePopup","ButtonGroup","map","relatedCollection","onClick","_temp","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'\nimport { Tooltip } from '../Tooltip/index.js'\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  const [showTooltip, setShowTooltip] = useState(false)\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  const onPopupToggle = useCallback((state) => {\n    setPopupOpen(state)\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=\"pill\"\n            className={[\n              `${baseClass}__add-button`,\n              unstyled && `${baseClass}__add-button--unstyled`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onMouseEnter={() => setShowTooltip(true)}\n            onMouseLeave={() => setShowTooltip(false)}\n          >\n            {ButtonFromProps ? (\n              ButtonFromProps\n            ) : (\n              <Fragment>\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {label}\n                </Tooltip>\n                <PlusIcon />\n              </Fragment>\n            )}\n          </DocumentDrawerToggler>\n          <DocumentDrawer onSave={onSave} />\n        </Fragment>\n      )}\n      {relatedCollections.length > 1 && (\n        <Fragment>\n          <Popup\n            buttonType=\"custom\"\n            horizontalAlign=\"right\"\n            onToggleOpen={onPopupToggle}\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=\"pill\"\n                selected={active}\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","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","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=\"pill\"\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            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=\"pill\"\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":[]}