@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

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","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":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","Fragment","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","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","Link","newTab","onClick","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onMouseEnter","onMouseLeave","rel","target","buttonElement","href","console","error","LinkTag","Tag","button","buttonSize","horizontalAlign","noBackground","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef, 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 { 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    '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    Link,\n    newTab,\n    onClick,\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  ]\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    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 '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    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) {\n        LinkTag = 'div'\n      }\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    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          buttonSize={size}\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\n  return buttonElement\n})\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,10 @@
 import type { ElementType, MouseEvent } from 'react';
 import type React from 'react';
+type secondaryAction = {
+    label: string;
+    onClick: (event: MouseEvent) => void;
+};
 export type Props = {
-    Link?: React.ElementType;
-    SubMenuPopupContent?: React.ReactNode;
     'aria-label'?: string;
     buttonId?: string;
     buttonStyle?: 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'transparent';
@@ -14,13 +16,17 @@ export type Props = {
     iconPosition?: 'left' | 'right';
     iconStyle?: 'none' | 'with-border' | 'without-border';
     id?: string;
+    Link?: React.ElementType;
     newTab?: boolean;
     onClick?: (event: MouseEvent) => void;
     round?: boolean;
+    secondaryActions?: secondaryAction | secondaryAction[];
     size?: 'large' | 'medium' | 'small';
+    SubMenuPopupContent?: React.ReactNode;
     to?: string;
     tooltip?: string;
     type?: 'button' | 'submit';
     url?: string;
 };
+export {};
 //# sourceMappingURL=types.d.ts.map

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,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"}
+{"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,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AACD,MAAM,MAAM,KAAK,GAAG;IAClB,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,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,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  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":[]}
+{"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\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\nexport type Props = {\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  Link?: React.ElementType\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small'\n  SubMenuPopupContent?: React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

@@ -2,11 +2,11 @@ import type { ElementType } from 'react';
 import React from 'react';
 import './index.scss';
 export type Props = {
-    Link?: ElementType;
     actions?: React.ReactNode;
     buttonAriaLabel?: string;
     href?: string;
     id?: string;
+    Link?: ElementType;
     onClick?: () => void;
     title: string;
     titleAs?: ElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BhC,CAAA"}

package/dist/elements/Card/index.js

@@ -8,10 +8,10 @@ const baseClass = 'card';
 export const Card = props => {
   const {
     id,
-    Link,
     actions,
     buttonAriaLabel,
     href,
+    Link,
     onClick,
     title,
     titleAs
@@ -28,11 +28,11 @@ export const Card = props => {
       className: `${baseClass}__actions`,
       children: actions
     }), (onClick || href) && /*#__PURE__*/_jsx(Button, {
-      Link: Link,
       "aria-label": buttonAriaLabel,
       buttonStyle: "none",
       className: `${baseClass}__click`,
       el: "link",
+      Link: Link,
       onClick: onClick,
       to: href
     })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Button","baseClass","Card","props","id","Link","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","_jsxs","className","_jsx","buttonStyle","el","to"],"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  Link?: ElementType\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  onClick?: () => void\n  title: string\n  titleAs?: ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, Link, 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          Link={Link}\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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,OAAO;AAaP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAyBC,KAAA;EACpC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,OAAO;IAAEC,eAAe;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAE,GAAGR,KAAA;EAE9E,MAAMS,OAAA,GAAU,CAACX,SAAA,EAAWG,EAAA,EAAK,CAAAK,OAAA,IAAWD,IAAG,KAAM,GAAGP,SAAA,eAAwB,CAAC,CAC9EY,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMC,GAAA,GAAML,OAAA,IAAW;EAEvB,oBACEM,KAAA,CAAC;IAAIC,SAAA,EAAWN,OAAA;IAASR,EAAA,EAAIA,EAAA;4BAC3Be,IAAA,CAACH,GAAA;MAAIE,SAAA,EAAW,GAAGjB,SAAA,SAAkB;gBAAGS;QACvCJ,OAAA,iBAAWa,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGjB,SAAA,WAAoB;gBAAGK;QACpD,CAAAG,OAAA,IAAWD,IAAG,kBACdW,IAAA,CAACnB,MAAA;MACCK,IAAA,EAAMA,IAAA;MACN,cAAYE,eAAA;MACZa,WAAA,EAAY;MACZF,SAAA,EAAW,GAAGjB,SAAA,SAAkB;MAChCoB,EAAA,EAAG;MACHZ,OAAA,EAASA,OAAA;MACTa,EAAA,EAAId;;;AAKd","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","Link","onClick","title","titleAs","classes","filter","Boolean","join","Tag","_jsxs","className","_jsx","buttonStyle","el","to"],"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\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  Link?: ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, Link, 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          Link={Link}\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,OAAO;AAaP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAyBC,KAAA;EACpC,MAAM;IAAEC,EAAE;IAAEC,OAAO;IAAEC,eAAe;IAAEC,IAAI;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAE,GAAGR,KAAA;EAE9E,MAAMS,OAAA,GAAU,CAACX,SAAA,EAAWG,EAAA,EAAK,CAAAK,OAAA,IAAWF,IAAG,KAAM,GAAGN,SAAA,eAAwB,CAAC,CAC9EY,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMC,GAAA,GAAML,OAAA,IAAW;EAEvB,oBACEM,KAAA,CAAC;IAAIC,SAAA,EAAWN,OAAA;IAASR,EAAA,EAAIA,EAAA;4BAC3Be,IAAA,CAACH,GAAA;MAAIE,SAAA,EAAW,GAAGjB,SAAA,SAAkB;gBAAGS;QACvCL,OAAA,iBAAWc,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGjB,SAAA,WAAoB;gBAAGI;QACpD,CAAAI,OAAA,IAAWF,IAAG,kBACdY,IAAA,CAACnB,MAAA;MACC,cAAYM,eAAA;MACZc,WAAA,EAAY;MACZF,SAAA,EAAW,GAAGjB,SAAA,SAAkB;MAChCoB,EAAA,EAAG;MACHb,IAAA,EAAMA,IAAA;MACNC,OAAA,EAASA,OAAA;MACTa,EAAA,EAAIf;;;AAKd","ignoreList":[]}

package/dist/elements/CodeEditor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkC/B,CAAA;AAGD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAMrB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmD/B,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -3,23 +3,21 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import EditorImport from '@monaco-editor/react';
-import React from 'react';
+import React, { useState } from 'react';
 import { useTheme } from '../../providers/Theme/index.js';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 import './index.scss';
 const Editor = EditorImport.default || EditorImport;
 const baseClass = 'code-editor';
 const CodeEditor = props => {
-  const $ = _c(17);
+  const $ = _c(20);
   let rest;
   let readOnly;
   let className;
-  let height;
   let options;
   if ($[0] !== props) {
     ({
       className,
-      height,
       options,
       readOnly,
       ...rest
@@ -28,62 +26,90 @@ const CodeEditor = props => {
     $[1] = rest;
     $[2] = readOnly;
     $[3] = className;
-    $[4] = height;
-    $[5] = options;
+    $[4] = options;
   } else {
     rest = $[1];
     readOnly = $[2];
     className = $[3];
-    height = $[4];
-    options = $[5];
+    options = $[4];
   }
+  const [dynamicHeight, setDynamicHeight] = useState(20);
   const {
     theme
   } = useTheme();
   const t0 = rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : "";
   const t1 = readOnly && "read-only";
   let t2;
-  if ($[6] !== className || $[7] !== t0 || $[8] !== t1) {
+  if ($[5] !== className || $[6] !== t0 || $[7] !== t1) {
     t2 = [baseClass, className, t0, t1].filter(Boolean);
-    $[6] = className;
-    $[7] = t0;
-    $[8] = t1;
-    $[9] = t2;
+    $[5] = className;
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[8];
   }
   const classes = t2.join(" ");
   let t3;
-  if ($[10] !== height || $[11] !== readOnly || $[12] !== options || $[13] !== theme || $[14] !== classes || $[15] !== rest) {
+  if ($[9] !== dynamicHeight || $[10] !== readOnly || $[11] !== options || $[12] !== theme || $[13] !== rest || $[14] !== classes) {
+    let t4;
+    if ($[16] !== rest.onChange) {
+      t4 = (value, ev) => {
+        rest.onChange?.(value, ev);
+        setDynamicHeight(value.split("\n").length * 18 + 2);
+      };
+      $[16] = rest.onChange;
+      $[17] = t4;
+    } else {
+      t4 = $[17];
+    }
+    let t5;
+    if ($[18] !== rest.onMount) {
+      t5 = (editor, monaco) => {
+        rest.onMount?.(editor, monaco);
+        setDynamicHeight(editor.getValue().split("\n").length * 18 + 2);
+      };
+      $[18] = rest.onMount;
+      $[19] = t5;
+    } else {
+      t5 = $[19];
+    }
     t3 = _jsx(Editor, {
       className: classes,
-      height,
       loading: _jsx(ShimmerEffect, {
-        height
+        height: dynamicHeight
       }),
       options: {
         detectIndentation: true,
+        hideCursorInOverviewRuler: true,
         minimap: {
           enabled: false
         },
+        overviewRulerBorder: false,
         readOnly: Boolean(readOnly),
+        scrollbar: {
+          alwaysConsumeMouseWheel: false
+        },
         scrollBeyondLastLine: false,
         tabSize: 2,
         wordWrap: "on",
         ...options
       },
       theme: theme === "dark" ? "vs-dark" : "vs",
-      ...rest
+      ...rest,
+      height: dynamicHeight,
+      onChange: t4,
+      onMount: t5
     });
-    $[10] = height;
-    $[11] = readOnly;
-    $[12] = options;
-    $[13] = theme;
+    $[9] = dynamicHeight;
+    $[10] = readOnly;
+    $[11] = options;
+    $[12] = theme;
+    $[13] = rest;
     $[14] = classes;
-    $[15] = rest;
-    $[16] = t3;
+    $[15] = t3;
   } else {
-    t3 = $[16];
+    t3 = $[15];
   }
   return t3;
 };

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","$","rest","readOnly","className","height","options","theme","t0","defaultLanguage","t1","t2","filter","Boolean","classes","join","t3","_jsx","loading","scrollBeyondLastLine","tabSize","wordWrap"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = (EditorImport.default || EditorImport) as unknown as typeof EditorImport.default\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const { className, height, options, readOnly, ...rest } = props\n\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <Editor\n      className={classes}\n      height={height}\n      loading={<ShimmerEffect height={height} />}\n      options={{\n        detectIndentation: true,\n        minimap: {\n          enabled: false,\n        },\n        readOnly: Boolean(readOnly),\n        scrollBeyondLastLine: false,\n        tabSize: 2,\n        wordWrap: 'on',\n        ...options,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      {...rest}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,YAAA,MAAkB;AACzB,OAAOC,KAAA,MAAW;AAIlB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,MAAA,GAAUJ,YAAA,CAAaK,OAAO,IAAIL,YAAA;AAExC,MAAMM,SAAA,GAAY;AAElB,MAAMC,UAAA,GAA8BC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAA,IAAAW,IAAA;EAAA,IAAAC,QAAA;EAAA,IAAAC,SAAA;EAAA,IAAAC,MAAA;EAAA,IAAAC,OAAA;EAAA,IAAAL,CAAA,QAAAD,KAAA;IAClC;MAAAI,SAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAH,QAAA;MAAA,GAAAD;IAAA,IAA0DF,KAAA;IAAAC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAK,OAAA;EAAA;IAAAJ,IAAA,GAAAD,CAAA;IAAAE,QAAA,GAAAF,CAAA;IAAAG,SAAA,GAAAH,CAAA;IAAAI,MAAA,GAAAJ,CAAA;IAAAK,OAAA,GAAAL,CAAA;EAAA;EAE1D;IAAAM;EAAA,IAAkBb,QAAA;EAKhB,MAAAc,EAAA,GAAAN,IAAA,EAAAO,eAAA,GAAwB,aAAaP,IAAA,CAAAO,eAAA,EAAsB,GAAG;EAC9D,MAAAC,EAAA,GAAAP,QAAA,IAAY;EAAA,IAAAQ,EAAA;EAAA,IAAAV,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAS,EAAA;IAJEC,EAAA,IAAAb,SAAA,EAEdM,SAAA,EACAI,EAA8D,EAC9DE,EAAY,EAAAE,MAAA,CAAAC,OAEJ;IAAAZ,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANV,MAAAa,OAAA,GAAgBH,EAMN,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,SAAAI,MAAA,IAAAJ,CAAA,SAAAE,QAAA,IAAAF,CAAA,SAAAK,OAAA,IAAAL,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAa,OAAA,IAAAb,CAAA,SAAAC,IAAA;IAGNc,EAAA,GAAAC,IAAA,CAAArB,MAAA;MAAAQ,SAAA,EACaU,OAAA;MAAAT,MAAA;MAAAa,OAAA,EAEFD,IAAA,CAAAtB,aAAA;QAAAU;MAAA,C;;;;;;kBAMGQ,OAAA,CAAQV,QAAA;QAAAgB,oBAAA;QAAAC,OAAA;QAAAC,QAAA,EAGR;QAAA,GACPf;MAAO;MAAAC,KAAA,EAELA,KAAA,KAAU,SAAS,YAAY;MAAA,GAClCL;IAAI,C;;;;;;;;;;;SAhBVc,E;CAmBJ;AAEA;AACA,eAAejB,UAAA","ignoreList":[]}
+{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","$","rest","readOnly","className","options","dynamicHeight","setDynamicHeight","theme","t0","defaultLanguage","t1","t2","filter","Boolean","classes","join","t3","t4","onChange","value","ev","split","length","t5","onMount","editor","monaco","getValue","_jsx","loading","height","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","tabSize","wordWrap"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = (EditorImport.default || EditorImport) as unknown as typeof EditorImport.default\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const { className, options, readOnly, ...rest } = props\n  const [dynamicHeight, setDynamicHeight] = useState(20)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <Editor\n      className={classes}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        detectIndentation: true,\n        hideCursorInOverviewRuler: true,\n        minimap: {\n          enabled: false,\n        },\n        overviewRulerBorder: false,\n        readOnly: Boolean(readOnly),\n        scrollbar: {\n          alwaysConsumeMouseWheel: false,\n        },\n        scrollBeyondLastLine: false,\n        tabSize: 2,\n        wordWrap: 'on',\n        ...options,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      height={dynamicHeight}\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(value.split('\\n').length * 18 + 2)\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n        setDynamicHeight(editor.getValue().split('\\n').length * 18 + 2)\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,YAAY,EAAE,KAAK,EAAE,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,YAAY,EAAE,KAAK,EAAE,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMtC,CAAA"}

package/dist/elements/CodeEditor/index.js

@@ -1,20 +1,14 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Suspense, lazy } from 'react';
+import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 const LazyEditor = /*#__PURE__*/lazy(() => import('./CodeEditor.js'));
 export const CodeEditor = props => {
-  const {
-    height = '35vh'
-  } = props;
   return /*#__PURE__*/_jsx(Suspense, {
-    fallback: /*#__PURE__*/_jsx(ShimmerEffect, {
-      height: height
-    }),
+    fallback: /*#__PURE__*/_jsx(ShimmerEffect, {}),
     children: /*#__PURE__*/_jsx(LazyEditor, {
-      ...props,
-      height: height
+      ...props
     })
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Suspense","lazy","ShimmerEffect","LazyEditor","CodeEditor","props","height","_jsx","fallback"],"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { Suspense, lazy } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  const { height = '35vh' } = props\n\n  return (\n    <Suspense fallback={<ShimmerEffect height={height} />}>\n      <LazyEditor {...props} height={height} />\n    </Suspense>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,IAAI,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaF,IAAA,CAAK,MAAM,MAAM,CAAC;AAIrC,OAAO,MAAMG,UAAA,GAA+BC,KAAA;EAC1C,MAAM;IAAEC,MAAA,GAAS;EAAM,CAAE,GAAGD,KAAA;EAE5B,oBACEE,IAAA,CAACP,QAAA;IAASQ,QAAA,eAAUD,IAAA,CAACL,aAAA;MAAcI,MAAA,EAAQA;;cACzC,aAAAC,IAAA,CAACJ,UAAA;MAAY,GAAGE,KAAK;MAAEC,MAAA,EAAQA;;;AAGrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","_jsx","fallback"],"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  return (\n    <Suspense fallback={<ShimmerEffect />}>\n      <LazyEditor {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,IAAI,EAAEC,QAAQ,QAAQ;AAItC,SAASC,aAAa,QAAQ;AAE9B,MAAMC,UAAA,gBAAaH,IAAA,CAAK,MAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,UAAA,GAA+BC,KAAA;EAC1C,oBACEC,IAAA,CAACL,QAAA;IAASM,QAAA,eAAUD,IAAA,CAACJ,aAAA;cACnB,aAAAI,IAAA,CAACH,UAAA;MAAY,GAAGE;;;AAGtB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAA;AAQ1F,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IACtC,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyFvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Collapsible/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAA;AAQ1F,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IACtC,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2FvC,CAAA"}

package/dist/elements/Collapsible/index.js

@@ -13,7 +13,7 @@ import { CollapsibleProvider, useCollapsible } from './provider.js';
 const baseClass = 'collapsible';
 export { CollapsibleProvider, useCollapsible };
 export const Collapsible = t0 => {
-  const $ = _c(32);
+  const $ = _c(26);
   const {
     actions,
     children,
@@ -80,55 +80,32 @@ export const Collapsible = t0 => {
     t10 = $[10];
     t11 = $[11];
   }
-  let t12;
-  if ($[12] !== dragHandleProps) {
-    t12 = dragHandleProps && _jsx("div", {
-      className: `${baseClass}__drag`,
-      ...dragHandleProps.attributes,
-      ...dragHandleProps.listeners,
-      children: _jsx(DragHandleIcon, {})
-    });
-    $[12] = dragHandleProps;
-    $[13] = t12;
-  } else {
-    t12 = $[13];
-  }
-  const t13 = `${baseClass}__toggle--${isCollapsed ? "collapsed" : "open"}`;
-  let t14;
-  if ($[14] !== t13) {
-    t14 = [`${baseClass}__toggle`, t13].filter(Boolean);
-    $[14] = t13;
-    $[15] = t14;
+  const t12 = `${baseClass}__toggle--${isCollapsed ? "collapsed" : "open"}`;
+  let t13;
+  if ($[12] !== t12) {
+    t13 = [`${baseClass}__toggle`, t12].filter(Boolean);
+    $[12] = t12;
+    $[13] = t13;
   } else {
-    t14 = $[15];
+    t13 = $[13];
   }
-  const t15 = t14.join(" ");
-  let t16;
-  if ($[16] !== t || $[17] !== t15 || $[18] !== toggleCollapsible || $[19] !== header || $[20] !== dragHandleProps || $[21] !== actions || $[22] !== isCollapsed || $[23] !== t12 || $[24] !== children || $[25] !== t9) {
-    let t17;
-    if ($[27] !== header || $[28] !== dragHandleProps) {
-      t17 = header && _jsx("div", {
-        className: [`${baseClass}__header-wrap`, dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`].filter(Boolean).join(" "),
-        children: header && header
+  const t14 = t13.join(" ");
+  let t15;
+  if ($[14] !== t || $[15] !== t14 || $[16] !== toggleCollapsible || $[17] !== dragHandleProps || $[18] !== header || $[19] !== actions || $[20] !== isCollapsed || $[21] !== children || $[22] !== t9) {
+    let t16;
+    if ($[24] !== dragHandleProps) {
+      t16 = dragHandleProps && _jsx("div", {
+        className: `${baseClass}__drag`,
+        ...dragHandleProps.attributes,
+        ...dragHandleProps.listeners,
+        children: _jsx(DragHandleIcon, {})
       });
-      $[27] = header;
-      $[28] = dragHandleProps;
-      $[29] = t17;
+      $[24] = dragHandleProps;
+      $[25] = t16;
     } else {
-      t17 = $[29];
+      t16 = $[25];
     }
-    let t18;
-    if ($[30] !== actions) {
-      t18 = actions && _jsx("div", {
-        className: `${baseClass}__actions`,
-        children: actions
-      });
-      $[30] = actions;
-      $[31] = t18;
-    } else {
-      t18 = $[31];
-    }
-    t16 = _jsx("div", {
+    t15 = _jsx("div", {
       className: t9,
       children: _jsxs(CollapsibleProvider, {
         isCollapsed,
@@ -137,16 +114,22 @@ export const Collapsible = t0 => {
           className: `${baseClass}__toggle-wrap`,
           onMouseEnter: t10,
           onMouseLeave: t11,
-          children: [t12, _jsx("button", {
-            className: t15,
+          children: [_jsx("button", {
+            className: t14,
             onClick: toggleCollapsible,
             type: "button",
             children: _jsx("span", {
               children: t("fields:toggleBlock")
             })
-          }), t17, _jsxs("div", {
+          }), t16, header ? _jsx("div", {
+            className: [`${baseClass}__header-wrap`, dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`].filter(Boolean).join(" "),
+            children: header
+          }) : null, _jsxs("div", {
             className: `${baseClass}__actions-wrap`,
-            children: [t18, _jsx("div", {
+            children: [actions ? _jsx("div", {
+              className: `${baseClass}__actions`,
+              children: actions
+            }) : null, _jsx("div", {
               className: `${baseClass}__indicator`,
               children: _jsx(ChevronIcon, {
                 direction: !isCollapsed ? "up" : undefined
@@ -163,20 +146,19 @@ export const Collapsible = t0 => {
         })]
       })
     });
-    $[16] = t;
-    $[17] = t15;
-    $[18] = toggleCollapsible;
-    $[19] = header;
-    $[20] = dragHandleProps;
-    $[21] = actions;
-    $[22] = isCollapsed;
-    $[23] = t12;
-    $[24] = children;
-    $[25] = t9;
-    $[26] = t16;
+    $[14] = t;
+    $[15] = t14;
+    $[16] = toggleCollapsible;
+    $[17] = dragHandleProps;
+    $[18] = header;
+    $[19] = actions;
+    $[20] = isCollapsed;
+    $[21] = children;
+    $[22] = t9;
+    $[23] = t15;
   } else {
-    t16 = $[26];
+    t15 = $[23];
   }
-  return t16;
+  return t15;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","AnimateHeightImport","AnimateHeight","default","ChevronIcon","DragHandleIcon","useTranslation","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","_jsx","attributes","listeners","t13","t14","t15","t16","t17","t18","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","direction","duration","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') void onToggle(!isCollapsed)\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {header && (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header && header}\n            </div>\n          )}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight duration={200} height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","AnimateHeightImport","AnimateHeight","default","ChevronIcon","DragHandleIcon","useTranslation","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","t13","t14","t15","t16","_jsx","attributes","listeners","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","direction","duration","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nconst AnimateHeight = (AnimateHeightImport.default ||\n  AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight duration={200} height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}