@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/Button/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment, isValidElement } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
@@ -22,31 +22,55 @@ const icons = {
 const baseClass = 'btn';
 export const ButtonContents = ({ children, icon, showTooltip, tooltip })=>{
     const BuiltInIcon = icons[icon];
-    return /*#__PURE__*/ _jsxs(Fragment, {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
         children: [
-            tooltip && /*#__PURE__*/ _jsx(Tooltip, {
+            tooltip && /*#__PURE__*/ _jsxDEV(Tooltip, {
                 className: `${baseClass}__tooltip`,
                 show: showTooltip,
                 children: tooltip
-            }),
-            /*#__PURE__*/ _jsxs("span", {
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 34,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__content`,
                 children: [
-                    children && /*#__PURE__*/ _jsx("span", {
+                    children && /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__label`,
                         children: children
-                    }),
-                    icon && /*#__PURE__*/ _jsxs("span", {
+                    }, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 39,
+                        columnNumber: 22
+                    }, this),
+                    icon && /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__icon`,
                         children: [
                             /*#__PURE__*/ isValidElement(icon) && icon,
-                            BuiltInIcon && /*#__PURE__*/ _jsx(BuiltInIcon, {})
+                            BuiltInIcon && /*#__PURE__*/ _jsxDEV(BuiltInIcon, {}, void 0, false, {
+                                fileName: "src/elements/Button/index.tsx",
+                                lineNumber: 43,
+                                columnNumber: 29
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 41,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Button/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 };
 export const Button = (props)=>{
     const { id, type = 'button', 'aria-label': ariaLabel, buttonStyle = 'primary', children, className, disabled, el = 'button', enableSubMenu, extraButtonProps = {}, icon, iconPosition = 'right', iconStyle = 'without-border', margin = true, newTab, onClick, onMouseDown, ref, round, size = 'medium', SubMenuPopupContent, to, tooltip, url } = props;
@@ -100,64 +124,100 @@ export const Button = (props)=>{
     let buttonElement;
     switch(el){
         case 'anchor':
-            buttonElement = /*#__PURE__*/ _jsx("a", {
+            buttonElement = /*#__PURE__*/ _jsxDEV("a", {
                 ...buttonProps,
                 href: !disabled ? url : undefined,
                 ref: ref,
-                children: /*#__PURE__*/ _jsx(ButtonContents, {
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
                     icon: icon,
                     showTooltip: showTooltip,
                     tooltip: tooltip,
                     children: children
-                })
-            });
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 142,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 137,
+                columnNumber: 9
+            }, this);
             break;
         case 'link':
             if (disabled) {
-                buttonElement = /*#__PURE__*/ _jsx("div", {
+                buttonElement = /*#__PURE__*/ _jsxDEV("div", {
                     ...buttonProps,
-                    children: /*#__PURE__*/ _jsx(ButtonContents, {
+                    children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
                         icon: icon,
                         showTooltip: showTooltip,
                         tooltip: tooltip,
                         children: children
-                    })
-                });
+                    }, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 153,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 152,
+                    columnNumber: 11
+                }, this);
             }
-            buttonElement = /*#__PURE__*/ _jsx(Link, {
+            buttonElement = /*#__PURE__*/ _jsxDEV(Link, {
                 ...buttonProps,
                 href: to || url,
                 prefetch: false,
-                children: /*#__PURE__*/ _jsx(ButtonContents, {
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
                     icon: icon,
                     showTooltip: showTooltip,
                     tooltip: tooltip,
                     children: children
-                })
-            });
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 162,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 161,
+                columnNumber: 9
+            }, this);
             break;
         default:
-            const Tag = el // eslint-disable-line no-case-declarations
-            ;
-            buttonElement = /*#__PURE__*/ _jsx(Tag, {
+            const Tag = el;
+            // eslint-disable-line no-case-declarations
+            buttonElement = /*#__PURE__*/ _jsxDEV(Tag, {
                 ref: ref,
                 ...buttonProps,
-                children: /*#__PURE__*/ _jsx(ButtonContents, {
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
                     icon: icon,
                     showTooltip: showTooltip,
                     tooltip: tooltip,
                     children: children
-                })
-            });
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 175,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 174,
+                columnNumber: 9
+            }, this);
             break;
     }
     if (SubMenuPopupContent) {
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: styleClasses,
             children: [
                 buttonElement,
-                /*#__PURE__*/ _jsx(Popup, {
-                    button: /*#__PURE__*/ _jsx(ChevronIcon, {}),
+                /*#__PURE__*/ _jsxDEV(Popup, {
+                    button: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 187,
+                        columnNumber: 19
+                    }, void 0),
                     buttonSize: size,
                     className: disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : '',
                     disabled: disabled && !enableSubMenu,
@@ -169,9 +229,17 @@ export const Button = (props)=>{
                         }),
                     size: "large",
                     verticalAlign: "bottom"
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 186,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/Button/index.tsx",
+            lineNumber: 184,
+            columnNumber: 7
+        }, this);
     }
     return buttonElement;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, 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 { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\nimport { Tooltip } from '../Tooltip/index.js'\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: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\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    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\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    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...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          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"names":["React","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","a","href","div","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, 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 { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\nimport { Tooltip } from '../Tooltip/index.js'\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: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\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    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\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    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...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          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"names":["React","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","a","href","div","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"mappings":"AAAA;;AACA,OAAOA,SAASC,QAAQ,EAAEC,cAAc,QAAQ,QAAO;AAIvD,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AACrB,SAASC,OAAO,QAAQ,sBAAqB;AAE7C,MAAMC,QAAQ;IACZC,SAASV;IACTW,MAAMV;IACNW,MAAMV;IACNW,MAAMV;IACNW,MAAMV;IACNW,GAAGV;AACL;AAEA,MAAMW,YAAY;AAElB,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrE,MAAMC,cAAcb,KAAK,CAACU,KAAK;IAE/B,qBACE,QAACrB;;YACEuB,yBACC,QAACb;gBAAQe,WAAW,GAAGP,UAAU,SAAS,CAAC;gBAAEQ,MAAMJ;0BAChDC;;;;;;0BAGL,QAACI;gBAAKF,WAAW,GAAGP,UAAU,SAAS,CAAC;;oBACrCE,0BAAY,QAACO;wBAAKF,WAAW,GAAGP,UAAU,OAAO,CAAC;kCAAGE;;;;;;oBACrDC,sBACC,QAACM;wBAAKF,WAAW,GAAGP,UAAU,MAAM,CAAC;;0CAClCjB,eAAeoB,SAASA;4BACxBG,6BAAe,QAACA;;;;;;;;;;;;;;;;;;;;;;;AAM7B,EAAC;AAED,OAAO,MAAMI,SAA0B,CAACC;IACtC,MAAM,EACJC,EAAE,EACFC,OAAO,QAAQ,EACf,cAAcC,SAAS,EACvBC,cAAc,SAAS,EACvBb,QAAQ,EACRK,SAAS,EACTS,QAAQ,EACRC,KAAK,QAAQ,EACbC,aAAa,EACbC,mBAAmB,CAAC,CAAC,EACrBhB,IAAI,EACJiB,eAAe,OAAO,EACtBC,YAAY,gBAAgB,EAC5BC,SAAS,IAAI,EACbC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,KAAK,EACLC,OAAO,QAAQ,EACfC,mBAAmB,EACnBC,EAAE,EACFzB,OAAO,EACP0B,GAAG,EACJ,GAAGpB;IAEJ,MAAM,CAACP,aAAa4B,eAAe,GAAGnD,MAAMoD,QAAQ,CAAC;IAErD,MAAMC,UAAU;QACdlC;QACAO,aAAaA;QACbJ,QAAQ,GAAGH,UAAU,MAAM,CAAC;QAC5BqB,aAAa,GAAGrB,UAAU,aAAa,EAAEqB,WAAW;QACpDlB,QAAQ,CAACD,YAAY,GAAGF,UAAU,WAAW,CAAC;QAC9C4B,QAAQ,GAAG5B,UAAU,OAAO,EAAE4B,MAAM;QACpCzB,QAAQiB,gBAAgB,GAAGpB,UAAU,gBAAgB,EAAEoB,cAAc;QACrEf,WAAW,GAAGL,UAAU,aAAa,CAAC;QACtC,CAAC6B,uBAAuB,GAAG7B,UAAU,cAAc,CAAC;QACpD,CAACsB,UAAU,GAAGtB,UAAU,WAAW,CAAC;KACrC,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,SAASC,YAAYC,KAAK;QACxBP,eAAe;QACf,IAAInB,SAAS,YAAYW,SAAS;YAChCe,MAAMC,cAAc;QACtB;QACA,IAAIhB,SAAS;YACXA,QAAQe;QACV;IACF;IAEA,MAAME,eAAe;QACnB1B,eAAe,GAAGf,UAAU,QAAQ,EAAEe,aAAa;QACnDC,YAAY,GAAGhB,UAAU,UAAU,CAAC;QACpC2B,SAAS,GAAG3B,UAAU,OAAO,CAAC;QAC9B6B,sBAAsB,GAAG7B,UAAU,WAAW,CAAC,GAAG,GAAGA,UAAU,cAAc,CAAC;KAC/E,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMK,cAAc;QAClB9B;QACAC;QACA,iBAAiBG;QACjB,cAAcF;QACdP,WAAW,CAACsB,sBAAsB;YAACK;YAASO;SAAa,CAACJ,IAAI,CAAC,OAAOH;QACtElB;QACAQ,SAAS,CAACR,WAAWsB,cAAcK;QACnClB,aAAa,CAACT,WAAWS,cAAckB;QACvCC,gBAAgBvC,UAAU,IAAM2B,eAAe,QAAQW;QACvDE,gBAAgBxC,UAAU,IAAM2B,eAAe,SAASW;QACxDG,KAAKvB,SAAS,wBAAwBoB;QACtCI,QAAQxB,SAAS,WAAWoB;QAC5BK,OAAOlC;QACP,GAAGK,gBAAgB;IACrB;IAEA,IAAI8B;IAEJ,OAAQhC;QACN,KAAK;YACHgC,8BACE,QAACC;gBACE,GAAGR,WAAW;gBACfS,MAAM,CAACnC,WAAWe,MAAMY;gBACxBjB,KAAKA;0BAEL,cAAA,QAACzB;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;;;;;;;;;YAIP;QAEF,KAAK;YACH,IAAIc,UAAU;gBACZiC,8BACE,QAACG;oBAAK,GAAGV,WAAW;8BAClB,cAAA,QAACzC;wBAAeE,MAAMA;wBAAMC,aAAaA;wBAAaC,SAASA;kCAC5DH;;;;;;;;;;;YAIT;YAEA+C,8BACE,QAAC3D;gBAAM,GAAGoD,WAAW;gBAAES,MAAMrB,MAAMC;gBAAKsB,UAAU;0BAChD,cAAA,QAACpD;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;;;;;;;;;YAKP;QAEF;YACE,MAAMoD,MAAMrC;YAAG,2CAA2C;YAE1DgC,8BACE,QAACK;gBAAI5B,KAAKA;gBAAM,GAAGgB,WAAW;0BAC5B,cAAA,QAACzC;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;;;;;;;;;YAIP;IACJ;IACA,IAAI2B,qBAAqB;QACvB,qBACE,QAACuB;YAAI7C,WAAWkC;;gBACbQ;8BACD,QAAC1D;oBACCgE,sBAAQ,QAACvE;;;;;oBACTwE,YAAY5B;oBACZrB,WAAWS,YAAY,CAACE,gBAAgB,GAAGlB,UAAU,gBAAgB,CAAC,GAAG;oBACzEgB,UAAUA,YAAY,CAACE;oBACvBuC,iBAAgB;oBAChB7C,IAAI,GAAGA,GAAG,MAAM,CAAC;oBACjB8C,YAAY;oBACZC,QAAQ,CAAC,EAAEC,KAAK,EAAE,GAAK/B,oBAAoB;4BAAE+B,OAAO,IAAMA;wBAAQ;oBAClEhC,MAAK;oBACLiC,eAAc;;;;;;;;;;;;IAItB;IAEA,OAAOZ;AACT,EAAC"}

package/dist/elements/Button/types.js

@@ -1,3 +1,15 @@
-export { };
+export { }; /**
+   * Setting to `true` will allow the submenu to be opened when the button is disabled
+   */  /**
+   * @deprecated
+   * This prop is deprecated and will be removed in the next major version.
+   * Components now import their own `Link` directly from `next/link`.
+   */  /**
+   * Enables form submission via an onClick handler. This is only needed if
+   * type="submit" does not trigger form submission, e.g. if the button DOM
+   * element is not a direct child of the form element.
+   *
+   * @default false
+   */ 
 
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?:\n    | 'error'\n    | 'icon-label'\n    | 'none'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n    | 'subtle'\n    | 'tab'\n    | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Enables form submission via an onClick handler. This is only needed if\n   * type=\"submit\" does not trigger form submission, e.g. if the button DOM\n   * element is not a direct child of the form element.\n   *\n   * @default false\n   */\n  programmaticSubmit?: boolean\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"names":[],"mappings":"AAQA,WAqDC"}
+{"version":3,"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?:\n    | 'error'\n    | 'icon-label'\n    | 'none'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n    | 'subtle'\n    | 'tab'\n    | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Enables form submission via an onClick handler. This is only needed if\n   * type=\"submit\" does not trigger form submission, e.g. if the button DOM\n   * element is not a direct child of the form element.\n   *\n   * @default false\n   */\n  programmaticSubmit?: boolean\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"names":[],"mappings":"AAQA,WAqDC,CApCC;;GAEC,IAOD;;;;GAIC,IAMD;;;;;;GAMC"}

package/dist/elements/Card/index.js

@@ -1,9 +1,13 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { Button } from '../Button/index.js';
 import './index.scss';
-const baseClass = 'card';
+/**
+   * @deprecated
+   * This prop is deprecated and will be removed in the next major version.
+   * Components now import their own `Link` directly from `next/link`.
+   */ const baseClass = 'card';
 export const Card = (props)=>{
     const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props;
     const classes = [
@@ -12,28 +16,44 @@ export const Card = (props)=>{
         (onClick || href) && `${baseClass}--has-onclick`
     ].filter(Boolean).join(' ');
     const Tag = titleAs ?? 'div';
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: [
-            /*#__PURE__*/ _jsx(Tag, {
+            /*#__PURE__*/ _jsxDEV(Tag, {
                 className: `${baseClass}__title`,
                 children: title
-            }),
-            actions && /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 37,
+                columnNumber: 7
+            }, this),
+            actions && /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__actions`,
                 children: actions
-            }),
-            (onClick || href) && /*#__PURE__*/ _jsx(Button, {
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 38,
+                columnNumber: 19
+            }, this),
+            (onClick || href) && /*#__PURE__*/ _jsxDEV(Button, {
                 "aria-label": buttonAriaLabel,
                 buttonStyle: "none",
                 className: `${baseClass}__click`,
                 el: "link",
                 onClick: onClick,
                 to: href
-            })
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 40,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Card/index.tsx",
+        lineNumber: 36,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: React.ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["React","Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAkBrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGP;IAExE,MAAMQ,UAAU;QAACV;QAAWG;QAAKI,CAAAA,WAAWD,IAAG,KAAM,GAAGN,UAAU,aAAa,CAAC;KAAC,CAC9EW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,MAACM;QAAIC,WAAWN;QAASP,IAAIA;;0BAC3B,KAACW;gBAAIE,WAAW,GAAGhB,UAAU,OAAO,CAAC;0BAAGQ;;YACvCJ,yBAAW,KAACW;gBAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;0BAAGI;;YACpDG,CAAAA,WAAWD,IAAG,mBACd,KAACP;gBACCkB,cAAYZ;gBACZa,aAAY;gBACZF,WAAW,GAAGhB,UAAU,OAAO,CAAC;gBAChCmB,IAAG;gBACHZ,SAASA;gBACTa,IAAId;;;;AAKd,EAAC"}
+{"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: React.ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["React","Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAOnB;;;;GAIC,GAOH,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGP;IAExE,MAAMQ,UAAU;QAACV;QAAWG;QAAKI,CAAAA,WAAWD,IAAG,KAAM,GAAGN,UAAU,aAAa,CAAC;KAAC,CAC9EW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,QAACM;QAAIC,WAAWN;QAASP,IAAIA;;0BAC3B,QAACW;gBAAIE,WAAW,GAAGhB,UAAU,OAAO,CAAC;0BAAGQ;;;;;;YACvCJ,yBAAW,QAACW;gBAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;0BAAGI;;;;;;YACpDG,CAAAA,WAAWD,IAAG,mBACd,QAACP;gBACCkB,cAAYZ;gBACZa,aAAY;gBACZF,WAAW,GAAGhB,UAAU,OAAO,CAAC;gBAChCmB,IAAG;gBACHZ,SAASA;gBACTa,IAAId;;;;;;;;;;;;AAKd,EAAC"}

package/dist/elements/CheckboxPopup/index.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { Popup } from '../Popup/index.js';
 import './index.scss';
 const baseClass = 'checkbox-popup';
 export function CheckboxPopup({ Button, className, onChange, options, selectedValues, ...popupProps }) {
-    return /*#__PURE__*/ _jsx(Popup, {
+    return /*#__PURE__*/ _jsxDEV(Popup, {
         button: Button,
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
         horizontalAlign: "right",
-        render: ({ close })=>/*#__PURE__*/ _jsx("div", {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__options`,
-                children: options.map(({ label, value })=>/*#__PURE__*/ _jsx(CheckboxInput, {
+                children: options.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(CheckboxInput, {
                         checked: selectedValues?.includes(value),
                         label: label,
                         onToggle: ()=>{
@@ -26,12 +26,24 @@ export function CheckboxPopup({ Button, className, onChange, options, selectedVa
                                 selectedValues: newSelectedValues
                             });
                         }
-                    }, value))
-            }),
+                    }, value, false, {
+                        fileName: "src/elements/CheckboxPopup/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 13
+                    }, void 0))
+            }, void 0, false, {
+                fileName: "src/elements/CheckboxPopup/index.tsx",
+                lineNumber: 32,
+                columnNumber: 9
+            }, void 0),
         showScrollbar: true,
         verticalAlign: "bottom",
         ...popupProps
-    });
+    }, void 0, false, {
+        fileName: "src/elements/CheckboxPopup/index.tsx",
+        lineNumber: 27,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CheckboxPopup/index.tsx"],"sourcesContent":["import type { PopupProps } from '../Popup/index.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox-popup'\n\ntype CheckboxPopupProps = {\n  Button: React.ReactNode\n  onChange: (args: { close: () => void; selectedValues: string[] }) => void\n  options: {\n    label: string\n    value: string\n  }[]\n  selectedValues: string[]\n} & Omit<PopupProps, 'button' | 'render'>\nexport function CheckboxPopup({\n  Button,\n  className,\n  onChange,\n  options,\n  selectedValues,\n  ...popupProps\n}: CheckboxPopupProps) {\n  return (\n    <Popup\n      button={Button}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <div className={`${baseClass}__options`}>\n          {options.map(({ label, value }) => (\n            <CheckboxInput\n              checked={selectedValues?.includes(value)}\n              key={value}\n              label={label}\n              onToggle={() => {\n                const newSelectedValues = selectedValues?.includes(value)\n                  ? selectedValues.filter((v) => v !== value)\n                  : [...selectedValues, value]\n                onChange({ close, selectedValues: newSelectedValues })\n              }}\n            />\n          ))}\n        </div>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n      {...popupProps}\n    />\n  )\n}\n"],"names":["CheckboxInput","Popup","baseClass","CheckboxPopup","Button","className","onChange","options","selectedValues","popupProps","button","filter","Boolean","join","horizontalAlign","render","close","div","map","label","value","checked","includes","onToggle","newSelectedValues","v","showScrollbar","verticalAlign"],"mappings":";AAEA,SAASA,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAWlB,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACd,GAAGC,YACgB;IACnB,qBACE,KAACR;QACCS,QAAQN;QACRC,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACC;gBAAIZ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BACpCK,QAAQW,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,iBAC5B,KAACpB;wBACCqB,SAASb,gBAAgBc,SAASF;wBAElCD,OAAOA;wBACPI,UAAU;4BACR,MAAMC,oBAAoBhB,gBAAgBc,SAASF,SAC/CZ,eAAeG,MAAM,CAAC,CAACc,IAAMA,MAAML,SACnC;mCAAIZ;gCAAgBY;6BAAM;4BAC9Bd,SAAS;gCAAEU;gCAAOR,gBAAgBgB;4BAAkB;wBACtD;uBAPKJ;;QAYbM,aAAa;QACbC,eAAc;QACb,GAAGlB,UAAU;;AAGpB"}
+{"version":3,"sources":["../../../src/elements/CheckboxPopup/index.tsx"],"sourcesContent":["import type { PopupProps } from '../Popup/index.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox-popup'\n\ntype CheckboxPopupProps = {\n  Button: React.ReactNode\n  onChange: (args: { close: () => void; selectedValues: string[] }) => void\n  options: {\n    label: string\n    value: string\n  }[]\n  selectedValues: string[]\n} & Omit<PopupProps, 'button' | 'render'>\nexport function CheckboxPopup({\n  Button,\n  className,\n  onChange,\n  options,\n  selectedValues,\n  ...popupProps\n}: CheckboxPopupProps) {\n  return (\n    <Popup\n      button={Button}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <div className={`${baseClass}__options`}>\n          {options.map(({ label, value }) => (\n            <CheckboxInput\n              checked={selectedValues?.includes(value)}\n              key={value}\n              label={label}\n              onToggle={() => {\n                const newSelectedValues = selectedValues?.includes(value)\n                  ? selectedValues.filter((v) => v !== value)\n                  : [...selectedValues, value]\n                onChange({ close, selectedValues: newSelectedValues })\n              }}\n            />\n          ))}\n        </div>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n      {...popupProps}\n    />\n  )\n}\n"],"names":["CheckboxInput","Popup","baseClass","CheckboxPopup","Button","className","onChange","options","selectedValues","popupProps","button","filter","Boolean","join","horizontalAlign","render","close","div","map","label","value","checked","includes","onToggle","newSelectedValues","v","showScrollbar","verticalAlign"],"mappings":";AAEA,SAASA,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAWlB,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACd,GAAGC,YACgB;IACnB,qBACE,QAACR;QACCS,QAAQN;QACRC,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAACC;gBAAIZ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BACpCK,QAAQW,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,iBAC5B,QAACpB;wBACCqB,SAASb,gBAAgBc,SAASF;wBAElCD,OAAOA;wBACPI,UAAU;4BACR,MAAMC,oBAAoBhB,gBAAgBc,SAASF,SAC/CZ,eAAeG,MAAM,CAAC,CAACc,IAAMA,MAAML,SACnC;mCAAIZ;gCAAgBY;6BAAM;4BAC9Bd,SAAS;gCAAEU;gCAAOR,gBAAgBgB;4BAAkB;wBACtD;uBAPKJ;;;;;;;;;;QAYbM,aAAa;QACbC,eAAc;QACb,GAAGlB,UAAU;;;;;;AAGpB"}

package/dist/elements/ClipboardAction/ClipboardActionLabel.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Fragment } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
@@ -14,13 +14,25 @@ export const ClipboardActionLabel = ({ isPaste, isRow })=>{
     } else if (isRow && isPaste) {
         label = t('general:pasteRow');
     }
-    return /*#__PURE__*/ _jsxs(Fragment, {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
         children: [
-            isPaste ? /*#__PURE__*/ _jsx(EditIcon, {}) : /*#__PURE__*/ _jsx(CopyIcon, {}),
+            isPaste ? /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+                lineNumber: 29,
+                columnNumber: 18
+            }, this) : /*#__PURE__*/ _jsxDEV(CopyIcon, {}, void 0, false, {
+                fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+                lineNumber: 29,
+                columnNumber: 33
+            }, this),
             " ",
             label
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+        lineNumber: 28,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=ClipboardActionLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const ClipboardActionLabel = ({\n  isPaste,\n  isRow,\n}: {\n  isPaste?: boolean\n  isRow?: boolean\n}) => {\n  const { t } = useTranslation()\n\n  let label = t('general:copyField')\n  if (!isRow && isPaste) {\n    label = t('general:pasteField')\n  } else if (isRow && !isPaste) {\n    label = t('general:copyRow')\n  } else if (isRow && isPaste) {\n    label = t('general:pasteRow')\n  }\n\n  return (\n    <Fragment>\n      {isPaste ? <EditIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"names":["Fragment","CopyIcon","EditIcon","useTranslation","ClipboardActionLabel","isPaste","isRow","t","label"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,QAAO;AAEhC,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,OAAO,EACPC,KAAK,EAIN;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,IAAIK,QAAQD,EAAE;IACd,IAAI,CAACD,SAASD,SAAS;QACrBG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAAS,CAACD,SAAS;QAC5BG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAASD,SAAS;QAC3BG,QAAQD,EAAE;IACZ;IAEA,qBACE,MAACP;;YACEK,wBAAU,KAACH,8BAAc,KAACD;YAAY;YAAEO;;;AAG/C,EAAC"}
+{"version":3,"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const ClipboardActionLabel = ({\n  isPaste,\n  isRow,\n}: {\n  isPaste?: boolean\n  isRow?: boolean\n}) => {\n  const { t } = useTranslation()\n\n  let label = t('general:copyField')\n  if (!isRow && isPaste) {\n    label = t('general:pasteField')\n  } else if (isRow && !isPaste) {\n    label = t('general:copyRow')\n  } else if (isRow && isPaste) {\n    label = t('general:pasteRow')\n  }\n\n  return (\n    <Fragment>\n      {isPaste ? <EditIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"names":["Fragment","CopyIcon","EditIcon","useTranslation","ClipboardActionLabel","isPaste","isRow","t","label"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,QAAO;AAEhC,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,OAAO,EACPC,KAAK,EAIN;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,IAAIK,QAAQD,EAAE;IACd,IAAI,CAACD,SAASD,SAAS;QACrBG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAAS,CAACD,SAAS;QAC5BG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAASD,SAAS;QAC3BG,QAAQD,EAAE;IACZ;IAEA,qBACE,QAACP;;YACEK,wBAAU,QAACH;;;;qCAAc,QAACD;;;;;YAAY;YAAEO;;;;;;;AAG/C,EAAC"}

package/dist/elements/ClipboardAction/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useCallback } from 'react';
 import { toast } from 'sonner';
 import { MoreIcon } from '../../icons/More/index.js';
@@ -57,41 +57,69 @@ const baseClass = 'clipboard-action';
     if (!allowPaste && !allowCopy) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Popup, {
-        button: /*#__PURE__*/ _jsx(MoreIcon, {}),
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(MoreIcon, {}, void 0, false, {
+            fileName: "src/elements/ClipboardAction/index.tsx",
+            lineNumber: 92,
+            columnNumber: 15
+        }, void 0),
         className: classes,
         disabled: disabled,
         horizontalAlign: "center",
-        render: ({ close })=>/*#__PURE__*/ _jsxs(PopupList.ButtonGroup, {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                 children: [
-                    /*#__PURE__*/ _jsx(PopupList.Button, {
+                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                         className: copyClassName,
                         disabled: !allowCopy,
                         onClick: ()=>{
                             void handleCopy();
                             close();
                         },
-                        children: /*#__PURE__*/ _jsx(ClipboardActionLabel, {
+                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
                             isRow: isRow
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.Button, {
+                        }, void 0, false, {
+                            fileName: "src/elements/ClipboardAction/index.tsx",
+                            lineNumber: 106,
+                            columnNumber: 13
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/ClipboardAction/index.tsx",
+                        lineNumber: 98,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                         className: pasteClassName,
                         disabled: !allowPaste,
                         onClick: ()=>{
                             void handlePaste();
                             close();
                         },
-                        children: /*#__PURE__*/ _jsx(ClipboardActionLabel, {
+                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
                             isPaste: true,
                             isRow: isRow
-                        })
-                    })
+                        }, void 0, false, {
+                            fileName: "src/elements/ClipboardAction/index.tsx",
+                            lineNumber: 116,
+                            columnNumber: 13
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/ClipboardAction/index.tsx",
+                        lineNumber: 108,
+                        columnNumber: 11
+                    }, void 0)
                 ]
-            }),
+            }, void 0, true, {
+                fileName: "src/elements/ClipboardAction/index.tsx",
+                lineNumber: 97,
+                columnNumber: 9
+            }, void 0),
         size: "large",
         verticalAlign: "bottom"
-    });
+    }, void 0, false, {
+        fileName: "src/elements/ClipboardAction/index.tsx",
+        lineNumber: 91,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"center\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      size=\"large\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","button","horizontalAlign","render","close","ButtonGroup","Button","onClick","isPaste","size","verticalAlign"],"mappings":"AAAA;;AAIA,SAAkBA,WAAW,QAAQ,QAAO;AAC5C,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,aAAa,EAAEC,cAAc,QAAQ,0BAAyB;AAEvE,MAAMC,YAAY;AAclB;;;CAGC,GACD,OAAO,MAAMC,kBAA6B,CAAC,EACzCC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,IAAI,EACJ,GAAGC,MACJ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGlB;IAEd,MAAMmB,UAAU;QAAC,GAAGb,UAAU,OAAO,CAAC;QAAEI;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;IAExE,MAAMC,aAAa1B,YAAY;QAC7B,MAAM2B,kBAAkBpB,cAAc;YACpCY;YACAE;YACA,GAAGD,IAAI;QACT;QAEA,IAAI,OAAOO,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd,OAAO;YACL1B,MAAM4B,OAAO,CAACR,EAAE;QAClB;IACF,GAAG;QAACA;QAAGD;QAAMD;KAAK;IAElB,MAAMW,cAAc9B,YAAY;QAC9B,MAAM2B,kBAAkBnB,eACtBY,KAAKW,IAAI,KAAK,UACV;YACEd;YACAE;YACAa,cAAcZ,KAAKa,MAAM;YACzBZ;QACF,IACA;YACEJ;YACAE;YACAe,cAAcd,KAAKe,MAAM;YACzBd;QACF;QAGN,IAAI,OAAOM,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd;IACF,GAAG;QAACV;QAASG;QAAMD;QAAME;KAAE;IAE3B,IAAI,CAACT,cAAc,CAACD,WAAW;QAC7B,OAAO;IACT;IAEA,qBACE,KAACP;QACCgC,sBAAQ,KAAClC;QACTW,WAAWS;QACXP,UAAUA;QACVsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,MAAClC,UAAUmC,WAAW;;kCACpB,KAACnC,UAAUoC,MAAM;wBACf5B,WAAWC;wBACXC,UAAU,CAACJ;wBACX+B,SAAS;4BACP,KAAKhB;4BACLa;wBACF;kCAEA,cAAA,KAACjC;4BAAqBU,OAAOA;;;kCAE/B,KAACX,UAAUoC,MAAM;wBACf5B,WAAWK;wBACXH,UAAU,CAACH;wBACX8B,SAAS;4BACP,KAAKZ;4BACLS;wBACF;kCAEA,cAAA,KAACjC;4BAAqBqC,OAAO;4BAAC3B,OAAOA;;;;;QAI3C4B,MAAK;QACLC,eAAc;;AAGpB,EAAC"}
+{"version":3,"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"center\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      size=\"large\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","button","horizontalAlign","render","close","ButtonGroup","Button","onClick","isPaste","size","verticalAlign"],"mappings":"AAAA;;AAIA,SAAkBA,WAAW,QAAQ,QAAO;AAC5C,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,aAAa,EAAEC,cAAc,QAAQ,0BAAyB;AAEvE,MAAMC,YAAY;AAclB;;;CAGC,GACD,OAAO,MAAMC,kBAA6B,CAAC,EACzCC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,IAAI,EACJ,GAAGC,MACJ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGlB;IAEd,MAAMmB,UAAU;QAAC,GAAGb,UAAU,OAAO,CAAC;QAAEI;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;IAExE,MAAMC,aAAa1B,YAAY;QAC7B,MAAM2B,kBAAkBpB,cAAc;YACpCY;YACAE;YACA,GAAGD,IAAI;QACT;QAEA,IAAI,OAAOO,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd,OAAO;YACL1B,MAAM4B,OAAO,CAACR,EAAE;QAClB;IACF,GAAG;QAACA;QAAGD;QAAMD;KAAK;IAElB,MAAMW,cAAc9B,YAAY;QAC9B,MAAM2B,kBAAkBnB,eACtBY,KAAKW,IAAI,KAAK,UACV;YACEd;YACAE;YACAa,cAAcZ,KAAKa,MAAM;YACzBZ;QACF,IACA;YACEJ;YACAE;YACAe,cAAcd,KAAKe,MAAM;YACzBd;QACF;QAGN,IAAI,OAAOM,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd;IACF,GAAG;QAACV;QAASG;QAAMD;QAAME;KAAE;IAE3B,IAAI,CAACT,cAAc,CAACD,WAAW;QAC7B,OAAO;IACT;IAEA,qBACE,QAACP;QACCgC,sBAAQ,QAAClC;;;;;QACTW,WAAWS;QACXP,UAAUA;QACVsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAClC,UAAUmC,WAAW;;kCACpB,QAACnC,UAAUoC,MAAM;wBACf5B,WAAWC;wBACXC,UAAU,CAACJ;wBACX+B,SAAS;4BACP,KAAKhB;4BACLa;wBACF;kCAEA,cAAA,QAACjC;4BAAqBU,OAAOA;;;;;;;;;;;kCAE/B,QAACX,UAAUoC,MAAM;wBACf5B,WAAWK;wBACXH,UAAU,CAACH;wBACX8B,SAAS;4BACP,KAAKZ;4BACLS;wBACF;kCAEA,cAAA,QAACjC;4BAAqBqC,OAAO;4BAAC3B,OAAOA;;;;;;;;;;;;;;;;;QAI3C4B,MAAK;QACLC,eAAc;;;;;;AAGpB,EAAC"}