npm - @e1011/es-kit - Versions diffs - 1.1.76 → 1.1.80 - Mend

@e1011/es-kit 1.1.76 → 1.1.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1772) hide show

package/dist/ui/src/core/ui/components/atoms/tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/*\n Tag component.\n * \n @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent \|\| BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize \| null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement \| null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n \|\| text\n \|\| restProps?.iconLeftUrl\n \|\| restProps?.iconLeft\n \|\| restProps?.iconRightUrl\n \|\| restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) \|\| (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId \|\| dataProps['data-testid'] \|\| props.id \|\| (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children \|\| text}</span>\n </>\n )}\n {!isTruncated && (children \|\| text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","~~reactExports","~~_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","_objectWithoutProperties","_excluded","TextComponent","BodyText","Text","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","_wrapperSizeRef$curre","_wrapperSizeRef$curre2","_objectSpread","objectSpread2","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"~~uvBAaMA~~,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,~~EAAIC~~,~~aAAAD~~,~~MAAWE,~~IAUhC,IAViCC,QAC/CA,EAAUC,EAAUA,WAACC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAA,wBAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAAQC,KAErDC,EAAkBC,EAAaA,cAAC,CACpCC,EAAOhB,QAACiB,IACRnB,GAAWkB,EAAAA,QAAQlB,GACnBM,GAAWY,EAAAA,QAAQE,UACnBZ,GAAWU,UAAQ,YACnBT,GACC,CAACS,EAAAA,WAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,IACxCc,EAAaC,GAAkBC,EAAAA,~~aAAAA,~~UAAS,GAEzCC,EAAiBC,~~EAAM9B~~,~~aAAA8B,~~OAAqB,MAC5CC,EAAmBD,~~EAAM9B~~,~~aAAA8B,~~OAAwB,OAEhDE,GAAWC,YAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,EAAAA,~~aAAAA,~~SAAQ,OAASjC,GAC/BJ,GACAmB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACrC,EAAUJ,EAAMmB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,EAAAA,~~aAAAA,~~SAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,cAAAA,EAAAC,~~cAClD3D~~,CAAAA,EAAAA,GAA2C,GAAA,~~CAC9C2C~~,SAAKiB,OAAKvB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMgB,OAAKvB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEe,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASA,UAAAC,UAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbxC,EAAM8C,IAAsB9C,EAAM8C,IAAQrD,GAAQsD,EAASA,UAACtD,IAC3EM,UAAWO,GACPK,EACAC,EAAS,CACb,cAAA4B,GAAAA,OAAgB7B,EAAUqC,YAAcrC,EAAU,gBAAkBX,EAAM8C,IAAOrD,GAAQsD,EAASA,UAACtD,IACnGG,QAASA,IAERF,GAAW+C,MAAAC,cAACvC,EAAc,KAAA,KAC1B0B,GAEGY,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACX9C,UAAWS,EAAOhB,QAACC,KACnByD,SAAS,SACLtC,EAAS,CACbW,MAAM,SAENkB,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAsCrB,UAAU,iBACvDe,GACC2B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAKhC,EAAkBiC,MAAOjB,IACnCM,MAAAC,cAAA,OAAA,KAAO7C,GAAYJ,KAGrBqB,IAAgBjB,GAAYJ,MAKvCqB,GAAe2B,MAAAC,cAACW,UAAO,CAAC5D,KAAMA,EAAM6D,UAAWnC,IAC/C,~~IAIPjC~~,~~EAAIqE~~,YAAc"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/*\n Tag component.\n * \n @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent \|\| BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize \| null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement \| null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n \|\| text\n \|\| restProps?.iconLeftUrl\n \|\| restProps?.iconLeft\n \|\| restProps?.iconRightUrl\n \|\| restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) \|\| (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId \|\| dataProps['data-testid'] \|\| props.id \|\| (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children \|\| text}</span>\n </>\n )}\n {!isTruncated && (children \|\| text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","_objectWithoutProperties","_excluded","TextComponent","BodyText","Text","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","_wrapperSizeRef$curre","_wrapperSizeRef$curre2","_objectSpread","objectSpread2","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"+sBAaMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAIA,MAAWC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAUA,WAACC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAA,wBAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAAQC,KAErDC,EAAkBC,EAAaA,cAAC,CACpCC,EAAOhB,QAACiB,IACRnB,GAAWkB,EAAAA,QAAQlB,GACnBM,GAAWY,EAAAA,QAAQE,UACnBZ,GAAWU,UAAQ,YACnBT,GACC,CAACS,EAAAA,WAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,IACxCc,EAAaC,GAAkBC,EAAAA,UAAS,GAEzCC,EAAiBC,EAAMA,OAAqB,MAC5CC,EAAmBD,EAAMA,OAAwB,OAEhDE,GAAWC,YAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,EAAAA,SAAQ,OAASjC,GAC/BJ,GACAmB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACrC,EAAUJ,EAAMmB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,EAAAA,SAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,cAAAA,EAAAC,cAClD1D,CAAAA,EAAAA,GAA2C,GAAA,CAC9C0C,SAAKiB,OAAKvB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMgB,OAAKvB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEe,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASA,UAAAC,UAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbxC,EAAM8C,IAAsB9C,EAAM8C,IAAQrD,GAAQsD,EAASA,UAACtD,IAC3EM,UAAWO,GACPK,EACAC,EAAS,CACb,cAAA4B,GAAAA,OAAgB7B,EAAUqC,YAAcrC,EAAU,gBAAkBX,EAAM8C,IAAOrD,GAAQsD,EAASA,UAACtD,IACnGG,QAASA,IAERF,GAAW+C,MAAAC,cAACvC,EAAc,KAAA,KAC1B0B,GAEGY,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACX9C,UAAWS,EAAOhB,QAACC,KACnByD,SAAS,SACLtC,EAAS,CACbW,MAAM,SAENkB,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAsCrB,UAAU,iBACvDe,GACC2B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAKhC,EAAkBiC,MAAOjB,IACnCM,MAAAC,cAAA,OAAA,KAAO7C,GAAYJ,KAGrBqB,IAAgBjB,GAAYJ,MAKvCqB,GAAe2B,MAAAC,cAACW,UAAO,CAAC5D,KAAMA,EAAM6D,UAAWnC,IAC/C,IAIPhC,EAAIoE,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/Headline.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("../../../../../../node_modules/react/index.js"),a=require("./Text.js"),r=require("./typography.module.scss.js");const c=["children","text","className"],l=["children","text","className"],s=["children","text","className"],n=t.reactExports.memo((t=>{let{children:l,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,c);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headline," ").concat(n),element:"h1"}),l&&l,!l&&s&&s)}));n.displayName="Headline";const i=t.reactExports.memo((t=>{let{children:c,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,l);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineSecondary," ").concat(n),element:"h2"}),c&&c,!c&&s&&s)}));i.displayName="HeadlineSecondary";const o=t.reactExports.memo((t=>{let{children:c,text:l,className:n=""}=t,i=e.objectWithoutProperties(t,s);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineTertiary," ").concat(n),element:"h3"}),c&&c,!c&&l&&l)}));o.displayName="HeadlineTertiary",exports.Headline=n,exports.HeadlineSecondary=i,exports.HeadlineTertiary=o;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./Text.js"),r=require("./typography.module.scss.js");const l=["children","text","className"],c=["children","text","className"],s=["children","text","className"],n=t.memo((t=>{let{children:c,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,l);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headline," ").concat(n),element:"h1"}),c&&c,!c&&s&&s)}));n.displayName="Headline";const i=t.memo((t=>{let{children:l,text:s,className:n=""}=t,i=e.objectWithoutProperties(t,c);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineSecondary," ").concat(n),element:"h2"}),l&&l,!l&&s&&s)}));i.displayName="HeadlineSecondary";const o=t.memo((t=>{let{children:l,text:c,className:n=""}=t,i=e.objectWithoutProperties(t,s);return React.createElement(a.Text,e.extends({},i,{className:"".concat(r.default.headlineTertiary," ").concat(n),element:"h3"}),l&&l,!l&&c&&c)}));o.displayName="HeadlineTertiary",exports.Headline=n,exports.HeadlineSecondary=i,exports.HeadlineTertiary=o;
 //# sourceMappingURL=Headline.js.map

package/dist/ui/src/core/ui/components/atoms/text/Headline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Headline.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.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 Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","~~reactExports","~~_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"~~6TAOaA~~,EAAWC,~~EAAIC~~,~~aAAAD~~,~~MAC1BE,~~IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,SAAQH,KAAAA,OAAIR,GAAaY,QAAQ,OACrEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,~~IAIXL~~,~~EAASmB~~,YAAc,WAGVC,MAAAA,~~EAAoBnB~~,~~EAAIC~~,~~aAAAD~~,~~MACnCoB,~~IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,kBAAiBT,KAAAA,OAAIR,GAAaY,QAAQ,OAC9Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAkBD,YAAc,oBAGnBK,MAAAA,~~EAAmBvB~~,~~EAAIC~~,~~aAAAD~~,~~MAClCwB,~~IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,iBAAgBb,KAAAA,OAAIR,GAAaY,QAAQ,OAC7Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAiBL,YAAc"}
1	+ {"version":3,"file":"Headline.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.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 Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"qRAOaA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,SAAQH,KAAAA,OAAIR,GAAaY,QAAQ,OACrEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASkB,YAAc,WAGVC,MAAAA,EAAoBlB,EAAIA,MACnCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,kBAAiBT,KAAAA,OAAIR,GAAaY,QAAQ,OAC9Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBtB,EAAIA,MAClCuB,IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,iBAAgBb,KAAAA,OAAIR,GAAaY,QAAQ,OAC7Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAiBL,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/Link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("../../../../../../node_modules/react/index.js"),r=require("./Text.js"),s=require("./typography.module.scss.js");const a=["children","text","className"],l=t.reactExports.memo((t=>{let{children:l,text:c,className:i=""}=t,n=e.objectWithoutProperties(t,a);return React.createElement(r.Text,e.extends({},n,{className:"".concat(s.default.link," ").concat(i),element:"a"}),l&&l,!l&&c&&c)}));l.displayName="Link",exports.Link=l;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("./Text.js"),s=require("./typography.module.scss.js");const a=["children","text","className"],l=t.memo((t=>{let{children:l,text:c,className:i=""}=t,n=e.objectWithoutProperties(t,a);return React.createElement(r.Text,e.extends({},n,{className:"".concat(s.default.link," ").concat(i),element:"a"}),l&&l,!l&&c&&c)}));l.displayName="Link",exports.Link=l;
 //# sourceMappingURL=Link.js.map

package/dist/ui/src/core/ui/components/atoms/text/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.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 Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","~~reactExports","~~_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","link","element","displayName"],"mappings":"~~yPAOaA~~,EAAOC,~~EAAIC~~,~~aAAAD~~,~~MACtBE,~~IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,KAAIH,KAAAA,OAAIR,GAAaY,QAAQ,MACjEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,~~IAIXL~~,~~EAAKmB~~,YAAc"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.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 Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","link","element","displayName"],"mappings":"iNAOaA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,KAAIH,KAAAA,OAAIR,GAAaY,QAAQ,MACjEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKkB,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/Paragraph.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("../../../../../../node_modules/react/index.js"),t=require("./Text.js"),r=require("./typography.module.scss.js");const l=["children","text","className"],c=["children","text","className"],s=["children","text","className"],o=["children","text","className"],m=a.reactExports.memo((a=>{let{children:c,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,l);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraph," ").concat(o),element:"p"}),c&&c,!c&&s&&s)}));m.displayName="Paragraph";const p=a.reactExports.memo((a=>{let{children:l,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,c);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphSmall," ").concat(o),element:"p"}),l&&l,!l&&s&&s)}));p.displayName="ParagraphSmall";const n=a.reactExports.memo((a=>{let{children:l,text:c,className:o=""}=a,m=e.objectWithoutProperties(a,s);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBold," ").concat(o),element:"p"}),l&&l,!l&&c&&c)}));n.displayName="ParagraphBold";const d=a.reactExports.memo((a=>{let{children:l,text:c,className:s=""}=a,m=e.objectWithoutProperties(a,o);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBoldSmall," ").concat(s),element:"p"}),l&&l,!l&&c&&c)}));d.displayName="ParagraphBoldSmall",exports.Paragraph=m,exports.ParagraphBold=n,exports.ParagraphBoldSmall=d,exports.ParagraphSmall=p;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react"),t=require("./Text.js"),r=require("./typography.module.scss.js");const l=["children","text","className"],c=["children","text","className"],s=["children","text","className"],o=["children","text","className"],m=a.memo((a=>{let{children:c,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,l);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraph," ").concat(o),element:"p"}),c&&c,!c&&s&&s)}));m.displayName="Paragraph";const n=a.memo((a=>{let{children:l,text:s,className:o=""}=a,m=e.objectWithoutProperties(a,c);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphSmall," ").concat(o),element:"p"}),l&&l,!l&&s&&s)}));n.displayName="ParagraphSmall";const p=a.memo((a=>{let{children:l,text:c,className:o=""}=a,m=e.objectWithoutProperties(a,s);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBold," ").concat(o),element:"p"}),l&&l,!l&&c&&c)}));p.displayName="ParagraphBold";const d=a.memo((a=>{let{children:l,text:c,className:s=""}=a,m=e.objectWithoutProperties(a,o);return React.createElement(t.Text,e.extends({},m,{className:"".concat(r.default.paragraphBoldSmall," ").concat(s),element:"p"}),l&&l,!l&&c&&c)}));d.displayName="ParagraphBoldSmall",exports.Paragraph=m,exports.ParagraphBold=p,exports.ParagraphBoldSmall=d,exports.ParagraphSmall=n;
 //# sourceMappingURL=Paragraph.js.map

package/dist/ui/src/core/ui/components/atoms/text/Paragraph.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","default","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"~~+VAOaA~~,EAAYC,~~EAAIC~~,~~aAAAD~~,~~MAC3BE,~~IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,UAASH,KAAAA,OAAIR,GAAaY,QAAQ,MACtEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,~~IAIXL~~,~~EAAUmB~~,YAAc,YAGXC,MAAAA,~~EAAiBnB~~,~~EAAIC~~,~~aAAAD~~,~~MAChCoB,~~IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,eAAcT,KAAAA,OAAIR,GAAaY,QAAQ,MAC3Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAeD,YAAc,iBAGhBK,MAAAA,~~EAAgBvB~~,~~EAAIC~~,~~aAAAD,~~MAC/~~BwB~~,IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,cAAab,KAAAA,OAAIR,GAAaY,QAAQ,MAC1Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAcL,YAAc,gBAGfS,MAAAA,~~EAAqB3B~~,~~EAAIC~~,~~aAAAD~~,~~MACpC4B,~~IAAA,IAACzB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BuB,EAAnBtB,EAAKC,EAAAA,wBAAAqB,EAAAC,GAAA,OACzCpB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACe,mBAAkBjB,KAAAA,OAAIR,GAAaY,QAAQ,MAC/Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXuB,EAAmBT,YAAc"}
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","default","paragraph","element","displayName","ParagraphSmall","_ref2","_excluded2","paragraphSmall","ParagraphBold","_ref3","_excluded3","paragraphBold","ParagraphBoldSmall","_ref4","_excluded4","paragraphBoldSmall"],"mappings":"uTAOaA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACC,UAASH,KAAAA,OAAIR,GAAaY,QAAQ,MACtEd,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUkB,YAAc,YAGXC,MAAAA,EAAiBlB,EAAIA,MAChCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Be,EAAnBd,EAAKC,EAAAA,wBAAAa,EAAAC,GAAA,OACzCZ,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACO,eAAcT,KAAAA,OAAIR,GAAaY,QAAQ,MAC3Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAeD,YAAc,iBAGhBK,MAAAA,EAAgBtB,EAAIA,MAC/BuB,IAAA,IAACrB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BmB,EAAnBlB,EAAKC,EAAAA,wBAAAiB,EAAAC,GAAA,OACzChB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACW,cAAab,KAAAA,OAAIR,GAAaY,QAAQ,MAC1Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXmB,EAAcL,YAAc,gBAGfS,MAAAA,EAAqB1B,EAAIA,MACpC2B,IAAA,IAACzB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BuB,EAAnBtB,EAAKC,EAAAA,wBAAAqB,EAAAC,GAAA,OACzCpB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAOC,QAACe,mBAAkBjB,KAAAA,OAAIR,GAAaY,QAAQ,MAC/Ed,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXuB,EAAmBT,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/Text.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/atoms/text/Text.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_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":"~~iUAQaA~~,EAAsBC,~~EAAIC~~,~~aAAAD~~,~~MAAaE,~~IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAASC,KAAAA,GAA2BR,EAAlBS,EAAIC,EAAAA,wBAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,~~wBAAQ~~,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAAA,QAAMC,cACXtB,EAAOuB,EAAAA,cAAAA,EAAAA,cAAAA,EAAAA,cAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAAA,UAAUX,IAC5CZ,YACAK,EACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAAA,UAAUX,MAE9Fb,EACD,~~IAGHL~~,~~EAAKgC~~,YAAc"}
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":"uVAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAASC,KAAAA,GAA2BR,EAAlBS,EAAIC,EAAAA,wBAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,WAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAAA,QAAMC,cACXtB,EAAOuB,EAAAA,cAAAA,EAAAA,cAAAA,EAAAA,cAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAAA,UAAUX,IAC5CZ,YACAK,EACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAAA,UAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}

package/dist/ui/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js CHANGED Viewed

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

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

	@@ -1 +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","~~reactExports","~~_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":"~~iYAgBaA~~,EAAkCC,~~EAAIC~~,~~aAAAD~~,~~MAAkBE,~~IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,OACTC,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,~~EAAWf~~,~~aAAAe,~~aAAEC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,~~wBAAQ~~,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,EAAAA,WACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,YAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAAA,UAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAAA,KAAIJ,EAAAA,QAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,UAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAAA,WAAWC,EAAAA,QAAQC,WAAYzB,EAAM0B,UAAYF,EAAAA,QAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,~~IAQXN~~,~~EAAWsC~~,YAAc"}
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":"sVAgBaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,OACTC,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAA,wBAAAT,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,EAAAA,WACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,YAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAAA,UAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAAA,KAAIJ,EAAAA,QAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,UAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAAA,WAAWC,EAAAA,QAAQC,WAAYzB,EAAM0B,UAAYF,EAAAA,QAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}

package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_ref","text","children","components","leftContent","rightContent","textProps","className","props","_objectWithoutProperties","_excluded","PropsValidationError","TextComponent","BodyText","Text","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":"~~opBAiBaA~~,EAA0CC,~~EAAIC~~,~~aAAAD~~,~~MAAsBE,~~IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAoBA,qBAAC,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAAQC,KAE3D,OACEC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRX,UAAS,GAAAY,OAAKC,EAAAA,QAAQC,eAAc,KAAAF,OAAIZ,IACpCC,GAEHJ,GAAeA,EAChBW,MAAAC,cAACJ,EAAaM,UAAA,CAACX,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,~~IAIhBR~~,~~EAAeyB~~,YAAc,uBAShBC,~~EAAsCzB~~,~~EAAIC~~,~~aAAAD~~,~~MAAoB0B,~~IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADfhB,EAAKC,EAAAA,wBAAAe,EAAAS,GAER,MAAO7B,EAAaC,GAAgB6B,~~EAAOnC~~,~~aAAAmC,~~SAAC,KAC1C,IAAI9B,EACAC,EAEJ,GAAIsB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPnC,EACEW,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,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,EAEPlC,EACEU,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACxB,EAAaC,EAAa,GACjC,CAACqB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,~~cAACnB~~,~~EAAcqB~~,UAAA,CACbd,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINe,EAAaD,YAAc"}
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","Text","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":"4mBAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,IAEQP,EADjBQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,GAAI,MAACT,IAAyCC,EAC5C,MAAM,IAAIS,EAAoBA,qBAAC,wCAGjC,MAAMC,GAAgBT,aAAU,EAAVA,EAAYS,gBAAiBC,EAAQC,KAE3D,OACEC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRX,UAAS,GAAAY,OAAKC,EAAAA,QAAQC,eAAc,KAAAF,OAAIZ,IACpCC,GAEHJ,GAAeA,EAChBW,MAAAC,cAACJ,EAAaM,UAAA,CAACX,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAewB,YAAc,uBAShBC,EAAsCxB,EAAIA,MAAoByB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,GAEkBR,EADfhB,EAAKC,EAAAA,wBAAAe,EAAAS,GAER,MAAO7B,EAAaC,GAAgB6B,EAAOA,SAAC,KAC1C,IAAI9B,EACAC,EAEJ,GAAIsB,GAAYE,EAAa,CAC3B,MAAMM,EAAuBJ,EAAmB,CAC9CK,QAASL,EACTM,UAAWN,EACXO,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,CAAE,EAEPnC,EACEW,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,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,EAEPlC,EACEU,MAAAC,cAACwB,EAAAA,SAAQtB,EAAAA,QAAA,CAACuB,QAASX,EAAcY,KAAMjB,EAAUkB,MAAOjB,GAAekB,GACpEhB,GAAaA,EAEpB,CACA,MAAO,CAACxB,EAAaC,EAAa,GACjC,CAACqB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAAClB,EAAcoB,UAAA,CACbd,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINe,EAAaD,YAAc"}

package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/atoms/toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_ref","ref","id","checked","disabled","className","invalid","onChange","props","_objectWithoutProperties","_excluded","shadowId","useId","styles","useMemo","classNames","classes","toggle","default","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","extends","role","type","slider","displayName","Toggle","memo"],"mappings":"~~wVA6BMA~~,EAAkBC,~~EAAUC~~,~~aAAAD,~~YAAC,~~CAAAE~~,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,GAEYP,EADTQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,MAAMC,EAAWC,EAAAA,~~aAAAA,~~QAEXC,EAASC,~~EAAOf~~,~~aAAAe,~~SACpB,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRb,GAAYY,EAAOE,QAACd,SACpBC,IAEF,CAACD,EAAUC,KAGPc,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,GAE/C,OACEc,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASvB,QAAAA,EAAMS,EAAUN,UAAWQ,GAAYM,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,EAAAG,WACMnB,EAAK,CACTN,GAAIA,QAAAA,EAAMS,EACVV,IAAKA,EACL2B,KAAK,SACLC,KAAK,WACLzB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZe,MAAAC,cAAA,OAAA,CAAMlB,UAAWW,EAAAA,QAAQc,SACnB,~~IAIZjC~~,~~EAAgBkC~~,YAAc,wBAEjBC,EAA0BC,~~EAAIlC~~,~~aAAAkC~~,~~KAAcpC~~,~~GAIzDmC,~~EAAOD,YAAc"}
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","default","dataProps","restProps","useParseProps","React","createElement","_extends","htmlFor","style","extends","role","type","slider","displayName","Toggle","memo"],"mappings":"gTA6BMA,EAAkBC,EAAUA,YAAC,CAAAC,EAUnBC,KAAqC,IAVjBC,GAClCA,EAAEC,QACFA,GAAU,EAAKC,SACfA,GAAW,EAAKC,UAChBA,EAAY,GAAEC,QAGdA,EAAOC,SACPA,GAEYP,EADTQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAER,MAAMC,EAAWC,EAAAA,QAEXC,EAASC,EAAOA,SACpB,IAAMC,EAAAA,WACJC,EAAAA,QAAQC,OACRb,GAAYY,EAAOE,QAACd,SACpBC,IAEF,CAACD,EAAUC,KAGPc,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcb,GAE/C,OACEc,MAAAC,cAAA,QAAAC,UAAA,CAAOC,QAASvB,QAAAA,EAAMS,EAAUN,UAAWQ,GAAYM,EAAS,CAAEO,MAAON,IACvEE,MAAAC,cAAAC,QAAAA,EAAAG,WACMnB,EAAK,CACTN,GAAIA,QAAAA,EAAMS,EACVV,IAAKA,EACL2B,KAAK,SACLC,KAAK,WACLzB,SAAUA,EACVD,QAASA,EACTI,SAAUA,KAEZe,MAAAC,cAAA,OAAA,CAAMlB,UAAWW,EAAAA,QAAQc,SACnB,IAIZhC,EAAgBiC,YAAc,wBAEjBC,EAA0BC,EAAIA,KAAcnC,GAIzDkC,EAAOD,YAAc"}

package/dist/ui/src/core/ui/components/container/CollapsibleContainer.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/container/CollapsibleContainer.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_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","default","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"~~uZAYMA~~,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,~~EAAIC~~,~~aAAAD~~,~~MAACE,~~IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,GACxDN,EAD+DO,EAAKC,EAAAA,wBAAAR,EAAAS,GAE9F,MAAMC,EAAeC,~~EAAMZ~~,~~aAAAY,~~OAAiB,OACrCC,EAAaC,GAAkBC,EAAAA,~~aAAAA,~~SAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcX,GAEhDY,GAAYf,EAElBgB,EAAAA,~~aAAAA,~~WAAU,KACRlB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBoB,EAAAA,~~aAAAA,~~iBAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,~~QAAgB5B~~,~~EAAmB6B~~,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,~~wBAAQ~~,IAAAC,gBAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,IACgB,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,EAAAA,~~aAAAA,~~SAAQ,KACzB,MAAMG,EAAa,CAACV,EAAWW,EAAOC,QAACZ,SAAWW,EAAOC,QAAC3B,YAQ1D,OANIH,GAAaW,GAAbX,MAA4BW,GAC9BiB,EAAWG,KAAKF,EAAOC,QAAC9B,YAErBA,GAAaW,GAAd,MAA6BA,GAC/BiB,EAAWG,KAAKF,EAAOC,QAACE,UAEnBJ,EAAWK,KAAK,IAAI,GAC1B,CAACjC,EAAWW,EAAaO,IAE5B,OACEgB,MAAAC,cAAA,MAAAC,UAAA,CACE/B,GAAE,GAAAsB,YAAoB,IAAPtB,GAAsBA,GAAOA,GAC5CD,UAASuB,GAAAA,OAAKE,EAAAA,QAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIvB,EAAa,KAC7EiC,IAAK5B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUwB,YAAcxB,EAAU,gBAAkBT,IAEhEH,EACG,~~IAIVN~~,~~EAAqB2C~~,YAAc"}
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","default","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"kXAYMA,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,EAAAA,wBAAAR,EAAAS,GAE9F,MAAMC,EAAeC,EAAMA,OAAiB,OACrCC,EAAaC,GAAkBC,EAAAA,SAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcX,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,gBAAA,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,EAAOC,QAACZ,SAAWW,EAAOC,QAAC3B,YAQ1D,OANIH,GAAaW,GAAbX,MAA4BW,GAC9BiB,EAAWG,KAAKF,EAAOC,QAAC9B,YAErBA,GAAaW,GAAd,MAA6BA,GAC/BiB,EAAWG,KAAKF,EAAOC,QAACE,UAEnBJ,EAAWK,KAAK,IAAI,GAC1B,CAACjC,EAAWW,EAAaO,IAE5B,OACEgB,MAAAC,cAAA,MAAAC,UAAA,CACE/B,GAAE,GAAAsB,YAAoB,IAAPtB,GAAsBA,GAAOA,GAC5CD,UAASuB,GAAAA,OAAKE,EAAAA,QAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIvB,EAAa,KAC7EiC,IAAK5B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUwB,YAAcxB,EAAU,gBAAkBT,IAEhEH,EACG,IAIVL,EAAqB0C,YAAc"}

package/dist/ui/src/core/ui/components/container/ResizableContainer.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/container/ResizableContainer.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_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":"~~0VAmBMA~~,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,~~EAAIC~~,~~aAAAD~~,~~MACjEE,~~IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAA,wBAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAAA,UAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAAA,UAAS,CACRO,~~MAAO5B~~,EAAOC,~~KACdsB~~,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAAA,UAAS,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,~~MAAO5B~~,EAAOM,~~QAGfK~~,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,~~IAKlBjB~~,~~EAAmB2B~~,YAAc"}
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":"qTAmBMA,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,EAAAA,wBAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAAA,UAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAAA,UAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAAA,UAAS,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/ui/src/core/ui/components/container/layoutBox/LayoutBox.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/container/layoutBox/LayoutBox.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_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","~~objectSpread2~~","~~align~~","alignItems","justify","~~justifyContent~~","~~direction~~","~~flexDirection~~","React","createElement","_extends","~~concat","~~classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"~~oYAYMA~~,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,~~EAAUC~~,~~aAAAD,~~YAAC,~~CAAAE~~,~~EAEtBC~~,KAAsD,~~IAF~~/BC,GACxCA,EAAEC,~~MAAEA~~,EAAKC,~~SAAEA~~,EAAQC,~~SAAEA~~,EAAQC,~~UAAEA~~,EAAY,GAAEC,~~QAAEA~~,EAAOC,~~OAAEA~~,~~GACzCR~~,~~EADoDS~~,EAAKC,EAAAA,~~wBAAAV~~,~~EAAAW~~,~~GAExE~~,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,EAAeC,~~wBAAQ~~,~~IAAOT~~,EAAW,CAC7CA,~~UACAU~~,~~UAAWV~~,~~EACXW~~,KAAM,~~SACNb~~,UAAW,GACR,CAAG,GAAE,CAACE,~~IAMLY~~,EAAiBH,EAAAA,~~aAAAA,~~SAAQ,SAClBI,~~IAAXZ~~,IAAmC,IAAXA,~~EACtBa~~,EAAeA,gBAACC,OAChB,MAAO,~~CAACd~~,~~IAMNe~~,EAASP,~~EAAOjB~~,~~aAAAiB~~,~~SAAC~~,~~IAAAQ~~,~~EAAAC~~,~~cAAAD~~,~~EAAAC~~,~~cAAAD~~,~~EAAAC~~,~~cAAAD~~,~~gBAAAA~~,~~EAAAA~~,~~cAEhBX~~,~~CAAAA~~,~~EAAAA~~,~~GACCA~~,EAAUa,MAAQ,~~CAAEC~~,~~WAAYhC~~,~~EAAiBkB~~,~~EAAUa~~,~~QAAqB~~,~~CAAE~~,~~GAClFb~~,~~EAAUe~~,QAAU,~~CAAEC~~,~~eAAgBlC~~,~~EAAiBkB~~,~~EAAUe~~,~~UAAuB~~,~~IACxFf~~,~~EAAUiB~~,~~WAAaX~~,~~EAAiB~~,~~CAAEY~~,~~cAAelB~~,~~EAAUiB~~,~~WAAaX~~,~~GAAmB~~,~~CAAA~~,~~GACpGhB~~,~~IAEJ~~,~~CAACgB~~,~~EAAgBN~~,~~EAAWV~~,~~IAE/~~B,~~OACE6B,~~MAAAC,oBAAAC,EAAAA,QAAA,CAAA,~~EACOhC~~,EAAK,CAAEA,GAAE,~~GAAAiC~~,~~OAAKjC~~,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,~~UAAW8B~~,EAAAA,WACTC,EAAAA,QAAQ,~~cACR/B~~,GAEFH,~~MAAOoB~~,GACHX,EAAS,CACb,cAAaA,~~EAAU0B~~,~~YAAc1B~~,EAAU,~~gBAAkBV~~,~~GAC7Da~~,~~GAEHX~~,EACG,~~IAIVP~~,~~EAAsB0C~~,YAAc,8BAMvBC,EAAgCC,~~EAAI1C~~,~~aAAA0C~~,~~KAAiB5C~~,~~GAElE2C~~,EAAUD,YAAc"}
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,\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","objectSpread2","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo","BoxLayout"],"mappings":"6aAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,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,EAAAA,wBAAAnB,EAAAoB,GAER,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,EAAeC,WAAQ,IAAOlB,EAAW,CAC7CA,UACAmB,UAAWnB,EACXoB,KAAM,SACNtB,UAAW,GACR,CAAG,GAAE,CAACE,IAMLqB,EAAiBH,EAAAA,SAAQ,SAClBI,IAAXrB,IAAmC,IAAXA,EACtBsB,EAAeA,gBAACC,OAChB,MAAO,CAACvB,IAMNwB,EAASP,EAAAA,SAAQ,KACrB,MAAMQ,EAAyBC,EAAAA,cAAA,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,EAAAU,cAAAV,EAAAU,cACKX,CAAAA,EAAAA,GACA9B,EAAK,GAET,CACDM,EACAQ,EACAL,EACAI,EACAH,EACAF,EACAI,EACAa,EACAN,EACAnB,EACAO,EACAI,IAGF,OACE+B,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACO7C,EAAK,CAAEA,GAAE,GAAAwC,OAAKxC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAW0C,EAAAA,WACTC,EAAAA,QAAQ,cACR3C,GAEFH,MAAO6B,GACHX,EAAS,CACb,cAAaA,EAAU6B,YAAc7B,EAAU,gBAAkBnB,GAC7DsB,GAEHpB,EACG,IAIVN,EAAsBqD,YAAc,8BAMvBC,EAAgCC,EAAIA,KAAiBvD,GAErDwD,EAAgCD,EAAIA,KAAiBvD,GAElEsD,EAAUD,YAAc,YAExBG,EAAUH,YAAc"}

package/dist/ui/src/core/ui/components/container/layoutBox/layoutBox.types.js.map CHANGED Viewed

	@@ -1 +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"}
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 /\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/ui/src/core/ui/components/container/lazyComponent/LazyComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("../../../../../../node_modules/react/index.js"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const o=["children","Component","LoaderJSX"],a={},c=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},l=r.reactExports.memo((a=>{let{children:c,Component:l,LoaderJSX:s}=a,i=e.objectWithoutProperties(a,o);return React.createElement(t.ErrorBoundary,null,React.createElement(r.reactExports.Suspense,{fallback:s||React.createElement("div",{className:n.default.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"})))},l&&React.createElement(l,i),c&&c))}));l.displayName="LazyComponent";const s=r.reactExports.memo((e=>{let{pendingPromise:t,promise:n,fallback:o,children:a}=e;const s=r.reactExports.useRef(t||n&&c(n)),i=r.reactExports.useMemo((()=>e=>{var r,t;let{children:n}=e;const o=null===(r=s.current)||void 0===r||null===(t=r.read)||void 0===t?void 0:t.call(r);return null!=o&&o.then?null:n}),[]);return React.createElement(l,{LoaderJSX:o},React.createElement(i,null,a))}));s.displayName="PendingBoundary";exports.LazyComponent=l,exports.PendingBoundary=s,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const c=r.reactExports.lazy(t);a[n]=r.reactExports.memo((r=>React.createElement(l,e.extends({Component:c},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>c=>{if(!a[n]){const s=r.reactExports.lazy((()=>t(c)));a[n]=r.reactExports.memo((r=>React.createElement(l,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=c;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),t=require("../../error/ErrorBoundary.js"),n=require("./lazyComponent.module.scss.js");const o=["children","Component","LoaderJSX"],a={},l=e=>{let r,t="pending";const n=("function"==typeof e?e():e).then((e=>{t="success",r=e}),(e=>{t="error",r=e}));return{read(){if("pending"===t)throw n;if("error"===t)throw r;if("success"===t)return r}}},c=r.memo((a=>{let{children:l,Component:c,LoaderJSX:s}=a,i=e.objectWithoutProperties(a,o);return React.createElement(t.ErrorBoundary,null,React.createElement(r.Suspense,{fallback:s||React.createElement("div",{className:n.default.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,i),l&&l))}));c.displayName="LazyComponent";const s=r.memo((e=>{let{pendingPromise:t,promise:n,fallback:o,children:a}=e;const s=r.useRef(t||n&&l(n)),i=r.useMemo((()=>e=>{var r,t;let{children:n}=e;const o=null===(r=s.current)||void 0===r||null===(t=r.read)||void 0===t?void 0:t.call(r);return null!=o&&o.then?null:n}),[]);return React.createElement(c,{LoaderJSX:o},React.createElement(i,null,a))}));s.displayName="PendingBoundary";exports.LazyComponent=c,exports.PendingBoundary=s,exports.createLazyModule=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!a[n]){const l=r.lazy(t);a[n]=r.memo((r=>React.createElement(c,e.extends({Component:l},o,r)))),a[n].displayName=n}return a[n]},exports.createLazyModuleWithStore=(t,n,o)=>l=>{if(!a[n]){const s=r.lazy((()=>t(l)));a[n]=r.memo((r=>React.createElement(c,e.extends({Component:s},o,r)))),a[n].displayName=n}return a[n]},exports.wrapPromise=l;
 //# sourceMappingURL=LazyComponent.js.map

package/dist/ui/src/core/ui/components/container/lazyComponent/LazyComponent.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_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","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"~~oRAUMA~~,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,~~EAAIC~~,~~aAAAD~~,~~MAAqBE,~~IAAA,IAACC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,GAAyCH,EAA3BI,EAAKC,EAAAA,wBAAAL,EAAAM,GAAA,OACpEC,MAAAC,cAACC,EAAaA,mBACZF,MAAAC,cAACE,~~wBAAQ~~,CAACC,SAAUR,GAVtBI,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAAA,QAAQC,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,~~IAGlBJ~~,~~EAAcwB~~,YAAc,sBAQfC,~~EACXxB~~,~~EAAIC~~,~~aAAAD~~,~~MAAuByB,~~IAA2E,IAA1EC,eAAEA,~~EAAcnC~~,QAAEA,~~EAAOsB~~,SAAEA,EAAQV,SAAEA,GAAgCsB,EACjG,MAAME,EAAoBC,EAAAA,~~aAAAA,~~OAAOF,~~GAAmBnC~~,GAAWD,EAAYC,~~IAErEsC~~,EAA6CC,~~wBAAQ~~,IAAMC,IAA0C,IAAAC,EAAAC,EAAA,IAAzC9B,SAAEA,GAAkC4B,EACpG,MAAMG,EAAwCF,QAA5BA,EAAGL,EAAkBQ,eAAOF,IAAAD,GAAM,QAANC,EAAzBD,~~EAA2BlC~~,YAAI,~~IAAAmC~~,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,~~EAAcvC~~,KAAO,~~KAAOQ~~,CAAQ,GAC1C,IAEH,OACEM,MAAAC,~~cAACX~~,EAAa,~~CAACM~~,UAAWQ,GACxBJ,MAAAC,cAACmB,EAAgB1B,KAAAA,GACH,IAIpBqB,EAAgBD,YAAc,6FAGE,SAC9Bc,EACAd,GAEgB,IADhBe,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAE,EAE1C,~~IAAKlD~~,~~EAAIkC~~,GAAc,CACrB,MAAMnB,EAAYsC,~~EAAIzC~~,~~aAAAyC,~~KAACL,~~GAGvBhD~~,~~EAAIkC~~,~~GAAevB~~,~~qBAAMM~~,GAAWG,MAAAC,~~cAACX~~,~~EAAa4C~~,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/~~FjB~~,~~EAAIkC~~,GAAaA,YAAcA,CACjC,CAEA,~~OAAOlC~~,~~EAAIkC~~,EACb,oCAGyCqB,CACvCP,EACAd,EACAe,IACqCO,IACnC,~~IAAKxD~~,~~EAAIkC~~,GAAc,CACrB,MAAMnB,EAAYsC,~~EAAIzC~~,~~aAAAyC,~~MAAC,IAAML,EAAaQ,~~KAG1CxD~~,~~EAAIkC~~,~~GAAevB~~,~~qBAAMM~~,GAAWG,MAAAC,~~cAACX~~,~~EAAa4C~~,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/~~FjB~~,~~EAAIkC~~,GAAaA,YAAcA,CACjC,CAEA,~~OAAOlC~~,~~EAAIkC~~,EAAY"}
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","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"4OAUMA,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,EAAAA,wBAAAL,EAAAM,GAAA,OACpEC,MAAAC,cAACC,EAAaA,mBACZF,MAAAC,cAACE,WAAQ,CAACC,SAAUR,GAVtBI,MAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAAA,QAAQC,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,6FAGE,SAC9Bc,EACAd,GAEgB,IADhBe,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAE,EAE1C,IAAKjD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,EAAIA,KAACL,GAGvB/C,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa2C,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EACb,oCAGyCqB,CACvCP,EACAd,EACAe,IACqCO,IACnC,IAAKvD,EAAIiC,GAAc,CACrB,MAAMnB,EAAYsC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CvD,EAAIiC,GAAetB,QAAMK,GAAWG,MAAAC,cAACV,EAAa2C,UAAA,CAACvC,UAAWA,GAAekC,EAAkBhC,MAC/FhB,EAAIiC,GAAaA,YAAcA,CACjC,CAEA,OAAOjC,EAAIiC,EAAY"}

package/dist/ui/src/core/ui/components/dividers/DividerLine.js CHANGED Viewed

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

package/dist/ui/src/core/ui/components/dividers/DividerLine.js.map CHANGED Viewed

	@@ -1 +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","~~reactExports","~~_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","default","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"~~uLAkBaA~~,EAAgCC,~~EAAIC~~,~~aAAAD~~,~~MAAeE,~~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,~~wBAAQ~~,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,~~aAAAA,~~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,EAAOC,QAACd,SAAWa,EAAOC,QAACC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACET,UAASU,GAAAA,OAAML,EAAOC,QAAS,gBAAeI,KAAAA,OAAIN,EAAW,KAAAM,OAAIV,GACjEW,MAAOR,GACP,~~IAINhB~~,~~EAAYyB~~,YAAc,cAEbC,MAAAA,~~EACTzB~~,~~EAAIC~~,~~aAAAD~~,~~MAAE0B,~~GAAUN,MAAAC,~~cAACtB~~,~~EAAW4B~~,UAAA,CAACvB,UAAQ,EAACG,OAAO,QAAWmB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,~~EACT5B~~,~~EAAIC~~,~~aAAAD~~,~~MAAE0B,~~GAAUN,MAAAC,~~cAACtB~~,~~EAAW4B~~,UAAA,CAACpB,OAAO,QAAWmB,MACnDE,EAAkBJ,YAAc"}
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","default","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"kJAkBaA,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,EAAOC,QAACd,SAAWa,EAAOC,QAACC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACET,UAASU,GAAAA,OAAML,EAAOC,QAAS,gBAAeI,KAAAA,OAAIN,EAAW,KAAAM,OAAIV,GACjEW,MAAOR,GACP,IAINf,EAAYwB,YAAc,cAEbC,MAAAA,EACTxB,EAAIA,MAAEyB,GAAUN,MAAAC,cAACrB,EAAW2B,UAAA,CAACvB,UAAQ,EAACG,OAAO,QAAWmB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT3B,EAAIA,MAAEyB,GAAUN,MAAAC,cAACrB,EAAW2B,UAAA,CAACpB,OAAO,QAAWmB,MACnDE,EAAkBJ,YAAc"}

package/dist/ui/src/core/ui/components/error/ErrorBoundary.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../node_modules/react/index.js"),r=require("../container/layoutBox/LayoutBox.js"),t=require("./errorBoundary.module.scss.js"),o=require("../icon/IconBase.js");const a=e.reactExports.memo((e=>{let{title:a,text:n}=e;return React.createElement(r.LayoutBox,{className:t.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},a&&React.createElement("h1",null,a),React.createElement(r.LayoutBox,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o.IconBase,{className:t.default.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(r.LayoutBox,{flexShrink:"0",width:"90%"},n)))}));a.displayName="DefaultErrorComponent";class n extends e.reactExports.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=a,title:r,text:t,muted:o}=this.props,{hasError:n,error:s,errorInfo:c}=this.state;return n&&!o?React.createElement(e,{title:r||(null==s?void 0:s.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):n&&o?null:this.props.children}}exports.DefaultErrorComponent=a,exports.ErrorBoundary=n;
+"use strict";var e=require("react"),r=require("../container/layoutBox/LayoutBox.js"),t=require("./errorBoundary.module.scss.js"),o=require("../icon/IconBase.js");const a=e.memo((e=>{let{title:a,text:n}=e;return React.createElement(r.LayoutBox,{className:t.default.errorBoundary,direction:"column",flexWrap:"wrap",gap:"2rem",padding:"1rem"},a&&React.createElement("h1",null,a),React.createElement(r.LayoutBox,{align:"center",justify:"space-between",gap:"1rem"},React.createElement(o.IconBase,{className:t.default.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(r.LayoutBox,{flexShrink:"0",width:"90%"},n)))}));a.displayName="DefaultErrorComponent";class n 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=a,title:r,text:t,muted:o}=this.props,{hasError:n,error:s,errorInfo:c}=this.state;return n&&!o?React.createElement(e,{title:r||(null==s?void 0:s.toString())||"Error",text:t||"".concat(JSON.stringify(c,null,2))}):n&&o?null:this.props.children}}exports.DefaultErrorComponent=a,exports.ErrorBoundary=n;
 //# sourceMappingURL=ErrorBoundary.js.map