@payloadcms/ui 3.0.0-beta.87 → 3.0.0-beta.89

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","EditDepthProvider","useEditDepth","Drawer","DrawerToggler","AddFilesView","AddingFilesView","DiscardWithoutSaving","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","$","addFiles","forms","closeModal","t0","acceptedFiles","onDrop","length","t1","t2","_jsx","onCancel","BulkUploadDrawer","collectionSlug","onSuccess","currentDepth","depth","children","Header","gutter","slug","_jsxs","BulkUploadToggler","Fragment"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { DiscardWithoutSaving } from './DiscardWithoutSaving/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nexport const drawerSlug = 'bulk-upload-drawer'\n\nfunction DrawerContent() {\n  const { addFiles, forms } = useFormsManager()\n  const { closeModal } = useModal()\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      addFiles(acceptedFiles)\n    },\n    [addFiles],\n  )\n\n  if (!forms.length) {\n    return <AddFilesView onCancel={() => closeModal(drawerSlug)} onDrop={onDrop} />\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly onSuccess: () => void\n}\n\nexport function BulkUploadDrawer({ collectionSlug, onSuccess }: Omit<BulkUploadProps, 'children'>) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <EditDepthProvider depth={currentDepth || 1}>\n      <Drawer Header={null} gutter={false} slug={drawerSlug}>\n        <FormsManagerProvider collectionSlug={collectionSlug} onSuccess={onSuccess}>\n          <DrawerContent />\n          <DiscardWithoutSaving />\n        </FormsManagerProvider>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n\nexport function BulkUploadToggler({ children, collectionSlug, onSuccess }: BulkUploadProps) {\n  return (\n    <React.Fragment>\n      <DrawerToggler slug={drawerSlug}>{children}</DrawerToggler>\n      <BulkUploadDrawer collectionSlug={collectionSlug} onSuccess={onSuccess} />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,EAAEC,YAAY,QAAQ;AAChD,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AAEtD,OAAO,MAAMC,UAAA,GAAa;AAE1B,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACE;IAAAe,QAAA;IAAAC;EAAA,IAA4BL,eAAA;EAC5B;IAAAM;EAAA,IAAuBhB,QAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAJ,CAAA,QAAAC,QAAA;IAGrBG,EAAA,GAAAC,aAAA;MACEJ,QAAA,CAASI,aAAA;IAAA;IACXL,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAHF,MAAAM,MAAA,GAAeF,EAIH;EAAA,KAGPF,KAAA,CAAAK,MAAA;IAAA,IAAAC,EAAA;IAAA,IAAAR,CAAA,QAAAG,UAAA;MAC4BK,EAAA,GAAAA,CAAA,KAAML,UAAA,CAAAL,UAAW;MAAAE,CAAA,MAAAG,UAAA;MAAAH,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAM,MAAA;MAAzCG,EAAA,GAAAC,IAAA,CAAAjB,YAAA;QAAAkB,QAAA,EAAwBH,EAAiB;QAAAF;MAAA,C;;;;;;;WAAzCG,E;;;;MAEAD,EAAA,GAAAE,IAAA,CAAAhB,eAAA,IAAC;MAAAM,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,OAADQ,EAAC;EAAA;AAAA;AAUZ,OAAO,SAAAI,iBAAAR,EAAA;EAAA,MAAAJ,CAAA,GAAAd,EAAA;EAA0B;IAAA2B,cAAA;IAAAC;EAAA,IAAAV,EAAgE;EAC/F,MAAAW,YAAA,GAAqBzB,YAAA;EAGO,MAAAkB,EAAA,GAAAO,YAAA,KAAgB;EAAA,IAAAN,EAAA;EAAA,IAAAT,CAAA,QAAAa,cAAA,IAAAb,CAAA,QAAAc,SAAA,IAAAd,CAAA,QAAAQ,EAAA;IAA1CC,EAAA,GAAAC,IAAA,CAAArB,iBAAA;MAAA2B,KAAA,EAA0BR,EAAgB;MAAAS,QAAA,EACxCP,IAAA,CAAAnB,MAAA;QAAA2B,MAAA;QAAAC,MAAA;QAAAC,IAAA,EAAAtB,UAAA;QAAAmB,QAAA,EACEI,KAAA,CAAAzB,oBAAA;UAAAiB,cAAA;UAAAC,SAAA;UAAAG,QAAA,GACEP,IAAA,CAAAX,aAAA,IAAC,GACDW,IAAA,CAAAf,oBAAA,IAAC;QAAA,C;;;;;;;;;;SAJPc,E;;AAWJ,OAAO,SAASa,kBAAkB;EAAEL,QAAQ;EAAEJ,cAAc;EAAEC;AAAS,CAAmB;EACxF,oBACEO,KAAA,CAACjC,KAAA,CAAMmC,QAAQ;4BACbb,IAAA,CAAClB,aAAA;MAAc4B,IAAA,EAAMtB,UAAA;gBAAamB;qBAClCP,IAAA,CAACE,gBAAA;MAAiBC,cAAA,EAAgBA,cAAA;MAAgBC,SAAA,EAAWA;;;AAGnE","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAgGjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAuIjB,CAAA"}

package/dist/elements/Button/index.js

@@ -9,6 +9,7 @@ import { LinkIcon } from '../../icons/Link/index.js';
 import { PlusIcon } from '../../icons/Plus/index.js';
 import { SwapIcon } from '../../icons/Swap/index.js';
 import { XIcon } from '../../icons/X/index.js';
+import { Popup } from '../Popup/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 const icons = {
@@ -45,11 +46,12 @@ export const ButtonContents = ({
   });
 };
 export const Button = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = _c(38);
+  const $ = _c(48);
   const {
     id,
     type: t0,
     Link,
+    SubMenuPopupContent,
     "aria-label": ariaLabel,
     buttonStyle: t1,
     children,
@@ -75,18 +77,16 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
   const size = t5 === undefined ? "medium" : t5;
   const [showTooltip, setShowTooltip] = React.useState(false);
   const t6 = className && className;
-  const t7 = buttonStyle && `${baseClass}--style-${buttonStyle}`;
-  const t8 = icon && `${baseClass}--icon`;
-  const t9 = iconStyle && `${baseClass}--icon-style-${iconStyle}`;
-  const t10 = icon && !children && `${baseClass}--icon-only`;
-  const t11 = disabled && `${baseClass}--disabled`;
-  const t12 = round && `${baseClass}--round`;
-  const t13 = size && `${baseClass}--size-${size}`;
-  const t14 = icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`;
-  const t15 = tooltip && `${baseClass}--has-tooltip`;
-  let t16;
-  if ($[0] !== t6 || $[1] !== t7 || $[2] !== t8 || $[3] !== t9 || $[4] !== t10 || $[5] !== t11 || $[6] !== t12 || $[7] !== t13 || $[8] !== t14 || $[9] !== t15) {
-    t16 = [baseClass, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15].filter(Boolean);
+  const t7 = icon && `${baseClass}--icon`;
+  const t8 = iconStyle && `${baseClass}--icon-style-${iconStyle}`;
+  const t9 = icon && !children && `${baseClass}--icon-only`;
+  const t10 = size && `${baseClass}--size-${size}`;
+  const t11 = icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`;
+  const t12 = tooltip && `${baseClass}--has-tooltip`;
+  const t13 = !SubMenuPopupContent && `${baseClass}--withoutPopup`;
+  let t14;
+  if ($[0] !== t6 || $[1] !== t7 || $[2] !== t8 || $[3] !== t9 || $[4] !== t10 || $[5] !== t11 || $[6] !== t12 || $[7] !== t13) {
+    t14 = [baseClass, t6, t7, t8, t9, t10, t11, t12, t13].filter(Boolean);
     $[0] = t6;
     $[1] = t7;
     $[2] = t8;
@@ -96,15 +96,13 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
     $[6] = t12;
     $[7] = t13;
     $[8] = t14;
-    $[9] = t15;
-    $[10] = t16;
   } else {
-    t16 = $[10];
+    t14 = $[8];
   }
-  const classes = t16.join(" ");
-  let t17;
-  if ($[11] !== type || $[12] !== onClick) {
-    t17 = function handleClick(event) {
+  const classes = t14.join(" ");
+  let t15;
+  if ($[9] !== type || $[10] !== onClick) {
+    t15 = function handleClick(event) {
       setShowTooltip(false);
       if (type !== "submit" && onClick) {
         event.preventDefault();
@@ -113,58 +111,89 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
         onClick(event);
       }
     };
-    $[11] = type;
-    $[12] = onClick;
-    $[13] = t17;
+    $[9] = type;
+    $[10] = onClick;
+    $[11] = t15;
   } else {
-    t17 = $[13];
+    t15 = $[11];
   }
-  const handleClick = t17;
-  const t18 = !disabled ? handleClick : undefined;
-  let t19;
-  if ($[14] !== tooltip) {
-    t19 = tooltip ? () => setShowTooltip(true) : undefined;
-    $[14] = tooltip;
+  const handleClick = t15;
+  const t16 = buttonStyle && `${baseClass}--style-${buttonStyle}`;
+  const t17 = disabled && `${baseClass}--disabled`;
+  const t18 = round && `${baseClass}--round`;
+  const t19 = SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`;
+  let t20;
+  if ($[12] !== t16 || $[13] !== t17 || $[14] !== t18 || $[15] !== t19) {
+    t20 = [t16, t17, t18, t19].filter(Boolean);
+    $[12] = t16;
+    $[13] = t17;
+    $[14] = t18;
     $[15] = t19;
+    $[16] = t20;
   } else {
-    t19 = $[15];
+    t20 = $[16];
   }
-  let t20;
-  if ($[16] !== tooltip) {
-    t20 = tooltip ? () => setShowTooltip(false) : undefined;
-    $[16] = tooltip;
-    $[17] = t20;
+  const styleClasses = t20.join(" ");
+  let t21;
+  if ($[17] !== SubMenuPopupContent || $[18] !== classes || $[19] !== styleClasses) {
+    t21 = !SubMenuPopupContent ? [classes, styleClasses].join(" ") : classes;
+    $[17] = SubMenuPopupContent;
+    $[18] = classes;
+    $[19] = styleClasses;
+    $[20] = t21;
   } else {
-    t20 = $[17];
+    t21 = $[20];
   }
-  const t21 = newTab ? "noopener noreferrer" : undefined;
-  const t22 = newTab ? "_blank" : undefined;
+  const t22 = !disabled ? handleClick : undefined;
   let t23;
-  if ($[18] !== id || $[19] !== type || $[20] !== disabled || $[21] !== ariaLabel || $[22] !== classes || $[23] !== t18 || $[24] !== t19 || $[25] !== t20 || $[26] !== t21 || $[27] !== t22 || $[28] !== el || $[29] !== Link || $[30] !== children || $[31] !== to || $[32] !== url || $[33] !== icon || $[34] !== showTooltip || $[35] !== tooltip || $[36] !== ref) {
-    t23 = Symbol.for("react.early_return_sentinel");
+  if ($[21] !== tooltip) {
+    t23 = tooltip ? () => setShowTooltip(true) : undefined;
+    $[21] = tooltip;
+    $[22] = t23;
+  } else {
+    t23 = $[22];
+  }
+  let t24;
+  if ($[23] !== tooltip) {
+    t24 = tooltip ? () => setShowTooltip(false) : undefined;
+    $[23] = tooltip;
+    $[24] = t24;
+  } else {
+    t24 = $[24];
+  }
+  const t25 = newTab ? "noopener noreferrer" : undefined;
+  const t26 = newTab ? "_blank" : undefined;
+  let buttonElement;
+  let t27;
+  if ($[25] !== id || $[26] !== type || $[27] !== disabled || $[28] !== ariaLabel || $[29] !== t21 || $[30] !== t22 || $[31] !== t23 || $[32] !== t24 || $[33] !== t25 || $[34] !== t26 || $[35] !== el || $[36] !== Link || $[37] !== children || $[38] !== to || $[39] !== url || $[40] !== icon || $[41] !== showTooltip || $[42] !== tooltip || $[43] !== ref || $[44] !== SubMenuPopupContent || $[45] !== styleClasses) {
+    t27 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const buttonProps = {
         id,
         type,
         "aria-disabled": disabled,
         "aria-label": ariaLabel,
-        className: classes,
+        className: t21,
         disabled,
-        onClick: t18,
-        onMouseEnter: t19,
-        onMouseLeave: t20,
-        rel: t21,
-        target: t22
+        onClick: t22,
+        onMouseEnter: t23,
+        onMouseLeave: t24,
+        rel: t25,
+        target: t26
       };
-      switch (el) {
+      bb1: switch (el) {
         case "link":
           {
             if (!Link) {
               console.error("Link is required when using el=\"link\"", children);
-              t23 = null;
+              t27 = null;
               break bb0;
             }
-            t23 = _jsx(Link, {
+            let LinkTag = Link;
+            if (disabled) {
+              LinkTag = "div";
+            }
+            buttonElement = _jsx(LinkTag, {
               ...buttonProps,
               href: to || url,
               to: to || url,
@@ -175,13 +204,13 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
                 children
               })
             });
-            break bb0;
+            break bb1;
           }
         case "anchor":
           {
-            t23 = _jsx("a", {
+            buttonElement = _jsx("a", {
               ...buttonProps,
-              href: url,
+              href: !disabled ? url : undefined,
               ref,
               children: _jsx(ButtonContents, {
                 icon,
@@ -190,12 +219,12 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
                 children
               })
             });
-            break bb0;
+            break bb1;
           }
         default:
           {
             const Tag = el;
-            t23 = _jsx(Tag, {
+            buttonElement = _jsx(Tag, {
               ref,
               type: "submit",
               ...buttonProps,
@@ -206,35 +235,54 @@ export const Button = /*#__PURE__*/forwardRef((props, ref) => {
                 children
               })
             });
-            break bb0;
           }
       }
+      if (SubMenuPopupContent) {
+        t27 = _jsxs("div", {
+          className: styleClasses,
+          children: [buttonElement, _jsx(Popup, {
+            button: _jsx(ChevronIcon, {}),
+            className: disabled ? `${baseClass}--popup-disabled` : "",
+            horizontalAlign: "right",
+            noBackground: true,
+            size: "large",
+            verticalAlign: "bottom",
+            children: SubMenuPopupContent
+          })]
+        });
+        break bb0;
+      }
     }
-    $[18] = id;
-    $[19] = type;
-    $[20] = disabled;
-    $[21] = ariaLabel;
-    $[22] = classes;
-    $[23] = t18;
-    $[24] = t19;
-    $[25] = t20;
-    $[26] = t21;
-    $[27] = t22;
-    $[28] = el;
-    $[29] = Link;
-    $[30] = children;
-    $[31] = to;
-    $[32] = url;
-    $[33] = icon;
-    $[34] = showTooltip;
-    $[35] = tooltip;
-    $[36] = ref;
-    $[37] = t23;
+    $[25] = id;
+    $[26] = type;
+    $[27] = disabled;
+    $[28] = ariaLabel;
+    $[29] = t21;
+    $[30] = t22;
+    $[31] = t23;
+    $[32] = t24;
+    $[33] = t25;
+    $[34] = t26;
+    $[35] = el;
+    $[36] = Link;
+    $[37] = children;
+    $[38] = to;
+    $[39] = url;
+    $[40] = icon;
+    $[41] = showTooltip;
+    $[42] = tooltip;
+    $[43] = ref;
+    $[44] = SubMenuPopupContent;
+    $[45] = styleClasses;
+    $[46] = buttonElement;
+    $[47] = t27;
   } else {
-    t23 = $[37];
+    buttonElement = $[46];
+    t27 = $[47];
   }
-  if (t23 !== Symbol.for("react.early_return_sentinel")) {
-    return t23;
+  if (t27 !== Symbol.for("react.early_return_sentinel")) {
+    return t27;
   }
+  return buttonElement;
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","forwardRef","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","_jsxs","_jsx","className","show","Button","props","ref","$","id","type","t0","Link","ariaLabel","buttonStyle","t1","disabled","el","t2","iconPosition","t3","iconStyle","t4","newTab","onClick","round","size","t5","to","url","undefined","setShowTooltip","useState","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","filter","Boolean","classes","join","t17","handleClick","event","preventDefault","t18","t19","t20","t21","t22","t23","Symbol","for","bb0","buttonProps","onMouseEnter","onMouseLeave","rel","target","console","error","href","Tag"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, forwardRef, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n  const {\n    id,\n    type = 'button',\n    Link,\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    newTab,\n    onClick,\n    round,\n    size = 'medium',\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) event.preventDefault()\n    if (onClick) onClick(event)\n  }\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  }\n\n  switch (el) {\n    case 'link':\n      if (!Link) {\n        console.error('Link is required when using el=\"link\"', children)\n        return null\n      }\n\n      return (\n        <Link {...buttonProps} href={to || url} to={to || url}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n    case 'anchor':\n      return (\n        <a {...buttonProps} href={url} ref={ref as React.Ref<HTMLAnchorElement>}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      return (\n        <Tag ref={ref} type=\"submit\" {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n  }\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","forwardRef","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","_jsxs","_jsx","className","show","Button","props","ref","$","id","type","t0","Link","SubMenuPopupContent","ariaLabel","buttonStyle","t1","disabled","el","t2","iconPosition","t3","iconStyle","t4","newTab","onClick","round","size","t5","to","url","undefined","setShowTooltip","useState","t6","t7","t8","t9","t10","t11","t12","t13","t14","filter","Boolean","classes","join","t15","handleClick","event","preventDefault","t16","t17","t18","t19","t20","styleClasses","t21","t22","t23","t24","t25","t26","buttonElement","t27","Symbol","for","bb0","buttonProps","onMouseEnter","onMouseLeave","rel","target","bb1","console","error","LinkTag","href","Tag","button","horizontalAlign","noBackground","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, forwardRef, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n  const {\n    id,\n    type = 'button',\n    Link,\n    SubMenuPopupContent,\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    newTab,\n    onClick,\n    round,\n    size = 'medium',\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) event.preventDefault()\n    if (onClick) onClick(event)\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'link':\n      if (!Link) {\n        console.error('Link is required when using el=\"link\"', children)\n        return null\n      }\n\n      let LinkTag = Link // eslint-disable-line no-case-declarations\n\n      if (disabled) LinkTag = 'div'\n\n      buttonElement = (\n        <LinkTag {...buttonProps} href={to || url} to={to || url}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </LinkTag>\n      )\n      break\n\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.Ref<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} type=\"submit\" {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent)\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon />}\n          className={disabled ? `${baseClass}--popup-disabled` : ''}\n          horizontalAlign=\"right\"\n          noBackground\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        >\n          {SubMenuPopupContent}\n        </Popup>\n      </div>\n    )\n\n  return buttonElement\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Button/index.scss

@@ -4,8 +4,99 @@ a.btn {
   display: inline-block;
 }
 
+.btn--withPopup {
+  margin-block: 24px;
+  .btn {
+    margin: 0;
+  }
+}
+
+.btn {
+  // colors
+  &--style-primary {
+    --color: var(--theme-elevation-0);
+    --bg-color: var(--theme-elevation-800);
+    --box-shadow: none;
+    --hover-bg: var(--theme-elevation-600);
+    --hover-color: var(--color);
+
+    &.btn--disabled {
+      --bg-color: var(--theme-elevation-200);
+      --color: var(--theme-elevation-800);
+      --hover-bg: var(--bg-color);
+      --hover-color: var(--color);
+    }
+  }
+
+  &--style-secondary {
+    --color: var(--theme-text);
+    --bg-color: transparent;
+    --box-shadow: inset 0 0 0 1px var(--theme-elevation-800);
+    --hover-color: var(--theme-elevation-600);
+    --hover-box-shadow: inset 0 0 0 1px var(--theme-elevation-400);
+
+    &.btn--disabled {
+      --color: var(--theme-elevation-200);
+      --box-shadow: inset 0 0 0 1px var(--theme-elevation-200);
+      --hover-box-shadow: inset 0 0 0 1px var(--theme-elevation-200);
+      --hover-color: var(--color);
+    }
+  }
+
+  &--style-pill {
+    --bg-color: var(--theme-elevation-150);
+    --color: var(--theme-elevation-800);
+    --hover-color: var(--color);
+    --hover-bg: var(--theme-elevation-100);
+
+    &.btn--disabled {
+      --color: var(--theme-elevation-600);
+      --hover-bg: var(--bg-color);
+      --hover-color: var(--color);
+    }
+  }
+}
+
+.btn--withPopup {
+  .popup-button {
+    color: var(--color, inherit);
+    background-color: var(--bg-color);
+    box-shadow: var(--box-shadow);
+    border-radius: $style-radius-m;
+    border-left: 1px solid var(--theme-bg);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    align-items: center;
+
+    &:hover,
+    &:focus-visible,
+    &:focus,
+    &:active {
+      background-color: var(--hover-bg);
+      color: var(--hover-color);
+      box-shadow: var(--hover-box-shadow);
+    }
+  }
+}
+
+.btn,
+.btn--withPopup .btn {
+  &:hover,
+  &:focus-visible,
+  &:focus,
+  &:active {
+    color: var(--hover-color);
+    box-shadow: var(--hover-box-shadow);
+    background-color: var(--hover-bg);
+  }
+}
+
+.btn--disabled,
+.btn--disabled .btn {
+  cursor: not-allowed;
+}
+
 .btn {
-  background: transparent;
   border-radius: $style-radius-s;
   font-size: var(--base-body-size);
   margin-block: base(1.2);
@@ -14,11 +105,20 @@ a.btn {
   cursor: pointer;
   font-weight: normal;
   text-decoration: none;
-  color: inherit;
   transition-property: border, color, box-shadow, background;
   transition-duration: 100ms;
   transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
 
+  color: var(--color, inherit);
+  background-color: var(--bg-color, transparent);
+  box-shadow: var(--box-shadow, none);
+
+  .icon {
+    @include color-svg(var(--color, currentColor));
+    width: 100%;
+    height: 100%;
+  }
+
   &__content {
     display: flex;
     align-items: center;
@@ -33,7 +133,6 @@ a.btn {
     justify-content: center;
     border: 1px solid;
     border-radius: 100%;
-    @include color-svg(currentColor);
     padding: base(0.1);
     color: inherit;
 
@@ -47,6 +146,10 @@ a.btn {
     }
   }
 
+  &--withPopup {
+    display: flex;
+  }
+
   &--has-tooltip {
     position: relative;
   }
@@ -127,46 +230,9 @@ a.btn {
     }
   }
 
-  &--style-primary {
-    background: var(--theme-elevation-800);
-    color: var(--theme-elevation-0);
-
-    &.btn--disabled {
-      background: var(--theme-elevation-200);
-    }
-
-    &:not(.btn--disabled) {
-      &:hover,
-      &:focus-visible,
-      &:focus,
-      &:active {
-        background: var(--theme-elevation-600);
-      }
-    }
-
-    .icon {
-      @include color-svg(var(--theme-elevation-0));
-    }
-  }
-
-  &--style-secondary {
-    box-shadow: inset 0 0 0 1px var(--theme-elevation-800);
-    color: var(--theme-text);
-
-    &.btn--disabled {
-      color: var(--theme-elevation-200);
-      box-shadow: inset 0 0 0 1px var(--theme-elevation-200);
-    }
-
-    &:not(.btn--disabled) {
-      &:hover,
-      &:focus-visible,
-      &:focus,
-      &:active {
-        color: var(--theme-elevation-600);
-        box-shadow: inset 0 0 0 1px var(--theme-elevation-400);
-      }
-    }
+  &--withPopup .btn {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
 
   &--style-icon-label,

package/dist/elements/Button/types.d.ts

@@ -2,9 +2,10 @@ import type { ElementType, MouseEvent } from 'react';
 import type React from 'react';
 export type Props = {
     Link?: React.ElementType;
+    SubMenuPopupContent?: React.ReactNode;
     'aria-label'?: string;
     buttonId?: string;
-    buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent';
+    buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'transparent';
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;

package/dist/elements/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;IAChG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/Button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n  Link?: React.ElementType\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  size?: 'large' | 'medium' | 'small'\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAGA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\nexport type Props = {\n  Link?: React.ElementType\n  SubMenuPopupContent?: React.ReactNode\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  size?: 'large' | 'medium' | 'small'\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAGA","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -5,13 +5,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
-import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import { XIcon } from '../../icons/X/index.js';
 import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js';
 import { Gutter } from '../Gutter/index.js';
 import { IDLabel } from '../IDLabel/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';