@e1011/es-kit 1.1.76 → 1.1.80

package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"2YAOaA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,UAASF,KAAAA,OAAIR,GAAaW,QAAQ,MACtEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUiB,YAAc,YAGXC,MAAAA,EAAiBjB,EAAIA,MAChCkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,eAAcR,KAAAA,OAAIR,GAAaW,QAAQ,MAC3Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBrB,EAAIA,MAC/BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,cAAaZ,KAAAA,OAAIR,GAAaW,QAAQ,MAC1Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqBzB,EAAIA,MACpC0B,IAAA,IAACxB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BsB,EAAnBrB,EAAKC,EAAAoB,EAAAC,GAAA,OACzCnB,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQe,mBAAkBhB,KAAAA,OAAIR,GAAaW,QAAQ,MAC/Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXsB,EAAmBT,YAAc"}
+{"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"sWAOaA,EAAYC,GACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,UAASF,KAAAA,OAAIR,GAAaW,QAAQ,MACtEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUiB,YAAc,YAGXC,MAAAA,EAAiBjB,GAC5BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,eAAcR,KAAAA,OAAIR,GAAaW,QAAQ,MAC3Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBrB,GAC3BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,cAAaZ,KAAAA,OAAIR,GAAaW,QAAQ,MAC1Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqBzB,GAChC0B,IAAA,IAACxB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BsB,EAAnBrB,EAAKC,EAAAoB,EAAAC,GAAA,OACzCnB,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQe,mBAAkBhB,KAAAA,OAAIR,GAAaW,QAAQ,MAC/Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXsB,EAAmBT,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{r}from"../../../../../../node_modules/react/index.js";import{useParseProps as s}from"../../../../hooks/useParseProps.js";import{composeId as a}from"../../../../utils/helpers/text.js";const l=["element","children","href","target","className","id","onClick","text"],i=r.memo((i=>{let{element:n="span",children:d,href:m,target:c,className:p="",id:u,onClick:h,text:x}=i,f=e(i,l);const{dataProps:j,restProps:P}=s(f),b=x||(null==d?void 0:d.toString()),g=r.useMemo((()=>h?{onClick:h,onKeyDown:h,role:"button",tabIndex:-1}:{}),[h]);return o.createElement(n,t(t(t({id:"".concat(u||b&&a(b)),href:m,text:x,target:c,className:p},g),{},{style:P},j),{},{"data-testid":"".concat(j.dataTestId||j["data-testid"]||u||b&&a(b))}),d)}));i.displayName="Text";export{i as Text};
+import{objectWithoutProperties as t,objectSpread2 as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{memo as o,useMemo as a}from"react";import{useParseProps as s}from"../../../../hooks/useParseProps.js";import{composeId as l}from"../../../../utils/helpers/text.js";const i=["element","children","href","target","className","id","onClick","text"],n=o((o=>{let{element:n="span",children:c,href:d,target:m,className:p="",id:u,onClick:h,text:f}=o,x=t(o,i);const{dataProps:P,restProps:b}=s(x),g=f||(null==c?void 0:c.toString()),j=a((()=>h?{onClick:h,onKeyDown:h,role:"button",tabIndex:-1}:{}),[h]);return r.createElement(n,e(e(e({id:"".concat(u||g&&l(g)),href:d,text:f,target:m,className:p},j),{},{style:b},P),{},{"data-testid":"".concat(P.dataTestId||P["data-testid"]||u||g&&l(g))}),c)}));n.displayName="Text";export{n as Text};
 //# sourceMappingURL=Text.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n  { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n  const { dataProps, restProps } = useParseProps(rest)\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return React.createElement<TextProps>(\n    element,\n    {\n      id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n      href,\n      text,\n      target,\n      className,\n      ...onClickProps,\n      style: restProps,\n      ...dataProps,\n      'data-testid':\n      `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n    },\n    children,\n  )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_objectSpread","concat","composeId","style","dataTestId","displayName"],"mappings":"uYAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,WAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n  { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n  const { dataProps, restProps } = useParseProps(rest)\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return React.createElement<TextProps>(\n    element,\n    {\n      id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n      href,\n      text,\n      target,\n      className,\n      ...onClickProps,\n      style: restProps,\n      ...dataProps,\n      'data-testid':\n      `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n    },\n    children,\n  )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_objectSpread","concat","composeId","style","dataTestId","displayName"],"mappings":"oXAQaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,GAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as a}from"../../../../../../../node_modules/react/index.js";import{Link as r}from"../Link.js";import o from"./anchorLink.module.scss.js";import{classNames as s}from"../../../../../utils/helpers/ui.js";import{composeId as l}from"../../../../../utils/helpers/text.js";const i=["id","onClick","href","asLink","text","children","className"],n=a.memo((n=>{let{id:c,onClick:d,href:m,asLink:u=!1,text:p,children:h,className:f=""}=n,k=e(n,i);const b=p||(null==h?void 0:h.toString()),j=a.useCallback((e=>d?(null==e||e.preventDefault(),null==e||e.stopPropagation(),d(e,m,k.target,h)):null),[m,d,h,k.target]),x=a.useMemo((()=>d?{onClick:j,onKeyDown:j,role:"button",tabIndex:-1}:{}),[j,d]);return React.createElement("span",t({},x,{id:"".concat(void 0!==c&&c||b&&l(b)),"data-testid":k.dataTestId||k["data-testid"]||c||b&&l(b)}),u&&React.createElement(r,t({href:m||""},k),h||p||m),!u&&React.createElement("a",t({href:m||"",className:s(o.anchorLink,k.disabled&&o.disabled,f)},k),h||p||m))}));n.displayName="AnchorLink";export{n as AnchorLink};
+import{objectWithoutProperties as e,extends as t}from"../../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r,useCallback as a,useMemo as o}from"react";import{Link as i}from"../Link.js";import l from"./anchorLink.module.scss.js";import{classNames as n}from"../../../../../utils/helpers/ui.js";import{composeId as s}from"../../../../../utils/helpers/text.js";const c=["id","onClick","href","asLink","text","children","className"],d=r((r=>{let{id:d,onClick:m,href:p,asLink:u=!1,text:h,children:f,className:k=""}=r,b=e(r,c);const j=h||(null==f?void 0:f.toString()),x=a((e=>m?(null==e||e.preventDefault(),null==e||e.stopPropagation(),m(e,p,b.target,f)):null),[p,m,f,b.target]),L=o((()=>m?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x,m]);return React.createElement("span",t({},L,{id:"".concat(void 0!==d&&d||j&&s(j)),"data-testid":b.dataTestId||b["data-testid"]||d||j&&s(j)}),u&&React.createElement(i,t({href:p||""},b),f||h||p),!u&&React.createElement("a",t({href:p||"",className:n(l.anchorLink,b.disabled&&l.disabled,k)},b),f||h||p))}));d.displayName="AnchorLink";export{d as AnchorLink};
 //# sourceMappingURL=AnchorLink.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.js","sources":["../../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/AnchorLink.tsx"],"sourcesContent":["import { memo, FC, useCallback, MouseEvent, useMemo } from 'react'\n\nimport { Link } from '../Link'\nimport { classNames, composeId } from '../../../../../utils'\n\nimport type { AnchorLinkProps } from './anchorLink.types'\nimport classes from './anchorLink.module.scss'\n\n\n\n/**\n * AnchorLink component.\n *\n * @type {React.FC<AnchorLinkProps>}\n * @returns {React.ReactElement} The AnchorLink.\n */\nexport const AnchorLink: FC<AnchorLinkProps> = memo<AnchorLinkProps>(({\n  id,\n  onClick,\n  href,\n  asLink = false,\n  text,\n  children,\n  className = '',\n  ...props\n}: AnchorLinkProps) => {\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const clickHandler = useCallback((event?: MouseEvent) => {\n    if (onClick) {\n      event?.preventDefault()\n      event?.stopPropagation()\n      return onClick(event, href, props.target, children as string)\n    }\n\n    return null\n  }, [href, onClick, children, props.target])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick: clickHandler,\n    onKeyDown: clickHandler,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [clickHandler, onClick])\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <span\n      {...onClickProps}\n      id={`${(typeof id !== 'undefined' && id) || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={props.dataTestId || props['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}\n    >\n      {asLink && <Link href={href || ''} {...props}>{children || text || href}</Link>}\n      {!asLink && (\n      /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n      /* @ts-ignore */\n      <a\n        href={href || ''}\n        className={\n          classNames(classes.anchorLink, props.disabled && classes.disabled, className)\n        }\n        {...props}\n      >{children || text || href}\n      </a>\n      )}\n    </span>\n\n\n  )\n})\n\nexport type AnchorLinkType = typeof AnchorLink;\n\nAnchorLink.displayName = 'AnchorLink'\n"],"names":["AnchorLink","memo","_ref","id","onClick","href","asLink","text","children","className","props","_objectWithoutProperties","_excluded","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","stopPropagation","target","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_extends","concat","composeId","dataTestId","Link","classNames","classes","anchorLink","disabled","displayName"],"mappings":"4cAgBaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,EAAWA,aAAEC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,WAAQ,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}
+{"version":3,"file":"AnchorLink.js","sources":["../../../../../../../../../../src/core/ui/components/atoms/text/anchor-link/AnchorLink.tsx"],"sourcesContent":["import { memo, FC, useCallback, MouseEvent, useMemo } from 'react'\n\nimport { Link } from '../Link'\nimport { classNames, composeId } from '../../../../../utils'\n\nimport type { AnchorLinkProps } from './anchorLink.types'\nimport classes from './anchorLink.module.scss'\n\n\n\n/**\n * AnchorLink component.\n *\n * @type {React.FC<AnchorLinkProps>}\n * @returns {React.ReactElement} The AnchorLink.\n */\nexport const AnchorLink: FC<AnchorLinkProps> = memo<AnchorLinkProps>(({\n  id,\n  onClick,\n  href,\n  asLink = false,\n  text,\n  children,\n  className = '',\n  ...props\n}: AnchorLinkProps) => {\n  const textFromChildren: string | undefined = text || children?.toString()\n\n  const clickHandler = useCallback((event?: MouseEvent) => {\n    if (onClick) {\n      event?.preventDefault()\n      event?.stopPropagation()\n      return onClick(event, href, props.target, children as string)\n    }\n\n    return null\n  }, [href, onClick, children, props.target])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick: clickHandler,\n    onKeyDown: clickHandler,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [clickHandler, onClick])\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <span\n      {...onClickProps}\n      id={`${(typeof id !== 'undefined' && id) || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={props.dataTestId || props['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}\n    >\n      {asLink && <Link href={href || ''} {...props}>{children || text || href}</Link>}\n      {!asLink && (\n      /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */\n      /* @ts-ignore */\n      <a\n        href={href || ''}\n        className={\n          classNames(classes.anchorLink, props.disabled && classes.disabled, className)\n        }\n        {...props}\n      >{children || text || href}\n      </a>\n      )}\n    </span>\n\n\n  )\n})\n\nexport type AnchorLinkType = typeof AnchorLink;\n\nAnchorLink.displayName = 'AnchorLink'\n"],"names":["AnchorLink","memo","_ref","id","onClick","href","asLink","text","children","className","props","_objectWithoutProperties","_excluded","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","stopPropagation","target","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","_extends","concat","composeId","dataTestId","Link","classNames","classes","anchorLink","disabled","displayName"],"mappings":"kcAgBaA,EAAkCC,GAAsBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,GAAaC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,GAAQ,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../../../../node_modules/react/index.js";import{PropsValidationError as n}from"../../error/propsValidationError.js";import{Text as c}from"../text/Text.js";import r from"./textAndContent.module.scss.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import{IconBase as l}from"../../icon/IconBase.js";const s=["text","children","components","leftContent","rightContent","textProps","className"],a=["iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick"],m=o.memo((o=>{let{text:l,children:a,components:m,leftContent:d,rightContent:p,textProps:x={},className:f=""}=o,u=t(o,s);if(null==l&&!a)throw new n("Missing `text or children` property!");const C=(null==m?void 0:m.TextComponent)||c;return React.createElement(i,e({className:"".concat(r.textAndContent," ").concat(f)},u),d&&d,React.createElement(C,e({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),l||a),p&&p)}));m.displayName="TextAndContent";const d=o.memo((n=>{let{iconSize:c,iconColor:r,iconLeft:i,iconRight:s,iconLeftUrl:d,iconRightUrl:p,onLeftIconClick:x,onRightIconClick:f}=n,u=t(n,a);const[C,h]=o.useMemo((()=>{let t,o;if(i||d){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(l,e({iconUrl:d,size:c,color:r},o),i&&i)}if(s||p){const t=f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(l,e({iconUrl:p,size:c,color:r},t),s&&s)}return[t,o]}),[r,i,d,s,p,c,x,f]);return React.createElement(m,e({leftContent:C,rightContent:h},u))}));d.displayName="TextAndIcons";export{m as TextAndContent,d as TextAndIcons};
+import{objectWithoutProperties as t,extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as o,useMemo as n}from"react";import{PropsValidationError as c}from"../../error/propsValidationError.js";import{Text as r}from"../text/Text.js";import i from"./textAndContent.module.scss.js";import{LayoutBox as l}from"../../container/layoutBox/LayoutBox.js";import{IconBase as s}from"../../icon/IconBase.js";const a=["text","children","components","leftContent","rightContent","textProps","className"],m=["iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick"],d=o((o=>{let{text:n,children:s,components:m,leftContent:d,rightContent:p,textProps:x={},className:f=""}=o,C=t(o,a);if(null==n&&!s)throw new c("Missing `text or children` property!");const u=(null==m?void 0:m.TextComponent)||r;return React.createElement(l,e({className:"".concat(i.textAndContent," ").concat(f)},C),d&&d,React.createElement(u,e({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),n||s),p&&p)}));d.displayName="TextAndContent";const p=o((o=>{let{iconSize:c,iconColor:r,iconLeft:i,iconRight:l,iconLeftUrl:a,iconRightUrl:p,onLeftIconClick:x,onRightIconClick:f}=o,C=t(o,m);const[u,h]=n((()=>{let t,o;if(i||a){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(s,e({iconUrl:a,size:c,color:r},o),i&&i)}if(l||p){const t=f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(s,e({iconUrl:p,size:c,color:r},t),l&&l)}return[t,o]}),[r,i,a,l,p,c,x,f]);return React.createElement(d,e({leftContent:u,rightContent:h},C))}));p.displayName="TextAndIcons";export{d as TextAndContent,p as TextAndIcons};
 //# sourceMappingURL=TextAndContent.js.map

package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n  text,\n  children,\n  components,\n  leftContent,\n  rightContent,\n  textProps = {},\n  className = '',\n  ...props\n}: TextAndContentProps) => {\n  if ((text === undefined || text === null) && !children) {\n    throw new PropsValidationError('Missing `text or children` property!')\n  }\n\n  const TextComponent = components?.TextComponent || BodyText\n\n  return (\n    <LayoutBox\n      className={`${classes.textAndContent} ${className}`}\n      {...props}\n    >\n      {leftContent && leftContent}\n      <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n      {rightContent && rightContent}\n    </LayoutBox>\n  )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n  iconSize,\n  iconColor,\n  iconLeft,\n  iconRight,\n  iconLeftUrl,\n  iconRightUrl,\n  onLeftIconClick,\n  onRightIconClick,\n  ...props\n}: TextAndIconsProps) => {\n  const [leftContent, rightContent] = useMemo(() => {\n    let leftContent\n    let rightContent\n\n    if (iconLeft || iconLeftUrl) {\n      const onLeftIconClickProps = onLeftIconClick ? ({\n        onClick: onLeftIconClick,\n        onKeyDown: onLeftIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-left',\n      }) : {}\n\n      leftContent = (\n        <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n          {iconLeft && iconLeft}\n        </IconBase>)\n    }\n    if (iconRight || iconRightUrl) {\n      const onRightIconClickProps = onRightIconClick ? ({\n        onClick: onRightIconClick,\n        onKeyDown: onRightIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-right',\n      }) : {}\n\n      rightContent = (\n        <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n          {iconRight && iconRight}\n        </IconBase>)\n    }\n    return [leftContent, rightContent]\n  }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n  return (\n    <TextAndContent\n      leftContent={leftContent}\n      rightContent={rightContent}\n      {...props}\n    />\n  )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","concat","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","_excluded2","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"gvBAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAqB,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRV,UAAS,GAAAW,OAAKC,EAAQC,eAAc,KAAAF,OAAIX,IACpCC,GAEHJ,GAAeA,EAChBU,MAAAC,cAACH,EAAaK,EAAA,CAACV,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeuB,YAAc,uBAShBC,EAAsCvB,EAAIA,MAAoBwB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADff,EAAKC,EAAAc,EAAAS,GAER,MAAO5B,EAAaC,GAAgB4B,EAAOA,SAAC,KAC1C,IAAI7B,EACAC,EAEJ,GAAIqB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPlC,EACEU,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASZ,EAAaa,KAAMjB,EAAUkB,MAAOjB,GAAeS,GACnER,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMc,EAAwBZ,EAAoB,CAChDI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,CAAE,EAEPjC,EACES,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACvB,EAAaC,EAAa,GACjC,CAACoB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACjB,EAAcmB,EAAA,CACbb,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINc,EAAaD,YAAc"}
+{"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n  text,\n  children,\n  components,\n  leftContent,\n  rightContent,\n  textProps = {},\n  className = '',\n  ...props\n}: TextAndContentProps) => {\n  if ((text === undefined || text === null) && !children) {\n    throw new PropsValidationError('Missing `text or children` property!')\n  }\n\n  const TextComponent = components?.TextComponent || BodyText\n\n  return (\n    <LayoutBox\n      className={`${classes.textAndContent} ${className}`}\n      {...props}\n    >\n      {leftContent && leftContent}\n      <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n      {rightContent && rightContent}\n    </LayoutBox>\n  )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n  iconSize,\n  iconColor,\n  iconLeft,\n  iconRight,\n  iconLeftUrl,\n  iconRightUrl,\n  onLeftIconClick,\n  onRightIconClick,\n  ...props\n}: TextAndIconsProps) => {\n  const [leftContent, rightContent] = useMemo(() => {\n    let leftContent\n    let rightContent\n\n    if (iconLeft || iconLeftUrl) {\n      const onLeftIconClickProps = onLeftIconClick ? ({\n        onClick: onLeftIconClick,\n        onKeyDown: onLeftIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-left',\n      }) : {}\n\n      leftContent = (\n        <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n          {iconLeft && iconLeft}\n        </IconBase>)\n    }\n    if (iconRight || iconRightUrl) {\n      const onRightIconClickProps = onRightIconClick ? ({\n        onClick: onRightIconClick,\n        onKeyDown: onRightIconClick,\n        role: 'button',\n        tabIndex: -1,\n        'data-testid': 'text-content-icon-right',\n      }) : {}\n\n      rightContent = (\n        <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n          {iconRight && iconRight}\n        </IconBase>)\n    }\n    return [leftContent, rightContent]\n  }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n  return (\n    <TextAndContent\n      leftContent={leftContent}\n      rightContent={rightContent}\n      {...props}\n    />\n  )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","concat","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","_excluded2","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"wtBAiBaA,EAA0CC,GAA0BC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAqB,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRV,UAAS,GAAAW,OAAKC,EAAQC,eAAc,KAAAF,OAAIX,IACpCC,GAEHJ,GAAeA,EAChBU,MAAAC,cAACH,EAAaK,EAAA,CAACV,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeuB,YAAc,uBAShBC,EAAsCvB,GAAwBwB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADff,EAAKC,EAAAc,EAAAS,GAER,MAAO5B,EAAaC,GAAgB4B,GAAQ,KAC1C,IAAI7B,EACAC,EAEJ,GAAIqB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPlC,EACEU,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASZ,EAAaa,KAAMjB,EAAUkB,MAAOjB,GAAeS,GACnER,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMc,EAAwBZ,EAAoB,CAChDI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,CAAE,EAEPjC,EACES,MAAAC,cAACwB,EAAQtB,EAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACvB,EAAaC,EAAa,GACjC,CAACoB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACjB,EAAcmB,EAAA,CACbb,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINc,EAAaD,YAAc"}

package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as s}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as a}from"../../../../../../node_modules/react/index.js";import l from"./toggle.module.scss.js";import{classNames as o}from"../../../../utils/helpers/ui.js";import{useParseProps as r}from"../../../../hooks/useParseProps.js";const t=["id","checked","disabled","className","invalid","onChange"],d=a.forwardRef(((d,i)=>{let{id:c,checked:m=!1,disabled:n=!1,className:p="",invalid:u,onChange:g}=d,h=e(d,t);const b=a.useId(),f=a.useMemo((()=>o(l.toggle,n&&l.disabled,p)),[n,p]),{dataProps:j,restProps:N}=r(h);return React.createElement("label",s({htmlFor:null!=c?c:b,className:f},j,{style:N}),React.createElement("input",s({},h,{id:null!=c?c:b,ref:i,role:"switch",type:"checkbox",disabled:n,checked:m,onChange:g})),React.createElement("span",{className:l.slider}))}));d.displayName="ToggleForwarded";const i=a.memo(d);i.displayName="Toggle";export{i as Toggle};
+import{objectWithoutProperties as e,extends as s}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as l,forwardRef as a,useId as t,useMemo as o}from"react";import r from"./toggle.module.scss.js";import{classNames as i}from"../../../../utils/helpers/ui.js";import{useParseProps as c}from"../../../../hooks/useParseProps.js";const d=["id","checked","disabled","className","invalid","onChange"],m=a(((l,a)=>{let{id:m,checked:n=!1,disabled:p=!1,className:g="",invalid:h,onChange:u}=l,b=e(l,d);const f=t(),N=o((()=>i(r.toggle,p&&r.disabled,g)),[p,g]),{dataProps:P,restProps:j}=c(b);return React.createElement("label",s({htmlFor:null!=m?m:f,className:N},P,{style:j}),React.createElement("input",s({},b,{id:null!=m?m:f,ref:a,role:"switch",type:"checkbox",disabled:p,checked:n,onChange:u})),React.createElement("span",{className:r.slider}))}));m.displayName="ToggleForwarded";const n=l(m);n.displayName="Toggle";export{n as Toggle};
 //# sourceMappingURL=Toggle.js.map

package/dist/lib/esm/src/core/ui/components/atoms/toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n  useId,\n  forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n  ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n  onChange?: (event: ChangeEvent) => void\n  checked?: FieldProps['checked']\n  disabled?: FieldProps['disabled']\n  invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n  id,\n  checked = false,\n  disabled = false,\n  className = '',\n  // TODO add eror styling for invalid\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  invalid,\n  onChange,\n  ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n  const shadowId = useId()\n\n  const styles = useMemo(\n    () => classNames(\n      classes.toggle,\n      disabled && classes.disabled,\n      className,\n    ),\n    [disabled, className],\n  )\n\n  const { dataProps, restProps } = useParseProps(props)\n\n  return (\n    <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n      <input\n        {...props}\n        id={id ?? shadowId}\n        ref={ref}\n        role='switch'\n        type='checkbox'\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n      />\n      <span className={classes.slider} />\n    </label>\n  )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","_objectWithoutProperties","_excluded","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","role","type","slider","displayName","Toggle","memo"],"mappings":"6ZA6BMA,EAAkBC,EAAUA,YAAC,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,GAEYP,EADTQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAWC,EAAAA,QAEXC,EAASC,EAAOA,SACpB,IAAMC,EACJC,EAAQC,OACRb,GAAYY,EAAQZ,SACpBC,IAEF,CAACD,EAAUC,KAGPa,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,GAE/C,OACEa,MAAAC,cAAA,QAAAC,EAAA,CAAOC,QAAStB,QAAAA,EAAMS,EAAUN,UAAWQ,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,KACMf,EAAK,CACTN,GAAIA,QAAAA,EAAMS,EACVV,IAAKA,EACLyB,KAAK,SACLC,KAAK,WACLvB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZc,MAAAC,cAAA,OAAA,CAAMjB,UAAWW,EAAQY,SACnB,IAIZ9B,EAAgB+B,YAAc,wBAEjBC,EAA0BC,EAAIA,KAAcjC,GAIzDgC,EAAOD,YAAc"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../../../../../src/core/ui/components/atoms/toggle/Toggle.tsx"],"sourcesContent":["import {\n  useId,\n  forwardRef, LegacyRef, memo, useMemo, FC, PropsWithChildren,\n  ChangeEvent,\n} from 'react'\n\nimport { CommonProps } from '../../../types'\nimport { useParseProps } from '../../../../hooks'\nimport { classNames } from '../../../../utils'\nimport { FieldProps } from '../../field'\n\nimport classes from './toggle.module.scss'\n\n\nexport type ToggleProps = CommonProps & PropsWithChildren & {\n  onChange?: (event: ChangeEvent) => void\n  checked?: FieldProps['checked']\n  disabled?: FieldProps['disabled']\n  invalid?: FieldProps['invalid']\n}\n\n/**\n * Toggle component.\n *\n * @type {React.FC<ToggleProps>}\n * @returns {React.ReactElement} The Toggle.\n */\n\n\nconst ToggleForwarded = forwardRef(({\n  id,\n  checked = false,\n  disabled = false,\n  className = '',\n  // TODO add eror styling for invalid\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  invalid,\n  onChange,\n  ...props\n}: ToggleProps, ref: LegacyRef<HTMLInputElement>) => {\n  const shadowId = useId()\n\n  const styles = useMemo(\n    () => classNames(\n      classes.toggle,\n      disabled && classes.disabled,\n      className,\n    ),\n    [disabled, className],\n  )\n\n  const { dataProps, restProps } = useParseProps(props)\n\n  return (\n    <label htmlFor={id ?? shadowId} className={styles} {...dataProps} style={restProps}>\n      <input\n        {...props}\n        id={id ?? shadowId}\n        ref={ref}\n        role='switch'\n        type='checkbox'\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n      />\n      <span className={classes.slider} />\n    </label>\n  )\n})\n\nToggleForwarded.displayName = 'ToggleForwarded'\n\nexport const Toggle: FC<ToggleProps> = memo<ToggleProps>(ToggleForwarded)\n\nexport type ToggleType = typeof Toggle;\n\nToggle.displayName = 'Toggle'\n"],"names":["ToggleForwarded","forwardRef","_ref","ref","id","checked","disabled","className","invalid","onChange","props","_objectWithoutProperties","_excluded","shadowId","useId","styles","useMemo","classNames","classes","toggle","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","role","type","slider","displayName","Toggle","memo"],"mappings":"gaA6BMA,EAAkBC,GAAW,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,GAEYP,EADTQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAWC,IAEXC,EAASC,GACb,IAAMC,EACJC,EAAQC,OACRb,GAAYY,EAAQZ,SACpBC,IAEF,CAACD,EAAUC,KAGPa,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,GAE/C,OACEa,MAAAC,cAAA,QAAAC,EAAA,CAAOC,QAAStB,QAAAA,EAAMS,EAAUN,UAAWQ,GAAYK,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,KACMf,EAAK,CACTN,GAAIA,QAAAA,EAAMS,EACVV,IAAKA,EACLyB,KAAK,SACLC,KAAK,WACLvB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZc,MAAAC,cAAA,OAAA,CAAMjB,UAAWW,EAAQY,SACnB,IAIZ9B,EAAgB+B,YAAc,wBAEjBC,EAA0BC,EAAkBjC,GAIzDgC,EAAOD,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as l}from"../../../../../node_modules/react/index.js";import{useParseProps as s}from"../../../hooks/useParseProps.js";import a from"./CollapsibleContainer.module.scss.js";const r=["collapsed","collapseHandler","children","horizontal","className","id"],i={width:"scrollWidth",height:"scrollHeight"},n=l.memo((n=>{let{collapsed:c=!1,collapseHandler:d,children:p,horizontal:u=!1,className:m="",id:h}=n,f=e(n,r);const j=l.useRef(null),[x,b]=l.useState(0),{dataProps:g,restProps:P}=s(f),v=!u;l.useEffect((()=>{null==d||d(c)}),[d,c]),l.useLayoutEffect((()=>{if(null!=j&&j.current){const e=v?"height":"width";setTimeout((()=>{null!=j&&j.current&&b(j.current[i[e]])}),100)}}),[j,v]);const w=l.useMemo((()=>t({"--prop-name":v?"height":"width","--prop-max-name":v?"max-height":"max-width","--prop-value":"".concat(x,"px")},P)),[v,P,x]),C=l.useMemo((()=>{const e=[v?a.vertical:a.horizontal];return c&&x&&null!=x&&e.push(a.collapsed),!c&&x&&null!=x&&e.push(a.expanded),e.join(" ")}),[c,x,v]);return React.createElement("div",o({id:"".concat(void 0!==h&&h||h),className:"".concat(a["collapsible-container"]," ").concat(C," ").concat(m," "),ref:j,style:w},g,{"data-testid":g.dataTestId||g["data-testid"]||h}),p)}));n.displayName="CollapsibleContainer";export{n as CollapsibleContainer};
+import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as a,useState as r,useEffect as s,useLayoutEffect as i,useMemo as n}from"react";import{useParseProps as c}from"../../../hooks/useParseProps.js";import d from"./CollapsibleContainer.module.scss.js";const p=["collapsed","collapseHandler","children","horizontal","className","id"],m={width:"scrollWidth",height:"scrollHeight"},h=l((l=>{let{collapsed:h=!1,collapseHandler:u,children:j,horizontal:b=!1,className:x="",id:f}=l,g=e(l,p);const P=a(null),[v,w]=r(0),{dataProps:C,restProps:H}=c(g),N=!b;s((()=>{null==u||u(h)}),[u,h]),i((()=>{if(null!=P&&P.current){const e=N?"height":"width";setTimeout((()=>{null!=P&&P.current&&w(P.current[m[e]])}),100)}}),[P,N]);const z=n((()=>t({"--prop-name":N?"height":"width","--prop-max-name":N?"max-height":"max-width","--prop-value":"".concat(v,"px")},H)),[N,H,v]),_=n((()=>{const e=[N?d.vertical:d.horizontal];return h&&v&&null!=v&&e.push(d.collapsed),!h&&v&&null!=v&&e.push(d.expanded),e.join(" ")}),[h,v,N]);return React.createElement("div",o({id:"".concat(void 0!==f&&f||f),className:"".concat(d["collapsible-container"]," ").concat(_," ").concat(x," "),ref:P,style:z},C,{"data-testid":C.dataTestId||C["data-testid"]||f}),j)}));h.displayName="CollapsibleContainer";export{h as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","_objectWithoutProperties","_excluded","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"wdAYMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,EAAIA,MAACC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,GACxDN,EAD+DO,EAAKC,EAAAR,EAAAS,GAE9F,MAAMC,EAAeC,EAAMA,OAAiB,OACrCC,EAAaC,GAAkBC,EAAAA,SAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcX,GAEhDY,GAAYf,EAElBgB,EAAAA,WAAU,KACRlB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBoB,EAAAA,iBAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgB3B,EAAmB4B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,WAAQ,IAAAC,EAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,IACgB,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,EAAAA,SAAQ,KACzB,MAAMG,EAAa,CAACV,EAAWW,EAAQX,SAAWW,EAAQ1B,YAQ1D,OANIH,GAAaW,GAAbX,MAA4BW,GAC9BiB,EAAWE,KAAKD,EAAQ7B,YAErBA,GAAaW,GAAd,MAA6BA,GAC/BiB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAChC,EAAWW,EAAaO,IAE5B,OACEe,MAAAC,cAAA,MAAAC,EAAA,CACE9B,GAAE,GAAAsB,YAAoB,IAAPtB,GAAsBA,GAAOA,GAC5CD,UAASuB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIvB,EAAa,KAC7EgC,IAAK3B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBT,IAEhEH,EACG,IAIVL,EAAqByC,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & Omit<LayoutBoxProps, 'ref'> & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","_objectWithoutProperties","_excluded","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"igBAYMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,GACxDN,EAD+DO,EAAKC,EAAAR,EAAAS,GAE9F,MAAMC,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcX,GAEhDY,GAAYf,EAElBgB,GAAU,KACRlB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBoB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgB3B,EAAmB4B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,IAAAC,EAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,IACgB,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,GAAQ,KACzB,MAAMG,EAAa,CAACV,EAAWW,EAAQX,SAAWW,EAAQ1B,YAQ1D,OANIH,GAAaW,GAAbX,MAA4BW,GAC9BiB,EAAWE,KAAKD,EAAQ7B,YAErBA,GAAaW,GAAd,MAA6BA,GAC/BiB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAChC,EAAWW,EAAaO,IAE5B,OACEe,MAAAC,cAAA,MAAAC,EAAA,CACE9B,GAAE,GAAAsB,YAAoB,IAAPtB,GAAsBA,GAAOA,GAC5CD,UAASuB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIvB,EAAa,KAC7EgC,IAAK3B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBT,IAEhEH,EACG,IAIVL,EAAqByC,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../../../node_modules/react/index.js";import{useResize as i}from"../../../hooks/useResize.js";import{LayoutBox as n}from"./layoutBox/LayoutBox.js";const l=["children","debounceDelay"],r={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},a=o.memo((o=>{let{children:a,debounceDelay:s=250}=o,c=e(o,l);const[d,m]=i(s);return React.createElement(n,t({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},c),React.createElement(n,{style:r.main,width:"100%",height:"100%",ref:d}),!a&&React.createElement(n,{width:"".concat(Math.max((null==m?void 0:m.width)||200,200)||200,"px"),height:"".concat(Math.max((null==m?void 0:m.height)||200,200)||200,"px"),style:r.empty}),a&&(null==a?void 0:a({height:"".concat((null==m?void 0:m.height)||200,"px"),width:"".concat((null==m?void 0:m.width)||200,"px"),measured:!(null==m||!m.height)})))}));a.displayName="ResizableContainer";export{a as ResizableContainer};
+import{objectWithoutProperties as e,extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as o}from"react";import{useResize as i}from"../../../hooks/useResize.js";import{LayoutBox as n}from"./layoutBox/LayoutBox.js";const l=["children","debounceDelay"],r={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},a=o((o=>{let{children:a,debounceDelay:c=250}=o,s=e(o,l);const[h,d]=i(c);return React.createElement(n,t({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},s),React.createElement(n,{style:r.main,width:"100%",height:"100%",ref:h}),!a&&React.createElement(n,{width:"".concat(Math.max((null==d?void 0:d.width)||200,200)||200,"px"),height:"".concat(Math.max((null==d?void 0:d.height)||200,200)||200,"px"),style:r.empty}),a&&(null==a?void 0:a({height:"".concat((null==d?void 0:d.height)||200,"px"),width:"".concat((null==d?void 0:d.width)||200,"px"),measured:!(null==d||!d.height)})))}));a.displayName="ResizableContainer";export{a as ResizableContainer};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","_objectWithoutProperties","_excluded","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"iZAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,EAAIA,MACjEC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAO3B,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBa,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBhB,EAAmB0B,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './layoutBox/LayoutBox'\nimport { LayoutBoxProps } from './layoutBox/layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","_objectWithoutProperties","_excluded","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"+WAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAO3B,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBa,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBhB,EAAmB0B,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as s}from"../../../../../../node_modules/react/index.js";import{useParseProps as a}from"../../../../hooks/useParseProps.js";import{classNames as r}from"../../../../utils/helpers/ui.js";import l from"./layoutBox.module.scss.js";import{LayoutDirection as i}from"./layoutBox.types.js";const n=["id","style","children","tabIndex","className","onClick","column"],d={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},m=e=>e&&d[e]||e,u=s.forwardRef(((d,u)=>{let{id:c,style:f,children:x,tabIndex:p,className:y="",onClick:j,column:b}=d,I=e(d,n);const{dataProps:N,restProps:P}=a(I),h=s.useMemo((()=>j?{onClick:j,onKeyDown:j,role:"button",tabIndex:-1}:{}),[j]),B=s.useMemo((()=>void 0!==b&&!0===b?i.COLUMN:null),[b]),C=s.useMemo((()=>t(t(t(t(t({},P),P.align?{alignItems:m(P.align)}:{}),P.justify?{justifyContent:m(P.justify)}:{}),P.direction||B?{flexDirection:P.direction||B}:{}),f)),[B,P,f]);return React.createElement("div",o({},c?{id:"".concat(c)}:{},{ref:u,tabIndex:p,className:r(l["layout-box"],y),style:C},N,{"data-testid":N.dataTestId||N["data-testid"]||c},h),x)}));u.displayName="LayoutBoxRefForwarded";const c=s.memo(u);c.displayName="LayoutBox";export{c as LayoutBox};
+import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as i,forwardRef as l,useMemo as a}from"react";import{useParseProps as r}from"../../../../hooks/useParseProps.js";import{classNames as s}from"../../../../utils/helpers/ui.js";import d from"./layoutBox.module.scss.js";import{LayoutDirection as n}from"./layoutBox.types.js";const c=["id","style","children","tabIndex","className","onClick","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background"],u={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},m=e=>e&&u[e]||e,x=l(((i,l)=>{let{id:u,style:x,children:f,tabIndex:p,className:y="",onClick:h,column:b,asGrid:g=!1,wFull:j=!1,hFull:w=!1,centered:k=!1,flex:v,width:I,height:N,debug:B=!1,background:C}=i,P=e(i,c);const{dataProps:F,restProps:L}=r(P),D=a((()=>h?{onClick:h,onKeyDown:h,role:"button",tabIndex:-1}:{}),[h]),G=a((()=>void 0!==b&&!0===b?n.COLUMN:null),[b]),R=a((()=>{const e=t({},L);return(L.direction||G)&&(e.flexDirection=L.direction||G),k?(e.alignItems="center",e.justifyContent="center"):(L.align&&(e.alignItems=m(L.align)),L.justify&&(e.justifyContent=m(L.justify))),e.display=g?"grid":"flex",j?e.width="100%":void 0!==I&&(e.width="number"==typeof I?"".concat(I,"px"):I),w?e.height="100%":void 0!==N&&(e.height="number"==typeof N?"".concat(N,"px"):N),void 0!==v&&(e.flex=!0===v?1:v),void 0!==C&&(e.background=C),B&&(e.outline="1px solid red"),t(t({},e),x)}),[g,C,k,B,v,w,N,G,L,x,j,I]);return React.createElement("div",o({},u?{id:"".concat(u)}:{},{ref:l,tabIndex:p,className:s(d["layout-box"],y),style:R},F,{"data-testid":F.dataTestId||F["data-testid"]||u},D),f)}));x.displayName="LayoutBoxRefForwarded";const f=i(x),p=i(x);f.displayName="LayoutBox",p.displayName="BoxLayout";export{p as BoxLayout,f as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/esm/src/core/ui/components/container/layoutBox/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized onClick event properties.\n   * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n   */\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n   * Memoized styles combining parsed props and additional styles.\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),\n      ...style,\n    }\n  ), [resolvedColumn, restProps, style])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"ifAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,GACzCR,EADoDS,EAAKC,EAAAV,EAAAW,GAExE,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GAMzCM,EAAeC,WAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNb,UAAW,GACR,CAAG,GAAE,CAACE,IAMLY,EAAiBH,EAAAA,SAAQ,SAClBI,IAAXZ,IAAmC,IAAXA,EACtBa,EAAgBC,OAChB,MAAO,CAACd,IAMNe,EAASP,EAAOA,SAAC,IAAAQ,EAAAA,EAAAA,EAAAA,EAAAA,EAEhBX,CAAAA,EAAAA,GACCA,EAAUY,MAAQ,CAAEC,WAAY9B,EAAiBiB,EAAUY,QAAqB,CAAE,GAClFZ,EAAUc,QAAU,CAAEC,eAAgBhC,EAAiBiB,EAAUc,UAAuB,IACxFd,EAAUgB,WAAaV,EAAiB,CAAEW,cAAejB,EAAUgB,WAAaV,GAAmB,CAAA,GACpGhB,IAEJ,CAACgB,EAAgBN,EAAWV,IAE/B,OACE4B,MAAAC,oBAAAC,EAAA,CAAA,EACO/B,EAAK,CAAEA,GAAE,GAAAgC,OAAKhC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAW6B,EACTC,EAAQ,cACR9B,GAEFH,MAAOoB,GACHX,EAAS,CACb,cAAaA,EAAUyB,YAAczB,EAAU,gBAAkBV,GAC7Da,GAEHX,EACG,IAIVN,EAAsBwC,YAAc,8BAMvBC,EAAgCC,EAAIA,KAAiB1C,GAElEyC,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id,\n  style,\n  children,\n  tabIndex,\n  className = '',\n  onClick,\n  column,\n  asGrid = false,\n  wFull = false,\n  hFull = false,\n  centered = false,\n  flex,\n  width,\n  height,\n  debug = false,\n  background,\n  ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined | null) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized onClick event properties.\n   * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n   */\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n  * Memoized styles combining parsed props, BoxLayout-like helpers and additional styles.\n  * @type {CSSProperties}\n  */\n  const styles = useMemo(() => {\n    const baseStyles: CSSProperties = {\n      ...(restProps as CSSProperties),\n    }\n\n    // Resolve direction (supports column helper)\n    if (restProps.direction || resolvedColumn) {\n      baseStyles.flexDirection = (restProps.direction || resolvedColumn) as CSSProperties['flexDirection']\n    }\n\n    // Resolve alignment and justification\n    if (centered) {\n      baseStyles.alignItems = 'center'\n      baseStyles.justifyContent = 'center'\n    } else {\n      if (restProps.align) {\n        baseStyles.alignItems = resolveFlexProps(restProps.align as string)\n      }\n      if (restProps.justify) {\n        baseStyles.justifyContent = resolveFlexProps(restProps.justify as string)\n      }\n    }\n\n    // Flex or grid display\n    if (asGrid) {\n      baseStyles.display = 'grid'\n    } else {\n      baseStyles.display = 'flex'\n    }\n\n    // Width / height helpers\n    if (wFull) {\n      baseStyles.width = '100%'\n    } else if (width !== undefined) {\n      baseStyles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (hFull) {\n      baseStyles.height = '100%'\n    } else if (height !== undefined) {\n      baseStyles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    // Flex helper\n    if (flex !== undefined) {\n      if (flex === true) {\n        baseStyles.flex = 1\n      } else if (typeof flex === 'number') {\n        baseStyles.flex = flex\n      } else {\n        baseStyles.flex = flex as string\n      }\n    }\n\n    // Background helper\n    if (background !== undefined) {\n      baseStyles.background = background\n    }\n\n    // Debug outline helper\n    if (debug) {\n      baseStyles.outline = '1px solid red'\n    }\n\n    // User provided style wins last\n    return {\n      ...baseStyles,\n      ...style,\n    }\n  }, [\n    asGrid,\n    background,\n    centered,\n    debug,\n    flex,\n    hFull,\n    height,\n    resolvedColumn,\n    restProps,\n    style,\n    wFull,\n    width,\n  ])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={classNames(\n        classes['layout-box'],\n        className,\n      )}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nexport const BoxLayout: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n\nBoxLayout.displayName = 'BoxLayout'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","asGrid","wFull","hFull","centered","flex","width","height","debug","background","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","baseStyles","_objectSpread","direction","flexDirection","alignItems","justifyContent","align","justify","display","concat","outline","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"0jBAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAkBtBC,KAAsD,IAlB/BC,GACxCA,EAAEC,MACFA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,UACRA,EAAY,GAAEC,QACdA,EAAOC,OACPA,EAAMC,OACNA,GAAS,EAAKC,MACdA,GAAQ,EAAKC,MACbA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,KAChBA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,MACNA,GAAQ,EAAKC,WACbA,GAEejB,EADZkB,EAAKC,EAAAnB,EAAAoB,GAER,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GAMzCM,EAAeC,GAAQ,IAAOlB,EAAW,CAC7CA,UACAmB,UAAWnB,EACXoB,KAAM,SACNtB,UAAW,GACR,CAAG,GAAE,CAACE,IAMLqB,EAAiBH,GAAQ,SAClBI,IAAXrB,IAAmC,IAAXA,EACtBsB,EAAgBC,OAChB,MAAO,CAACvB,IAMNwB,EAASP,GAAQ,KACrB,MAAMQ,EAAyBC,EAAA,CAAA,EACzBZ,GA+DN,OA3DIA,EAAUa,WAAaP,KACzBK,EAAWG,cAAiBd,EAAUa,WAAaP,GAIjDhB,GACFqB,EAAWI,WAAa,SACxBJ,EAAWK,eAAiB,WAExBhB,EAAUiB,QACZN,EAAWI,WAAazC,EAAiB0B,EAAUiB,QAEjDjB,EAAUkB,UACZP,EAAWK,eAAiB1C,EAAiB0B,EAAUkB,WAMzDP,EAAWQ,QADThC,EACmB,OAEA,OAInBC,EACFuB,EAAWnB,MAAQ,YACAe,IAAVf,IACTmB,EAAWnB,MAAyB,iBAAVA,EAAkB,GAAA4B,OAAM5B,EAAK,MAAOA,GAG5DH,EACFsB,EAAWlB,OAAS,YACAc,IAAXd,IACTkB,EAAWlB,OAA2B,iBAAXA,EAAmB,GAAA2B,OAAM3B,EAAM,MAAOA,QAItDc,IAAThB,IAEAoB,EAAWpB,MADA,IAATA,EACgB,EAEAA,QAOHgB,IAAfZ,IACFgB,EAAWhB,WAAaA,GAItBD,IACFiB,EAAWU,QAAU,iBAIvBT,EAAAA,EACKD,CAAAA,EAAAA,GACA9B,EAAK,GAET,CACDM,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAa,EACAN,EACAnB,EACAO,EACAI,IAGF,OACE8B,MAAAC,oBAAAC,EAAA,CAAA,EACO5C,EAAK,CAAEA,GAAE,GAAAwC,OAAKxC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWyC,EACTC,EAAQ,cACR1C,GAEFH,MAAO6B,GACHX,EAAS,CACb,cAAaA,EAAU4B,YAAc5B,EAAU,gBAAkBnB,GAC7DsB,GAEHpB,EACG,IAIVN,EAAsBoD,YAAc,8BAMvBC,EAAgCC,EAAqBtD,GAErDuD,EAAgCD,EAAqBtD,GAElEqD,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/layoutBox/layoutBox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, PropsWithChildren } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\nexport type LayoutBoxProps = PropsWithChildren & {\n  /** Unique identifier for the component. */\n  id?: string | number\n  /** CSS flex property. */\n  flex?: string\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. */\n  width?: string\n  /** CSS height property. */\n  height?: string\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** Additional inline styles for the component. */\n  style?: Record<string, unknown> | null\n  /** Additional class name(s) for the component. */\n  className?: string\n  /** Tab index for keyboard navigation. */\n  tabIndex?: number\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** Callback function for click event. */\n  onClick?: () => void\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n} & Omit<CSSProperties, 'direction'>;\n"],"names":["LayoutDirection"],"mappings":"AAKYA,IAAAA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA,CAAA"}
+{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, LegacyRef, PropsWithChildren } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\n// TODO replace with & React.DIVHtmlAttributes<HTMLDivElement>\nexport type LayoutBoxProps = PropsWithChildren & {\n  /** Unique identifier for the component. */\n  id?: string | number\n  /** CSS flex property. Can be string, boolean (true = flex-1), or number. */\n  flex?: string | boolean | number\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. Can be string or number (converted to px). */\n  width?: string | number\n  /** CSS height property. Can be string or number (converted to px). */\n  height?: string | number\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** CSS background property. */\n  background?: string\n  /** Additional inline styles for the component. */\n  style?: Record<string, unknown> | null\n  /** Additional class name(s) for the component. */\n  className?: string\n  /** Tab index for keyboard navigation. */\n  tabIndex?: number\n  /** Ref for accessing the underlying DOM element. */\n  ref?: LegacyRef<HTMLDivElement> | undefined | null\n  /** Callback function for click event. */\n  onClick?: () => void\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n  /** If true, uses CSS Grid instead of Flexbox. */\n  asGrid?: boolean\n  /** If true, sets width to 100%. */\n  wFull?: boolean\n  /** If true, sets height to 100%. */\n  hFull?: boolean\n  /** If true, centers content in both axes. */\n  centered?: boolean\n  /** If true, adds an outline to help debug layout issues. */\n  debug?: boolean\n} & Omit<CSSProperties, 'direction' | 'flex'>;\n"],"names":["LayoutDirection"],"mappings":"AAKYA,IAAAA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA,CAAA"}

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r}from"../../../../../../node_modules/react/index.js";import{ErrorBoundary as n}from"../../error/ErrorBoundary.js";import o from"./lazyComponent.module.scss.js";const l=["children","Component","LoaderJSX"],a={},c=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},s=r.memo((t=>{let{children:a,Component:c,LoaderJSX:s}=t,m=e(t,l);return React.createElement(n,null,React.createElement(r.Suspense,{fallback:s||React.createElement("div",{className:o.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},c&&React.createElement(c,m),a&&a))}));s.displayName="LazyComponent";const m=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:o,children:l}=e;const a=r.useRef(t||n&&c(n)),m=r.useMemo((()=>e=>{var t,r;let{children:n}=e;const o=null===(t=a.current)||void 0===t||null===(r=t.read)||void 0===r?void 0:r.call(t);return null!=o&&o.then?null:n}),[]);return React.createElement(s,{LoaderJSX:o},React.createElement(m,null,l))}));m.displayName="PendingBoundary";const i=function(e,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const l=r.lazy(e);a[n]=r.memo((e=>React.createElement(s,t({Component:l},o,e)))),a[n].displayName=n}return a[n]},d=(e,n,o)=>l=>{if(!a[n]){const c=r.lazy((()=>e(l)));a[n]=r.memo((e=>React.createElement(s,t({Component:c},o,e)))),a[n].displayName=n}return a[n]};export{s as LazyComponent,m as PendingBoundary,i as createLazyModule,d as createLazyModuleWithStore,c as wrapPromise};
+import{objectWithoutProperties as e,extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r,Suspense as n,useRef as o,useMemo as l,lazy as a}from"react";import{ErrorBoundary as c}from"../../error/ErrorBoundary.js";import s from"./lazyComponent.module.scss.js";const i=["children","Component","LoaderJSX"],m={},d=e=>{let t,r="pending";const n=("function"==typeof e?e():e).then((e=>{r="success",t=e}),(e=>{r="error",t=e}));return{read(){if("pending"===r)throw n;if("error"===r)throw t;if("success"===r)return t}}},p=r((t=>{let{children:r,Component:o,LoaderJSX:l}=t,a=e(t,i);return React.createElement(c,null,React.createElement(n,{fallback:l||React.createElement("div",{className:s.loader},React.createElement("svg",{className:"spinner",viewBox:"0 0 50 50"},React.createElement("circle",{className:"path",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))},o&&React.createElement(o,a),r&&r))}));p.displayName="LazyComponent";const u=r((e=>{let{pendingPromise:t,promise:r,fallback:n,children:a}=e;const c=o(t||r&&d(r)),s=l((()=>e=>{var t,r;let{children:n}=e;const o=null===(t=c.current)||void 0===t||null===(r=t.read)||void 0===r?void 0:r.call(t);return null!=o&&o.then?null:n}),[]);return React.createElement(p,{LoaderJSX:n},React.createElement(s,null,a))}));u.displayName="PendingBoundary";const f=function(e,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!m[n]){const l=a(e);m[n]=r((e=>React.createElement(p,t({Component:l},o,e)))),m[n].displayName=n}return m[n]},h=(e,n,o)=>l=>{if(!m[n]){const c=a((()=>e(l)));m[n]=r((e=>React.createElement(p,t({Component:c},o,e)))),m[n].displayName=n}return m[n]};export{p as LazyComponent,u as PendingBoundary,f as createLazyModule,h as createLazyModuleWithStore,d as wrapPromise};
 //# sourceMappingURL=LazyComponent.js.map

package/dist/lib/esm/src/core/ui/components/container/lazyComponent/LazyComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","_objectWithoutProperties","_excluded","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","_wrappedPromiseRef$cu","_wrappedPromiseRef$cu2","innerPromise","current","call","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"oUAUMA,EAA+B,CAAE,EAa1BC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,EAAIA,MAAqBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,GAAyCH,EAA3BI,EAAKC,EAAAL,EAAAM,GAAA,OACpEC,MAAAC,cAACC,OACCF,MAAAC,cAACE,WAAQ,CAACC,SAAUR,GAVtBI,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvElB,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcuB,YAAc,sBAQfC,EACXvB,EAAIA,MAAuBwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAOqB,SAAEA,EAAQV,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CC,WAAQ,IAAMC,IAA0C,IAAAC,EAAAC,EAAA,IAAzC9B,SAAEA,GAAkC4B,EACpG,MAAMG,EAAwCF,QAA5BA,EAAGL,EAAkBQ,eAAOF,IAAAD,GAAM,QAANC,EAAzBD,EAA2BjC,YAAI,IAAAkC,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,EAActC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWQ,GACxBJ,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,kBAGvB,MAAMc,EAAmB,SAC9BC,EACAf,GAEgB,IADhBgB,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAE,EAE1C,IAAKlD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYuC,EAAIA,KAACL,GAGvBhD,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa4C,EAAA,CAACxC,UAAWA,GAAemC,EAAkBjC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,EAGasB,EAA4BA,CACvCP,EACAf,EACAgB,IACqCO,IACnC,IAAKxD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYuC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CxD,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa4C,EAAA,CAACxC,UAAWA,GAAemC,EAAkBjC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}
+{"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo, ReactNode } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n  default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n  PropsWithChildren?: ComponentType<any>\n  LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) | Promise<any>) => {\n  let status = 'pending'\n  let result: any\n  const suspend = (typeof promise === 'function' ? promise() : promise).then(\n    (res) => {\n      status = 'success'\n      result = res\n    },\n    (err) => {\n      status = 'error'\n      result = err\n    },\n  )\n\n  return {\n    // eslint-disable-next-line consistent-return\n    read(): any {\n      if (status === 'pending') {\n        throw suspend\n      } else if (status === 'error') {\n        throw result\n      } else if (status === 'success') {\n        return result\n      }\n    },\n  }\n}\n\nconst getDefaultLoader = (): ReactNode => (\n  <div className={classes.loader}>\n    <svg className='spinner' viewBox='0 0 50 50'>\n      <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n    </svg>\n  </div>\n)\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => (\n  <ErrorBoundary>\n    <Suspense fallback={LoaderJSX || getDefaultLoader()}>\n      {Component && <Component {...props} />}\n      {children && children}\n    </Suspense>\n  </ErrorBoundary>\n))\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n  fallback?: JSX.Element\n  promise?: Promise<unknown>\n  pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n  const wrappedPromiseRef = useRef(pendingPromise || (promise && wrapPromise(promise)))\n\n  const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n    const innerPromise = wrappedPromiseRef.current?.read?.()\n\n    return innerPromise?.then ? null : children\n  }, [])\n\n  return (\n    <LazyComponent LoaderJSX={fallback}>\n      <InnerComponent>{children}</InnerComponent>\n    </LazyComponent>\n  )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n  lazyResolver: () => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n  if (!map[displayName]) {\n    const Component = lazy(lazyResolver)\n\n    // eslint-disable-next-line react/display-name\n    map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n    map[displayName].displayName = displayName\n  }\n\n  return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n  lazyResolver: (store: T) => Promise<ReactModule>,\n  displayName: string,\n  defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n    if (!map[displayName]) {\n      const Component = lazy(() => lazyResolver(store))\n\n      // eslint-disable-next-line react/display-name\n      map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n      map[displayName].displayName = displayName\n    }\n\n    return map[displayName]\n  }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","_objectWithoutProperties","_excluded","React","createElement","ErrorBoundary","Suspense","fallback","className","classes","loader","viewBox","cx","cy","r","fill","strokeWidth","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","useMemo","_ref3","_wrappedPromiseRef$cu","_wrappedPromiseRef$cu2","innerPromise","current","call","createLazyModule","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"qVAUMA,EAA+B,CAAE,EAa1BC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAWUO,EACXC,GAAyBC,IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,GAAyCH,EAA3BI,EAAKC,EAAAL,EAAAM,GAAA,OACpEC,MAAAC,cAACC,OACCF,MAAAC,cAACE,EAAQ,CAACC,SAAUR,GAVtBI,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAQC,QACtBP,MAAAC,cAAA,MAAA,CAAKI,UAAU,UAAUG,QAAQ,aAC/BR,MAAAC,cAAA,SAAA,CAAQI,UAAU,OAAOI,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SASvElB,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAGlBH,EAAcuB,YAAc,sBAQfC,EACXvB,GAA2BwB,IAA2E,IAA1EC,eAAEA,EAAclC,QAAEA,EAAOqB,SAAEA,EAAQV,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAOF,GAAmBlC,GAAWD,EAAYC,IAErEqC,EAA6CC,GAAQ,IAAMC,IAA0C,IAAAC,EAAAC,EAAA,IAAzC9B,SAAEA,GAAkC4B,EACpG,MAAMG,EAAwCF,QAA5BA,EAAGL,EAAkBQ,eAAOF,IAAAD,GAAM,QAANC,EAAzBD,EAA2BjC,YAAI,IAAAkC,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,EAActC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWQ,GACxBJ,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,kBAGvB,MAAMc,EAAmB,SAC9BC,EACAf,GAEgB,IADhBgB,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAE,EAE1C,IAAKlD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYuC,EAAKL,GAGvBhD,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAa4C,EAAA,CAACxC,UAAWA,GAAemC,EAAkBjC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,EAGasB,EAA4BA,CACvCP,EACAf,EACAgB,IACqCO,IACnC,IAAKxD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYuC,GAAK,IAAML,EAAaQ,KAG1CxD,EAAIiC,GAAetB,GAAMK,GAAWG,MAAAC,cAACV,EAAa4C,EAAA,CAACxC,UAAWA,GAAemC,EAAkBjC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as t}from"../../../../../node_modules/react/index.js";import i from"./divider.module.scss.js";const a=t.memo((e=>{let{orientation:a,vertical:o,color:r="var(--divider-line)",opacity:l,length:c="80%",left:n="0",width:m="1px",height:s="1px",margin:d,className:p=""}=e;const v=t.useMemo((()=>"vertical"===a||!0===o),[a,o]),h=t.useMemo((()=>({"--width":m,"--height":s,"--length":c,"--opacity":l,"--color":r,"--left":n,"--margin":d||(v?"auto 0":"0 auto")})),[m,s,c,l,r,n,d,v]),u=v?i.vertical:i.horizontal;return React.createElement("div",{className:"".concat(i["divider-line"]," ").concat(u," ").concat(p),style:h})}));a.displayName="DividerLine";const o=t.memo((t=>React.createElement(a,e({vertical:!0,length:"100%"},t))));o.displayName="DividerVertical";const r=t.memo((t=>React.createElement(a,e({length:"100%"},t))));r.displayName="DividerHorizontal";export{r as DividerHorizontal,a as DividerLine,o as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const r=t((e=>{let{orientation:t,vertical:r,color:l="var(--divider-line)",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:p=""}=e;const v=i((()=>"vertical"===t||!0===r),[t,r]),h=i((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),g=v?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:h})}));r.displayName="DividerLine";const l=t((t=>React.createElement(r,e({vertical:!0,length:"100%"},t))));l.displayName="DividerVertical";const o=t((t=>React.createElement(r,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,r as DividerLine,l as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"4LAkBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,WAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,SAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,EAAIA,MAAEwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,EAAIA,MAAEwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAkBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js

@@ -1,2 +1,2 @@
-import{r as e}from"../../../../../node_modules/react/index.js";import{LayoutBox as r}from"../container/layoutBox/LayoutBox.js";import t from"./errorBoundary.module.scss.js";import{IconBase as o}from"../icon/IconBase.js";const n=e.memo((e=>{let{title:n,text:a}=e;return React.createElement(r,{className:t.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},n&&React.createElement("h1",null,n),React.createElement(r,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o,{className:t.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),a&&React.createElement(r,{flexShrink:"0",width:"90%"},a)))}));n.displayName="DefaultErrorComponent";class a extends e.PureComponent{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,r){var t,o;this.props.muted,this.props.muted,null===(t=this.props)||void 0===t||null===(o=t.onError)||void 0===o||o.call(t,{error:e,errorInfo:r}),!this.props.muted&&this.setState({hasError:!0,error:e,errorInfo:r})}render(){const{ErrorComponent:e=n,title:r,text:t,muted:o}=this.props,{hasError:a,error:s,errorInfo:c}=this.state;return a&&!o?React.createElement(e,{title:r||(null==s?void 0:s.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):a&&o?null:this.props.children}}export{n as DefaultErrorComponent,a as ErrorBoundary};
+import{memo as r,PureComponent as e}from"react";import{LayoutBox as t}from"../container/layoutBox/LayoutBox.js";import o from"./errorBoundary.module.scss.js";import{IconBase as a}from"../icon/IconBase.js";const n=r((r=>{let{title:e,text:n}=r;return React.createElement(t,{className:o.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},e&&React.createElement("h1",null,e),React.createElement(t,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(a,{className:o.StyledIcon,color:"#FF0000",width:"3rem",height:"3rem"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"}))),n&&React.createElement(t,{flexShrink:"0",width:"90%"},n)))}));n.displayName="DefaultErrorComponent";class s extends e{constructor(r){super(r),this.state={hasError:!1}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,e){var t,o;this.props.muted,this.props.muted,null===(t=this.props)||void 0===t||null===(o=t.onError)||void 0===o||o.call(t,{error:r,errorInfo:e}),!this.props.muted&&this.setState({hasError:!0,error:r,errorInfo:e})}render(){const{ErrorComponent:r=n,title:e,text:t,muted:o}=this.props,{hasError:a,error:s,errorInfo:c}=this.state;return a&&!o?React.createElement(r,{title:e||(null==s?void 0:s.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):a&&o?null:this.props.children}}export{n as DefaultErrorComponent,s as ErrorBoundary};
 //# sourceMappingURL=ErrorBoundary.js.map

package/dist/lib/esm/src/core/ui/components/error/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","_this$props","_this$props$onError","muted","onError","call","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"4NAgBaA,MAAAA,EACXC,EAAIA,MAACC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,EAAS,CAACC,UAAWC,EAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,EAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,EAAQ,CACPT,UAAWC,EAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EAAAA,cACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAAkC,IAAAC,EAAAC,EAE/DR,KAAKF,MAAMW,MAEXT,KAAKF,MAAMW,cAEZF,OAAKT,aAAK,IAAAS,GAAS,QAATC,EAAVD,EAAYG,eAAZF,IAAmBA,GAAnBA,EAAAG,KAAAJ,EAAsB,CAAEH,QAAOE,eAE9BN,KAAKF,MAAMW,OAAST,KAAKY,SAAS,CAAEV,UAAU,EAAME,QAAOE,aAC9D,CAEAO,MAAAA,GACE,MAAMC,eAAEA,EAAiB9C,EAAqBG,MAAEA,EAAKC,KAAEA,EAAIqC,MAAEA,GAAUT,KAAKF,OACtEI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,IAAaO,EAEbpC,MAAAC,cAACwC,EAAc,CACb3C,MAAOA,IAASiC,aAAAA,EAAAA,EAAOW,aAAc,QACrC3C,KAAMA,GAAI4C,GAAAA,OAAOC,KAAKC,UAAUZ,EAAW,KAAM,MAKnDJ,GAAYO,EACP,KAGFT,KAAKF,MAAMqB,QACpB"}
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../../../../../src/core/ui/components/error/ErrorBoundary.tsx"],"sourcesContent":["import { FC, memo, PureComponent, ReactNode } from 'react'\n\nimport { IconBase } from '../icon'\nimport { LayoutBox } from '../container/layoutBox/LayoutBox'\n\nimport classes from './errorBoundary.module.scss'\nimport { DefaultErrorComponentProps, ErrorBoundaryProps } from './errorBoundary.types'\n\n\ninterface State {\n  error?: Error\n  errorInfo?: unknown\n  hasError: boolean\n}\n\n\nexport const DefaultErrorComponent: FC<DefaultErrorComponentProps>\n= memo(({ title, text }: DefaultErrorComponentProps) => (\n  <LayoutBox className={classes.errorBoundary} direction='column' flexWrap='wrap' gap='2rem' padding='1rem'>\n    {title && <h1>{title}</h1>}\n    <LayoutBox align='center' justify='space-between' gap='1rem'>\n      <IconBase\n        className={classes.StyledIcon}\n        color='#FF0000'\n        width='3rem'\n        height='3rem'\n      >\n        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\n          <path d='M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z' />\n        </svg>\n      </IconBase>\n      {text && (\n        <LayoutBox flexShrink='0' width='90%'>\n          {text}\n        </LayoutBox>\n      )}\n    </LayoutBox>\n  </LayoutBox>\n))\nDefaultErrorComponent.displayName = 'DefaultErrorComponent'\n\nexport class ErrorBoundary extends PureComponent<ErrorBoundaryProps, State> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    !this.props.muted && error && console.error(error)\n    // eslint-disable-next-line no-console\n    !this.props.muted && errorInfo && console.error(errorInfo)\n\n    this.props?.onError?.({ error, errorInfo })\n\n    !this.props.muted && this.setState({ hasError: true, error, errorInfo })\n  }\n\n  render(): ReactNode {\n    const { ErrorComponent = DefaultErrorComponent, title, text, muted } = this.props\n    const { hasError, error, errorInfo } = this.state\n\n    if (hasError && !muted) {\n      return (\n        <ErrorComponent\n          title={title || error?.toString() || 'Error'}\n          text={text || `${JSON.stringify(errorInfo, null, 2)}`}\n        />\n      )\n    }\n\n    if (hasError && muted) {\n      return null\n    }\n\n    return this.props.children\n  }\n}\n"],"names":["DefaultErrorComponent","memo","_ref","title","text","React","createElement","LayoutBox","className","classes","errorBoundary","direction","flexWrap","gap","padding","align","justify","IconBase","StyledIcon","color","width","height","xmlns","viewBox","d","flexShrink","displayName","ErrorBoundary","PureComponent","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","componentDidCatch","errorInfo","_this$props","_this$props$onError","muted","onError","call","setState","render","ErrorComponent","toString","concat","JSON","stringify","children"],"mappings":"6MAgBaA,MAAAA,EACXC,GAAKC,IAAA,IAACC,MAAEA,EAAKC,KAAEA,GAAkCF,EAAA,OACjDG,MAAAC,cAACC,EAAS,CAACC,UAAWC,EAAQC,cAAeC,UAAU,SAASC,SAAS,OAAOC,IAAI,OAAOC,QAAQ,QAChGX,GAASE,MAAAC,cAAA,KAAA,KAAKH,GACfE,MAAAC,cAACC,EAAS,CAACQ,MAAM,SAASC,QAAQ,gBAAgBH,IAAI,QACpDR,MAAAC,cAACW,EAAQ,CACPT,UAAWC,EAAQS,WACnBC,MAAM,UACNC,MAAM,OACNC,OAAO,QAEPhB,MAAAC,cAAA,MAAA,CAAKgB,MAAM,6BAA6BC,QAAQ,eAC9ClB,MAAAC,cAAA,OAAA,CAAMkB,EAAE,6WAGXpB,GACCC,MAAAC,cAACC,EAAS,CAACkB,WAAW,IAAIL,MAAM,OAC7BhB,IAIG,IAEdJ,EAAsB0B,YAAc,wBAE7B,MAAMC,UAAsBC,EACjCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC3B,CAEA,+BAAOC,CAAyBC,GAC9B,MAAO,CAAEF,UAAU,EAAME,QAC3B,CAEAC,iBAAAA,CAAkBD,EAAcE,GAAkC,IAAAC,EAAAC,EAE/DR,KAAKF,MAAMW,MAEXT,KAAKF,MAAMW,cAEZF,OAAKT,aAAK,IAAAS,GAAS,QAATC,EAAVD,EAAYG,eAAZF,IAAmBA,GAAnBA,EAAAG,KAAAJ,EAAsB,CAAEH,QAAOE,eAE9BN,KAAKF,MAAMW,OAAST,KAAKY,SAAS,CAAEV,UAAU,EAAME,QAAOE,aAC9D,CAEAO,MAAAA,GACE,MAAMC,eAAEA,EAAiB9C,EAAqBG,MAAEA,EAAKC,KAAEA,EAAIqC,MAAEA,GAAUT,KAAKF,OACtEI,SAAEA,EAAQE,MAAEA,EAAKE,UAAEA,GAAcN,KAAKC,MAE5C,OAAIC,IAAaO,EAEbpC,MAAAC,cAACwC,EAAc,CACb3C,MAAOA,IAASiC,aAAAA,EAAAA,EAAOW,aAAc,QACrC3C,KAAMA,GAAI4C,GAAAA,OAAOC,KAAKC,UAAUZ,EAAW,KAAM,MAKnDJ,GAAYO,EACP,KAGFT,KAAKF,MAAMqB,QACpB"}

package/dist/lib/esm/src/core/ui/components/field/Field.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{r as a}from"../../../../../node_modules/react/index.js";import{classNames as l}from"../../../utils/helpers/ui.js";import n from"./field.module.scss.js";const o=["options","value","inputRef"],c=["label","name","type","value","defaultValue","placeholder","inputRef","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","options","style"];let s=()=>"#000000";const i=e=>{s=e};let r=a.memo((function(){return React.createElement("span",null)}));const m=e=>{r=e},u=a.memo((function(a){let{options:l,value:n,inputRef:c}=a,s=e(a,o);return React.createElement("div",{className:"select"},React.createElement("select",t({},s,{ref:c,defaultValue:n}),null==l?void 0:l.map((e=>React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"==typeof e?null==e?void 0:e.value:e},"object"==typeof e?null==e?void 0:e.label:e)))))})),p=a.memo((e=>a.createElement("textarea",e)));p.displayName="TextAreaComponent";const d=a.memo((e=>a.createElement("input",e)));d.displayName="InputComponent";const f=a.memo((o=>{let{label:i,name:m,type:f="text",value:h,defaultValue:R,placeholder:v,inputRef:g,error:C,disabled:N,userDisabled:b,withoutComponent:E,helpTextInfo:y,helpText:x,children:k,iconLeft:I,iconRight:j,addon:F,className:B,onChange:D,onChangeInner:T,onBlur:w,onFocus:V,rightIconClick:L,leftIconClick:_,options:K,style:P}=o,A=e(o,c),H=d;k||"textarea"!==f||(H=p);const J=a.useCallback((e=>{var t;b?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):V&&V(e)}),[b,V]),M=a.useCallback((e=>{b||(T&&null!=e&&e.target?(e.target.value=T(e.target.value),D&&D(e)):D&&D(e))}),[T,D,b]),O=a.useMemo((()=>void 0===h?{defaultValue:R}:{value:h}),[h,R]);return React.createElement("div",{className:l(n.field,(N||b)&&n.disabled,B),style:P},React.createElement("label",{htmlFor:m,className:"label"},i),React.createElement("div",{className:"field ".concat(F?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(I&&!E?"has-icons-left":""," ").concat(j?"has-icons-right":"")},!E&&(k||"select"!==f&&!K?!k&&React.createElement(H,t({name:m,id:m,ref:g,className:"input ".concat(C?"is-danger":""),type:f,placeholder:v},O,{onChange:M,onBlur:w,onFocus:J,onKeyDown:J,autoComplete:"off",disabled:N},A)):React.createElement(u,t({name:m,id:m,inputRef:g,className:"input ".concat(C?"is-danger":""),type:"select",placeholder:v,value:h,options:K,onChange:D,onBlur:w,onFocus:J,onKeyDown:J,autoComplete:"off",disabled:N},A))),I&&!E&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(_?"is-action":""),onClick:_},React.createElement(r,{iconName:I,color:s})),j&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(L?"is-action":""),onClick:L},React.createElement(r,{iconName:j,color:s})),k&&k),F&&F),y&&React.createElement("p",{className:"help"},y),x&&React.createElement("p",{className:"help ".concat(C?"is-danger":"")},x))}));f.displayName="Field";export{f as Field,u as Select,i as setIconColor,m as setIconComponent};
+import{objectWithoutProperties as e,extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as a,useCallback as l,useMemo as n,createElement as o}from"react";import{classNames as c}from"../../../utils/helpers/ui.js";import i from"./field.module.scss.js";const s=["options","value","inputRef"],r=["label","name","type","value","defaultValue","placeholder","inputRef","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","className","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","options","style"];let u=()=>"#000000";const m=e=>{u=e};let p=a((function(){return React.createElement("span",null)}));const d=e=>{p=e},f=a((function(a){let{options:l,value:n,inputRef:o}=a,c=e(a,s);return React.createElement("div",{className:"select"},React.createElement("select",t({},c,{ref:o,defaultValue:n}),null==l?void 0:l.map((e=>React.createElement("option",{key:"".concat(JSON.stringify(e)),value:"object"==typeof e?null==e?void 0:e.value:e},"object"==typeof e?null==e?void 0:e.label:e)))))})),h=a((e=>o("textarea",e)));h.displayName="TextAreaComponent";const R=a((e=>o("input",e)));R.displayName="InputComponent";const v=a((a=>{let{label:o,name:s,type:m="text",value:d,defaultValue:v,placeholder:g,inputRef:C,error:N,disabled:b,userDisabled:y,withoutComponent:E,helpTextInfo:x,helpText:I,children:k,iconLeft:j,iconRight:F,addon:B,className:D,onChange:T,onChangeInner:w,onBlur:V,onFocus:L,rightIconClick:K,leftIconClick:P,options:_,style:A}=a,H=e(a,r),J=R;k||"textarea"!==m||(J=h);const O=l((e=>{var t;y?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):L&&L(e)}),[y,L]),S=l((e=>{y||(w&&null!=e&&e.target?(e.target.value=w(e.target.value),T&&T(e)):T&&T(e))}),[w,T,y]),W=n((()=>void 0===d?{defaultValue:v}:{value:d}),[d,v]);return React.createElement("div",{className:c(i.field,(b||y)&&i.disabled,D),style:A},React.createElement("label",{htmlFor:s,className:"label"},o),React.createElement("div",{className:"field ".concat(B?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(j&&!E?"has-icons-left":""," ").concat(F?"has-icons-right":"")},!E&&(k||"select"!==m&&!_?!k&&React.createElement(J,t({name:s,id:s,ref:C,className:"input ".concat(N?"is-danger":""),type:m,placeholder:g},W,{onChange:S,onBlur:V,onFocus:O,onKeyDown:O,autoComplete:"off",disabled:b},H)):React.createElement(f,t({name:s,id:s,inputRef:C,className:"input ".concat(N?"is-danger":""),type:"select",placeholder:g,value:d,options:_,onChange:T,onBlur:V,onFocus:O,onKeyDown:O,autoComplete:"off",disabled:b},H))),j&&!E&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(P?"is-action":""),onClick:P},React.createElement(p,{iconName:j,color:u})),F&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(K?"is-action":""),onClick:K},React.createElement(p,{iconName:F,color:u})),k&&k),B&&B),x&&React.createElement("p",{className:"help"},x),I&&React.createElement("p",{className:"help ".concat(N?"is-danger":"")},I))}));v.displayName="Field";export{v as Field,f as Select,m as setIconColor,d as setIconComponent};
 //# sourceMappingURL=Field.js.map

package/dist/lib/esm/src/core/ui/components/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","_objectWithoutProperties","_excluded","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","_excluded2","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"kmBAUA,IAAIA,EAAqCA,IAAM,UAElCC,MAAAA,EAAgBC,IAC3BF,EAAYE,CAAK,EAGnB,IAAIC,EAAmCC,EAAAA,MAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAAAA,EAAoBC,IAC/BL,EAAgBK,CAAS,EAwDdC,EACXL,EAAIA,MACJ,SAAeM,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,GAAiCH,EAApBI,EAAKC,EAAAL,EAAAM,GAClD,OACEX,MAAAC,cAAA,MAAA,CAAKW,UAAU,UACbZ,MAAAC,cAAAY,SAAAA,KAAYJ,EAAK,CAAEK,IAAKN,EAAUO,aAAcR,IAC7CD,aAAO,EAAPA,EAASU,KAAKC,GACbjB,MAAAC,cAAA,SAAA,CACEiB,IAAG,GAAAC,OAAKC,KAAKC,UAAUJ,IACvBV,MAAyB,iBAAXU,EAAuBA,aAAM,EAANA,EAAsBV,MAAQU,GAEhD,iBAAXA,EAAuBA,aAAAA,EAAAA,EAAsBK,MAAQL,MAMzE,IAEIM,EAAoBxB,EAAIA,MAAEU,GAAUR,EAAaA,cAAC,WAAYQ,KAEpEc,EAAkBC,YAAc,oBAEhC,MAAMC,EAAiB1B,EAAIA,MAAEU,GAAUR,EAAaA,cAAC,QAASQ,KAE9DgB,EAAeD,YAAc,uBAEhBE,EAAwB3B,EAAIA,MAAa4B,IA4BpC,IA5BqCL,MACrDA,EAAKM,KACLA,EAAIC,KACJA,EAAO,OAAMtB,MACbA,EAAKQ,aACLA,EAAYe,YACZA,EAAWtB,SACXA,EAAQuB,MACRA,EAAKC,SACLA,EAAQC,aACRA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK5B,UACLA,EAAS6B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAaxC,QACbA,EAAOyC,MACPA,GAEWpB,EADRlB,EAAKC,EAAAiB,EAAAqB,GAEJC,EAAqBxB,EAEpBY,GAAqB,aAATR,IACfoB,EAAY1B,GAEd,MAAM2B,EAAcC,EAAWA,aAAEC,IACb,IAAAC,EAAdpB,EACFmB,SAAqBC,QAAhBA,EAALD,EAAOE,0BAAcD,GAArBA,EAAAE,KAAAH,GAEAR,GAAWA,EAAQQ,EACrB,GACC,CAACnB,EAAcW,IAEZY,EAAeL,EAAWA,aAAEC,IAC5BnB,IAGAS,SAAiBU,GAAAA,EAAOK,QAE1BL,EAAMK,OAAOlD,MAAQmC,EAAeU,EAAMK,OAAOlD,OACjDkC,GAAYA,EAASW,IAErBX,GAAYA,EAASW,GACvB,GACC,CAACV,EAAeD,EAAUR,IAEvByB,EAAaC,EAAAA,SAAQ,SACXC,IAAVrD,EACK,CAAEQ,gBAEJ,CAAER,UACR,CAACA,EAAOQ,IAEX,OACEf,MAAAC,cAAA,MAAA,CACEW,UAAWiD,EACTC,EAAQC,OACP/B,GAAYC,IAAiB6B,EAAQ9B,SACtCpB,GAIFmC,MAAOA,GAEP/C,MAAAC,cAAA,QAAA,CAAO+D,QAASpC,EAAMhB,UAAU,SAASU,GACzCtB,MAAAC,cAAA,MAAA,CAAKW,mBAASO,OAAWqB,EAAQ,aAAe,KAC9CxC,MAAAC,cAAA,MAAA,CACEW,iCAASO,OAAyBmB,IAAaJ,EAC3C,iBAAmB,QAAEf,OAAIoB,EAAY,kBAAoB,MAE3DL,IAAuBG,GAAsB,WAATR,IAAqBvB,GAsBtD+B,GACDrC,MAAAC,cAACgD,EAASpC,EAAA,CACRe,KAAMA,EACNqC,GAAIrC,EACJd,IAAKN,EACLI,UAAS,SAAAO,OAAWY,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACT4B,EAAU,CACdjB,SAAUe,EACVb,OAAQA,EACRC,QAASM,EACTgB,UAAWhB,EACXiB,aAAa,MACbnC,SAAUA,GACNvB,IAnCNT,MAAAC,cAACG,EAAMS,EAAA,CACLe,KAAMA,EACNqC,GAAIrC,EACJpB,SAAUA,EACVI,UAAS,SAAAO,OAAWY,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbvB,MAAOA,EACPD,QAASA,EAETmC,SAAUA,EACVE,OAAQA,EACRC,QAASM,EACTgB,UAAWhB,EACXiB,aAAa,MACbnC,SAAUA,GACNvB,KAuBT6B,IAAaJ,GACZlC,MAAAC,cAAA,OAAA,CACEW,UAAS,kCAAAO,OAAoC2B,EAAgB,YAAc,IAC3EsB,QAAStB,GAET9C,MAAAC,cAACH,EAAa,CACZuE,SAAU/B,EACVzC,MAAOF,KAIZ4C,GACCvC,MAAAC,cAAA,OAAA,CACEW,UAAS,oCAAAO,OAAsC0B,EAAiB,YAAc,IAC9EuB,QAASvB,GAET7C,MAAAC,cAACH,EAAa,CACZuE,SAAU9B,EACV1C,MAAOF,KAIZ0C,GAAYA,GAEdG,GAASA,GAEXL,GAAgBnC,MAAAC,cAAA,IAAA,CAAGW,UAAU,QAAQuB,GACrCC,GAAYpC,MAAAC,cAAA,IAAA,CAAGW,kBAASO,OAAUY,EAAQ,YAAc,KAAOK,GAC5D,IAIVV,EAAMF,YAAc"}
+{"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n  iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n  IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n  className?: string\n  error?: boolean\n  disabled?: boolean\n  userDisabled?: boolean\n  css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n  label?: string\n  name?: string\n  type?: string\n  min?: number | string | Date | any\n  max?: number | string | Date | any\n  value?: string | number | readonly string[] | undefined\n  defaultValue?: string | number | readonly string[] | undefined\n  placeholder?: string\n  inputRef?: ReactHookFormRef\n  error?: boolean\n  errors?: FieldError\n  disabled?: boolean\n  userDisabled?: boolean\n  checked?: boolean\n  helpTextInfo?: string\n  helpText?: string\n  iconLeft?: string\n  iconRight?: string\n  withoutComponent?: boolean\n  addon?: ReactNode\n  children?: ReactNode\n  className?: string\n  onChange?: (event?: EventType) => unknown\n  // TODO, rename... something like changeHandler or valueDecorator\n  onChangeInner?: (value: string | number) => string | number\n  onBlur?: (event?: EventType) => void\n  onFocus?: (event?: EventType | undefined) => void\n  rightIconClick?: (event?: EventType) => void\n  leftIconClick?: (event?: EventType) => void\n  options?: any[] | null\n  creatable?: boolean\n  async?: boolean\n  style?: CSSProperties\n  [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n  id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n  function Select({ options, value, inputRef, ...props }: SelectProps) {\n    return (\n      <div className='select'>\n        <select {...props} ref={inputRef} defaultValue={value}>\n          {options?.map((option: Option) => (\n            <option\n              key={`${JSON.stringify(option)}`}\n              value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n            >\n              {typeof option === 'object' ? (option as OptionObj)?.label : option}\n            </option>\n          ))}\n        </select>\n      </div>\n    )\n  },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n  label,\n  name,\n  type = 'text',\n  value,\n  defaultValue,\n  placeholder,\n  inputRef,\n  error,\n  disabled,\n  userDisabled,\n  withoutComponent,\n  helpTextInfo,\n  helpText,\n  children,\n  iconLeft,\n  iconRight,\n  addon,\n  className,\n  onChange,\n  onChangeInner,\n  onBlur,\n  onFocus,\n  rightIconClick,\n  leftIconClick,\n  options,\n  style,\n  ...props\n}: FieldProps) => {\n  let Component: FC<any> = InputComponent\n\n  if (!children && type === 'textarea') {\n    Component = TextAreaComponent\n  }\n  const handleFocus = useCallback((event: Event | EventType | undefined) => {\n    if (userDisabled) {\n      event?.preventDefault?.()\n    } else {\n      onFocus && onFocus(event)\n    }\n  }, [userDisabled, onFocus])\n\n  const handleChange = useCallback((event: { target: { value: string } }) => {\n    if (userDisabled) {\n      return\n    }\n    if (onChangeInner && event?.target) {\n      // eslint-disable-next-line no-param-reassign\n      event.target.value = onChangeInner((event.target.value as string)) as string\n      onChange && onChange(event as EventType)\n    } else {\n      onChange && onChange(event as EventType)\n    }\n  }, [onChangeInner, onChange, userDisabled])\n\n  const valueProps = useMemo(() => {\n    if (value === undefined) {\n      return { defaultValue }\n    }\n    return { value }\n  }, [value, defaultValue])\n\n  return (\n    <div\n      className={classNames(\n        classes.field,\n        (disabled || userDisabled) && classes.disabled,\n        className,\n      )}\n      // TODO fix\n      // error={error}\n      style={style}\n    >\n      <label htmlFor={name} className='label'>{label}</label>\n      <div className={`field ${addon ? 'has-addons' : ''}`}>\n        <div\n          className={`control mainControl ${iconLeft && !withoutComponent\n            ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n        >\n          {!withoutComponent && ((!children && (type === 'select' || options))\n            ? (\n              <Select\n                name={name}\n                id={name}\n                inputRef={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type='select'\n                placeholder={placeholder}\n                value={value}\n                options={options}\n                // TODO also handle change but value versus event.target.value issue\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n            )\n            : (\n              !children && (\n              <Component\n                name={name}\n                id={name}\n                ref={inputRef}\n                className={`input ${error ? 'is-danger' : ''}`}\n                type={type}\n                placeholder={placeholder}\n                {...valueProps}\n                onChange={handleChange}\n                onBlur={onBlur}\n                onFocus={handleFocus}\n                onKeyDown={handleFocus}\n                autoComplete='off'\n                disabled={disabled}\n                {...props}\n              />\n              )))}\n\n          {iconLeft && !withoutComponent && (\n            <span\n              className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n              onClick={leftIconClick}\n            >\n              <IconComponent\n                iconName={iconLeft}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {iconRight && (\n            <span\n              className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n              onClick={rightIconClick}\n            >\n              <IconComponent\n                iconName={iconRight}\n                color={iconColor}\n              />\n            </span>\n          )}\n          {children && children}\n        </div>\n        {addon && addon}\n      </div>\n      {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n      {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n    </div>\n  )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","Select","_ref","options","value","inputRef","props","_objectWithoutProperties","_excluded","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","_excluded2","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","classNames","classes","field","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"inBAUA,IAAIA,EAAqCA,IAAM,UAElCC,MAAAA,EAAgBC,IAC3BF,EAAYE,CAAK,EAGnB,IAAIC,EAAmCC,GAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAAAA,EAAoBC,IAC/BL,EAAgBK,CAAS,EAwDdC,EACXL,GACA,SAAeM,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,GAAiCH,EAApBI,EAAKC,EAAAL,EAAAM,GAClD,OACEX,MAAAC,cAAA,MAAA,CAAKW,UAAU,UACbZ,MAAAC,cAAAY,SAAAA,KAAYJ,EAAK,CAAEK,IAAKN,EAAUO,aAAcR,IAC7CD,aAAO,EAAPA,EAASU,KAAKC,GACbjB,MAAAC,cAAA,SAAA,CACEiB,IAAG,GAAAC,OAAKC,KAAKC,UAAUJ,IACvBV,MAAyB,iBAAXU,EAAuBA,aAAM,EAANA,EAAsBV,MAAQU,GAEhD,iBAAXA,EAAuBA,aAAAA,EAAAA,EAAsBK,MAAQL,MAMzE,IAEIM,EAAoBxB,GAAMU,GAAUR,EAAc,WAAYQ,KAEpEc,EAAkBC,YAAc,oBAEhC,MAAMC,EAAiB1B,GAAMU,GAAUR,EAAc,QAASQ,KAE9DgB,EAAeD,YAAc,uBAEhBE,EAAwB3B,GAAiB4B,IA4BpC,IA5BqCL,MACrDA,EAAKM,KACLA,EAAIC,KACJA,EAAO,OAAMtB,MACbA,EAAKQ,aACLA,EAAYe,YACZA,EAAWtB,SACXA,EAAQuB,MACRA,EAAKC,SACLA,EAAQC,aACRA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK5B,UACLA,EAAS6B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAaxC,QACbA,EAAOyC,MACPA,GAEWpB,EADRlB,EAAKC,EAAAiB,EAAAqB,GAEJC,EAAqBxB,EAEpBY,GAAqB,aAATR,IACfoB,EAAY1B,GAEd,MAAM2B,EAAcC,GAAaC,IACb,IAAAC,EAAdpB,EACFmB,SAAqBC,QAAhBA,EAALD,EAAOE,0BAAcD,GAArBA,EAAAE,KAAAH,GAEAR,GAAWA,EAAQQ,EACrB,GACC,CAACnB,EAAcW,IAEZY,EAAeL,GAAaC,IAC5BnB,IAGAS,SAAiBU,GAAAA,EAAOK,QAE1BL,EAAMK,OAAOlD,MAAQmC,EAAeU,EAAMK,OAAOlD,OACjDkC,GAAYA,EAASW,IAErBX,GAAYA,EAASW,GACvB,GACC,CAACV,EAAeD,EAAUR,IAEvByB,EAAaC,GAAQ,SACXC,IAAVrD,EACK,CAAEQ,gBAEJ,CAAER,UACR,CAACA,EAAOQ,IAEX,OACEf,MAAAC,cAAA,MAAA,CACEW,UAAWiD,EACTC,EAAQC,OACP/B,GAAYC,IAAiB6B,EAAQ9B,SACtCpB,GAIFmC,MAAOA,GAEP/C,MAAAC,cAAA,QAAA,CAAO+D,QAASpC,EAAMhB,UAAU,SAASU,GACzCtB,MAAAC,cAAA,MAAA,CAAKW,mBAASO,OAAWqB,EAAQ,aAAe,KAC9CxC,MAAAC,cAAA,MAAA,CACEW,iCAASO,OAAyBmB,IAAaJ,EAC3C,iBAAmB,QAAEf,OAAIoB,EAAY,kBAAoB,MAE3DL,IAAuBG,GAAsB,WAATR,IAAqBvB,GAsBtD+B,GACDrC,MAAAC,cAACgD,EAASpC,EAAA,CACRe,KAAMA,EACNqC,GAAIrC,EACJd,IAAKN,EACLI,UAAS,SAAAO,OAAWY,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACT4B,EAAU,CACdjB,SAAUe,EACVb,OAAQA,EACRC,QAASM,EACTgB,UAAWhB,EACXiB,aAAa,MACbnC,SAAUA,GACNvB,IAnCNT,MAAAC,cAACG,EAAMS,EAAA,CACLe,KAAMA,EACNqC,GAAIrC,EACJpB,SAAUA,EACVI,UAAS,SAAAO,OAAWY,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbvB,MAAOA,EACPD,QAASA,EAETmC,SAAUA,EACVE,OAAQA,EACRC,QAASM,EACTgB,UAAWhB,EACXiB,aAAa,MACbnC,SAAUA,GACNvB,KAuBT6B,IAAaJ,GACZlC,MAAAC,cAAA,OAAA,CACEW,UAAS,kCAAAO,OAAoC2B,EAAgB,YAAc,IAC3EsB,QAAStB,GAET9C,MAAAC,cAACH,EAAa,CACZuE,SAAU/B,EACVzC,MAAOF,KAIZ4C,GACCvC,MAAAC,cAAA,OAAA,CACEW,UAAS,oCAAAO,OAAsC0B,EAAiB,YAAc,IAC9EuB,QAASvB,GAET7C,MAAAC,cAACH,EAAa,CACZuE,SAAU9B,EACV1C,MAAOF,KAIZ0C,GAAYA,GAEdG,GAASA,GAEXL,GAAgBnC,MAAAC,cAAA,IAAA,CAAGW,UAAU,QAAQuB,GACrCC,GAAYpC,MAAAC,cAAA,IAAA,CAAGW,kBAASO,OAAUY,EAAQ,YAAc,KAAOK,GAC5D,IAIVV,EAAMF,YAAc"}