npm - @e1011/es-kit - Versions diffs - 1.1.74 → 1.1.75 - Mend

@e1011/es-kit 1.1.74 → 1.1.75

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 (1780) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"~~0FAIaA~~,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
1	+ {"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"yEAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}

package/dist/ui/src/core/ui/components/atoms/tag/Tag.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("react"),l=require("../textAndContent/TextAndContent.js"),a=require("../../container/layoutBox/LayoutBox.js"),n=require("./tag.module.scss.js"),o=require("./tag.types.js"),r=require("../text/Text.js"),s=require("../../../../hooks/useClassNames.js"),i=require("../../../../hooks/useResize.js"),c=require("../../molecules/popover/Tooltip.js"),u=require("../../../../hooks/useParseProps.js"),d=require("../../../../utils/helpers/text.js");const m=["variant","text","hashtag","components","onClick","children","inTable","className"],h={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},p=t.memo((p=>{let{variant:x=o.TagVariant.default,text:g,hashtag:v,components:R,onClick:f,children:j,inTable:q,className:T=""}=p,b=e.objectWithoutProperties(p,m);const E=(null==R?void 0:R.TextComponent)||r.Text,k=s.useClassNames([n.default.tag,x&&n.default[x],f&&n.default.clickable,q&&n.default["in-table"],T],[n.default]),{dataProps:C,restProps:N}=u.useParseProps(b),[P,w]=t.useState(!1),y=t.useRef(null),L=t.useRef(null),[I]=i.useResize(50,(e=>{let{width:t,height:l}=e;const a=I.current;a&&w(a.offsetWidth<a.scrollWidth),y.current={width:t,height:l}})),S=t.useMemo((()=>!!(j||g||null!=N&&N.iconLeftUrl||null!=N&&N.iconLeft||null!=N&&N.iconRightUrl||null!=N&&N.iconRight)),[j,g,null==N?void 0:N.iconLeftUrl,null==N?void 0:N.iconLeft,null==N?void 0:N.iconRightUrl,null==N?void 0:N.iconRight]),z=t.useMemo((()=>{var t,l;return P?e.objectSpread2(e.objectSpread2({},h),{},{width:"".concat(null==y||null===(t=y.current)||void 0===t?void 0:t.width,"px"),height:"".concat(null==y||null===(l=y.current)||void 0===l?void 0:l.height,"px")}):null}),[P,null==y?void 0:y.current]);return React.createElement(React.Fragment,null,React.createElement(a.LayoutBox,e.extends({id:"".concat(void 0!==b.id&&b.id||g&&d.composeId(g)),className:k},C,N,{"data-testid":"".concat(C.dataTestId||C["data-testid"]||b.id||g&&d.composeId(g)),onClick:f}),v&&React.createElement(E,null,"#"),S&&React.createElement(l.TextAndIcons,e.extends({className:n.default.text,iconSize:"0.8em"},N,{width:"auto"}),React.createElement("div",{ref:I,className:"text-truncate"},P&&React.createElement(React.Fragment,null,React.createElement("div",{ref:L,style:z}),React.createElement("span",null,j||g)),!P&&(j||g)))),P&&React.createElement(c.Tooltip,{text:g,targetRef:L}))}));p.displayName="Tag",exports.Tag=p;
+"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"),a=require("../textAndContent/TextAndContent.js"),r=require("../../container/layoutBox/LayoutBox.js"),l=require("./tag.module.scss.js"),o=require("./tag.types.js"),s=require("../text/Text.js"),n=require("../../../../hooks/useClassNames.js"),i=require("../../../../hooks/useResize.js"),c=require("../../molecules/popover/Tooltip.js"),u=require("../../../../hooks/useParseProps.js"),d=require("../../../../utils/helpers/text.js");const m=["variant","text","hashtag","components","onClick","children","inTable","className"],p={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},h=t.reactExports.memo((h=>{let{variant:x=o.TagVariant.default,text:g,hashtag:v,components:R,onClick:f,children:j,inTable:E,className:q=""}=h,T=e.objectWithoutProperties(h,m);const b=(null==R?void 0:R.TextComponent)||s.Text,k=n.useClassNames([l.default.tag,x&&l.default[x],f&&l.default.clickable,E&&l.default["in-table"],q],[l.default]),{dataProps:C,restProps:N}=u.useParseProps(T),[P,w]=t.reactExports.useState(!1),y=t.reactExports.useRef(null),L=t.reactExports.useRef(null),[I]=i.useResize(50,(e=>{let{width:t,height:a}=e;const r=I.current;r&&w(r.offsetWidth<r.scrollWidth),y.current={width:t,height:a}})),S=t.reactExports.useMemo((()=>!!(j||g||null!=N&&N.iconLeftUrl||null!=N&&N.iconLeft||null!=N&&N.iconRightUrl||null!=N&&N.iconRight)),[j,g,null==N?void 0:N.iconLeftUrl,null==N?void 0:N.iconLeft,null==N?void 0:N.iconRightUrl,null==N?void 0:N.iconRight]),z=t.reactExports.useMemo((()=>{var t,a;return P?e.objectSpread2(e.objectSpread2({},p),{},{width:"".concat(null==y||null===(t=y.current)||void 0===t?void 0:t.width,"px"),height:"".concat(null==y||null===(a=y.current)||void 0===a?void 0:a.height,"px")}):null}),[P,null==y?void 0:y.current]);return React.createElement(React.Fragment,null,React.createElement(r.LayoutBox,e.extends({id:"".concat(void 0!==T.id&&T.id||g&&d.composeId(g)),className:k},C,N,{"data-testid":"".concat(C.dataTestId||C["data-testid"]||T.id||g&&d.composeId(g)),onClick:f}),v&&React.createElement(b,null,"#"),S&&React.createElement(a.TextAndIcons,e.extends({className:l.default.text,iconSize:"0.8em"},N,{width:"auto"}),React.createElement("div",{ref:I,className:"text-truncate"},P&&React.createElement(React.Fragment,null,React.createElement("div",{ref:L,style:z}),React.createElement("span",null,j||g)),!P&&(j||g)))),P&&React.createElement(c.Tooltip,{text:g,targetRef:L}))}));h.displayName="Tag",exports.Tag=h;
 //# sourceMappingURL=Tag.js.map

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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("react"),s=require("../../../../hooks/useParseProps.js"),a=require("../../../../utils/helpers/ui.js"),o=require("./layoutBox.module.scss.js"),r=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.forwardRef(((i,n)=>{let{id:u,style:c,children:x,tabIndex:p,className:y="",onClick:m,column:f}=i,j=e.objectWithoutProperties(i,l);const{dataProps:b,restProps:P}=s.useParseProps(j),N=t.useMemo((()=>m?{onClick:m,onKeyDown:m,role:"button",tabIndex:-1}:{}),[m]),q=t.useMemo((()=>void 0!==f&&!0===f?r.LayoutDirection.COLUMN:null),[f]),B=t.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}:{}),c)),[q,P,c]);return React.createElement("div",e.extends({},u?{id:"".concat(u)}:{},{ref:n,tabIndex:p,className:a.classNames(o.default["layout-box"],y),style:B},b,{"data-testid":b.dataTestId||b["data-testid"]||u},N),x)}));n.displayName="LayoutBoxRefForwarded";const u=t.memo(n);u.displayName="LayoutBox",exports.LayoutBox=u;
+"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;
 //# 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","_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":"~~4VAYMA~~,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,~~EAAUA~~,YAAC,~~CAAAC~~,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,GACzCR,EADoDS,EAAKC,EAAAA,wBAAAV,EAAAW,GAExE,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcL,GAMzCM,EAAeC,~~WAAQ~~,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNb,UAAW,GACR,CAAG,GAAE,CAACE,IAMLY,EAAiBH,EAAAA,SAAQ,SAClBI,IAAXZ,IAAmC,IAAXA,EACtBa,EAAeA,gBAACC,OAChB,MAAO,CAACd,IAMNe,EAASP,~~EAAOA~~,SAAC,IAAAQ,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAAD,gBAAAA,EAAAA,cAEhBX,CAAAA,EAAAA,GACCA,EAAUa,MAAQ,CAAEC,~~WAAY/B~~,~~EAAiBiB~~,EAAUa,QAAqB,CAAE,GAClFb,EAAUe,QAAU,CAAEC,~~eAAgBjC~~,~~EAAiBiB~~,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,~~IAIVN~~,~~EAAsByC~~,YAAc,8BAMvBC,EAAgCC,~~EAAIA~~,~~KAAiB3C~~,~~GAElE0C~~,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, 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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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("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;
+"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;
 //# 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","_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"}
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"}

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

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=ErrorBoundary.js.map