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

@e1011/es-kit 1.1.76 → 1.1.78

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

package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/*\n Button component for displaying buttons with optional features.\n * @component\n \n Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n \n @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string \| undefined = `${label \|\| children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id \|\| (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId \|\| (props as Record<string, string>)['data-testid'] \|\| id \|\| (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children \|\| children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n 'iconUrl',\n 'minWidth',\n 'minHeight',\n 'width',\n 'height',\n 'size',\n 'fontSize',\n 'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n const buttonProps: Record<string, unknown> = {}\n const iconProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n if (iconBaseProps.includes(name)) {\n // eslint-disable-next-line no-param-reassign\n iconProps[name] = value\n } else {\n buttonProps[name] = value\n }\n })\n\n iconProps.children = props.children\n\n return (\n <Button {...(buttonProps as ButtonProps)} hasIcon>\n {props.iconContent && props.iconContent}\n {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n </Button>\n )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","_objectWithoutProperties","_excluded","createElement","Link","_objectSpread","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","_excluded2","textFromChildren","concat","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"~~yxBAWaA~~,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,~~EAAIA~~,~~MAACC,~~IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,GACaJ,EADAK,EAAKC,EAAAN,EAAAO,GAEzC,MAAgB,SAAZN,EACKO,~~gBAAcC~~,EAAIC,EAAAA,EAAA,CAAIC,MAAO,OAAQT,OAAMC,UAAWE,GAAK,GAAA,CAAEO,QAASC,IAAQT,GAEhFI,~~gBAAc~~,OAAQ,CAAE,EAAEJ,EAAS,IAG5CN,EAAagB,YAAc,qBAoBdC,EAAShB,~~EAAIA~~,~~MAACiB,~~IAcR,IAdSC,MAC1BA,EAAKb,SAAEA,EAAQH,QACfA,EAAOiB,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAE5B,KACpCA,EAAIC,OACJA,GAEYa,EADTX,EAAKC,EAAAU,EAAAe,GAER,MAAMC,EAAoC,GAAAC,OAAMhB,IAASb,eAAAA,EAAU8B,aAE7DC,EAAeC,~~EAAWA~~,~~aAAEC,~~IAC5BhB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,EAAM,GACf,CAACzB,EAASS,EAAgBC,IAEvBmB,EAAiBL,~~EAAWA~~,~~aAAEC,~~IAC9BA,EAAMzC,MAAQF,EAAKC,MAAMC,MACvByB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,GACZ,GACC,CAACzB,EAASS,EAAgBC,IAE7B,OACEoB,MAAAlC,cAAA,SAAAmC,EAAA,CAEEpB,KAAMA,EACNqB,UAAW,EACXhC,QAASuB,EACTU,UAAWJ,EACXZ,UAAWiB,EACTC,EAAQC,OACR9B,GAAQ6B,EAAQ7B,KAChBjB,GAAW8C,EAAQ9C,GACnBkB,GAAY4B,EAAQ5B,SACpBC,GAAS2B,EAAQ3B,MACjBQ,GAAYmB,EAAQnB,SACpBJ,GAAeuB,EAAQvB,YACvBC,GAAasB,EAAQtB,UACrBC,GAAWqB,EAAQrB,QACnBC,GAAYoB,EAAQpB,SACpBE,GAEFC,GAAE,GAAAG,OAAKH,GAAOE,GAAoBiB,EAAUjB,IAC5C,cAAA,GAAAC,OAAiB5B,EAAiC6C,YAAe7C,EAAiC,gBAAkByB,GAAOE,GAAoBiB,EAAUjB,KACrJ3B,GAEJqC,MAAAlC,cAACV,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDc,GAASA,EACTb,GAAYA,GAER,IAObW,EAAOD,YAAc,SAErB,MAAMqC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkCrD,~~EAAIA~~,~~MAAmBM,~~IACpE,MAAMgD,EAAuC,CAAE,EACzCC,EAAqC,CAAE,EAa7C,OAXAC,OAAOC,QAAQnD,GAAOoD,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAUlD,SAAWC,EAAMD,SAGzBsC,MAAAlC,cAACO,EAAM4B,KAAMU,EAAW,CAAkB3B,SAAO,IAC9CrB,EAAMyD,aAAezD,EAAMyD,aAC1BzD,EAAMyD,aAAgBpB,MAAAlC,cAACuD,EAAcT,GAChC,IAIbF,EAAWtC,YAAc"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n ENTER: {\n key: 'Enter',\n keyCode: 13,\n },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n if (variant === 'link') {\n return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n }\n return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/*\n Button component for displaying buttons with optional features.\n * @component\n \n Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n \n @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n label, children,\n variant, tiny, truncate, fluid,\n preventDefualt, stopPropagation,\n onClick,\n type = 'button',\n transparent,\n hasShadow,\n hasIcon,\n disabled,\n animated = false, className = '', id,\n href,\n target,\n ...props\n}: ButtonProps) => {\n const textFromChildren: string \| undefined = `${label \|\| children?.toString()}`\n\n const clickHandler = useCallback((event: MouseEvent) => {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }, [onClick, preventDefualt, stopPropagation])\n\n const keyDownHandler = useCallback((event: KeyboardEvent) => {\n if (event.key === keys.ENTER.key) {\n if (preventDefualt) {\n event.preventDefault()\n }\n if (stopPropagation) {\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n }\n onClick?.(event)\n }\n }, [onClick, preventDefualt, stopPropagation])\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n tabIndex={-1}\n onClick={clickHandler}\n onKeyDown={keyDownHandler}\n className={classNames(\n classes.button,\n tiny && classes.tiny,\n variant && classes[variant as Alerts],\n truncate && classes.truncate,\n fluid && classes.fluid,\n animated && classes.animated,\n transparent && classes.transparent,\n hasShadow && classes.hasShadow,\n hasIcon && classes.hasIcon,\n disabled && classes.disabled,\n className,\n )}\n id={`${id \|\| (textFromChildren && composeId(textFromChildren))}`}\n data-testid={`${(props as Record<string, string>).dataTestId \|\| (props as Record<string, string>)['data-testid'] \|\| id \|\| (textFromChildren && composeId(textFromChildren))}`}\n {...props}\n >\n <InnerElement variant={variant} href={href} target={target}>\n {label && label}\n {children \|\| children}\n </InnerElement>\n </button>\n )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n 'iconUrl',\n 'minWidth',\n 'minHeight',\n 'width',\n 'height',\n 'size',\n 'fontSize',\n 'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n const buttonProps: Record<string, unknown> = {}\n const iconProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n if (iconBaseProps.includes(name)) {\n // eslint-disable-next-line no-param-reassign\n iconProps[name] = value\n } else {\n buttonProps[name] = value\n }\n })\n\n iconProps.children = props.children\n\n return (\n <Button {...(buttonProps as ButtonProps)} hasIcon>\n {props.iconContent && props.iconContent}\n {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n </Button>\n )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","_objectWithoutProperties","_excluded","createElement","Link","_objectSpread","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","_excluded2","textFromChildren","concat","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"wxBAWaA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,GAAKC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,GACaJ,EADAK,EAAKC,EAAAN,EAAAO,GAEzC,MAAgB,SAAZN,EACKO,EAAcC,EAAIC,EAAAA,EAAA,CAAIC,MAAO,OAAQT,OAAMC,UAAWE,GAAK,GAAA,CAAEO,QAASC,IAAQT,GAEhFI,EAAc,OAAQ,CAAE,EAAEJ,EAAS,IAG5CN,EAAagB,YAAc,qBAoBdC,EAAShB,GAAKiB,IAcR,IAdSC,MAC1BA,EAAKb,SAAEA,EAAQH,QACfA,EAAOiB,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAE5B,KACpCA,EAAIC,OACJA,GAEYa,EADTX,EAAKC,EAAAU,EAAAe,GAER,MAAMC,EAAoC,GAAAC,OAAMhB,IAASb,eAAAA,EAAU8B,aAE7DC,EAAeC,GAAaC,IAC5BhB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,EAAM,GACf,CAACzB,EAASS,EAAgBC,IAEvBmB,EAAiBL,GAAaC,IAC9BA,EAAMzC,MAAQF,EAAKC,MAAMC,MACvByB,GACFgB,EAAMC,iBAEJhB,IACFe,EAAMf,kBACNe,EAAME,YAAYC,4BAEpB5B,SAAAA,EAAUyB,GACZ,GACC,CAACzB,EAASS,EAAgBC,IAE7B,OACEoB,MAAAlC,cAAA,SAAAmC,EAAA,CAEEpB,KAAMA,EACNqB,UAAW,EACXhC,QAASuB,EACTU,UAAWJ,EACXZ,UAAWiB,EACTC,EAAQC,OACR9B,GAAQ6B,EAAQ7B,KAChBjB,GAAW8C,EAAQ9C,GACnBkB,GAAY4B,EAAQ5B,SACpBC,GAAS2B,EAAQ3B,MACjBQ,GAAYmB,EAAQnB,SACpBJ,GAAeuB,EAAQvB,YACvBC,GAAasB,EAAQtB,UACrBC,GAAWqB,EAAQrB,QACnBC,GAAYoB,EAAQpB,SACpBE,GAEFC,GAAE,GAAAG,OAAKH,GAAOE,GAAoBiB,EAAUjB,IAC5C,cAAA,GAAAC,OAAiB5B,EAAiC6C,YAAe7C,EAAiC,gBAAkByB,GAAOE,GAAoBiB,EAAUjB,KACrJ3B,GAEJqC,MAAAlC,cAACV,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDc,GAASA,EACTb,GAAYA,GAER,IAObW,EAAOD,YAAc,SAErB,MAAMqC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkCrD,GAAuBM,IACpE,MAAMgD,EAAuC,CAAE,EACzCC,EAAqC,CAAE,EAa7C,OAXAC,OAAOC,QAAQnD,GAAOoD,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAUlD,SAAWC,EAAMD,SAGzBsC,MAAAlC,cAACO,EAAM4B,KAAMU,EAAW,CAAkB3B,SAAO,IAC9CrB,EAAMyD,aAAezD,EAAMyD,aAC1BzD,EAAMyD,aAAgBpB,MAAAlC,cAACuD,EAAcT,GAChC,IAIbF,EAAWtC,YAAc"}

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

@@ -1,2 +1,2 @@
-import e from"../../../../../node_modules/react/index.js";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("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"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("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"}));export{c as closeIconJSX,t as infoIconJSX};
+import e from"react";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("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"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("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"}));export{c as closeIconJSX,t as infoIconJSX};
 //# sourceMappingURL=icons.js.map

package/dist/lib/esm/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","d","infoIconJSX"],"mappings":"~~0DAIaA~~,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,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","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}

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

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

package/dist/lib/esm/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","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","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"~~i7BAaMA~~,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,~~EAAIA~~,~~MAAWC,~~IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRlB,GAAWiB,EAAQjB,GACnBM,GAAWW,EAAQE,UACnBX,GAAWS,EAAQ,YACnBR,GACC,CAACQ,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,IACxCa,EAAaC,GAAkBC,~~EAAAA~~,~~UAAS,~~GAEzCC,EAAiBC,~~EAAMA~~,~~OAAqB,~~MAC5CC,EAAmBD,~~EAAMA~~,~~OAAwB,~~OAEhDE,GAAWC,EAAU,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,~~OAAShC,GAC/BJ,GACAkB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACpC,EAAUJ,EAAMkB,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,EAClDxD,CAAAA,EAAAA,GAA2C,GAAA,CAC9CyC,SAAKgB,OAAKtB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMe,OAAKtB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEc,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbtC,EAAM4C,IAAsB5C,EAAM4C,IAAQnD,GAAQoD,EAAUpD,IAC3EM,UAAWM,GACPK,EACAC,EAAS,CACb,cAAA2B,GAAAA,OAAgB5B,EAAUoC,YAAcpC,EAAU,gBAAkBV,EAAM4C,IAAOnD,GAAQoD,EAAUpD,IACnGG,QAASA,IAERF,GAAW6C,MAAAC,cAACrC,EAAc,KAAA,KAC1ByB,GAEGW,MAAAC,cAACO,EAAYJ,EAAA,CACX5C,UAAWQ,EAAQd,KACnBuD,SAAS,SACLrC,EAAS,CACbW,MAAM,SAENiB,MAAAC,cAAA,MAAA,CAAKS,IAAK9B,EAAsCpB,UAAU,iBACvDc,GACC0B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAkBgC,MAAOhB,IACnCK,MAAAC,cAAA,OAAA,KAAO3C,GAAYJ,KAGrBoB,IAAgBhB,GAAYJ,MAKvCoB,GAAe0B,MAAAC,cAACW,EAAO,CAAC1D,KAAMA,EAAM2D,UAAWlC,IAC/C,IAIP/B,EAAIkE,YAAc"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/*\n Tag component.\n * \n @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent \|\| BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize \| null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement \| null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n \|\| text\n \|\| restProps?.iconLeftUrl\n \|\| restProps?.iconLeft\n \|\| restProps?.iconRightUrl\n \|\| restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) \|\| (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId \|\| dataProps['data-testid'] \|\| props.id \|\| (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children \|\| text}</span>\n </>\n )}\n {!isTruncated && (children \|\| text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","_objectWithoutProperties","_excluded","TextComponent","BodyText","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","concat","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"m7BAaMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,GAAeC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,IAEHV,EADNW,EAAKC,EAAAZ,EAAAa,GAER,MAAMC,GAAgBR,aAAU,EAAVA,EAAYQ,gBAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRlB,GAAWiB,EAAQjB,GACnBM,GAAWW,EAAQE,UACnBX,GAAWS,EAAQ,YACnBR,GACC,CAACQ,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcZ,IACxCa,EAAaC,GAAkBC,GAAS,GAEzCC,EAAiBC,EAA2B,MAC5CC,EAAmBD,EAA8B,OAEhDE,GAAWC,EAAU,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,GAAQ,OAAShC,GAC/BJ,GACAkB,SAAAA,EAAWmB,aACXnB,SAAAA,EAAWoB,UACXpB,SAAAA,EAAWqB,cACXrB,SAAAA,EAAWsB,YACb,CAACpC,EAAUJ,EAAMkB,eAAAA,EAAWmB,YAAanB,aAAS,EAATA,EAAWoB,SAAUpB,aAAS,EAATA,EAAWqB,aAAcrB,aAAS,EAATA,EAAWsB,YAE/FC,EAAuBL,GAAQ,KAAA,IAAAM,EAAAC,EAAA,OAAOvB,EAAWwB,EAAAA,EAClDxD,CAAAA,EAAAA,GAA2C,GAAA,CAC9CyC,SAAKgB,OAAKtB,SAAuBmB,QAATA,EAAdnB,EAAgBS,mBAAOU,SAAvBA,EAAyBb,MAAS,MAC5CC,UAAMe,OAAKtB,SAAuB,QAAToB,EAAdpB,EAAgBS,eAAhBW,IAAuBA,OAAvBA,EAAAA,EAAyBb,OAAM,QAEvC,IAAI,GAAG,CAACV,EAAaG,aAAc,EAAdA,EAAgBS,UAE1C,OACEc,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAE,GAAAN,YAA0B,IAAbtC,EAAM4C,IAAsB5C,EAAM4C,IAAQnD,GAAQoD,EAAUpD,IAC3EM,UAAWM,GACPK,EACAC,EAAS,CACb,cAAA2B,GAAAA,OAAgB5B,EAAUoC,YAAcpC,EAAU,gBAAkBV,EAAM4C,IAAOnD,GAAQoD,EAAUpD,IACnGG,QAASA,IAERF,GAAW6C,MAAAC,cAACrC,EAAc,KAAA,KAC1ByB,GAEGW,MAAAC,cAACO,EAAYJ,EAAA,CACX5C,UAAWQ,EAAQd,KACnBuD,SAAS,SACLrC,EAAS,CACbW,MAAM,SAENiB,MAAAC,cAAA,MAAA,CAAKS,IAAK9B,EAAsCpB,UAAU,iBACvDc,GACC0B,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK/B,EAAkBgC,MAAOhB,IACnCK,MAAAC,cAAA,OAAA,KAAO3C,GAAYJ,KAGrBoB,IAAgBhB,GAAYJ,MAKvCoB,GAAe0B,MAAAC,cAACW,EAAO,CAAC1D,KAAMA,EAAM2D,UAAWlC,IAC/C,IAIP/B,EAAIkE,YAAc"}

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

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

package/dist/lib/esm/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","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"~~yWAOaA~~,EAAWC,~~EAAIA~~,~~MAC1BC,~~IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,SAAQF,KAAAA,OAAIR,GAAaW,QAAQ,OACrEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASiB,YAAc,WAGVC,MAAAA,EAAoBjB,~~EAAIA~~,~~MACnCkB,~~IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,kBAAiBR,KAAAA,OAAIR,GAAaW,QAAQ,OAC9Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBrB,~~EAAIA~~,~~MAClCsB,~~IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,iBAAgBZ,KAAAA,OAAIR,GAAaW,QAAQ,OAC7Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAiBL,YAAc"}
1	+ {"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","headline","element","displayName","HeadlineSecondary","_ref2","_excluded2","headlineSecondary","HeadlineTertiary","_ref3","_excluded3","headlineTertiary"],"mappings":"oUAOaA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,SAAQF,KAAAA,OAAIR,GAAaW,QAAQ,OACrEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASiB,YAAc,WAGVC,MAAAA,EAAoBjB,GAC/BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0Bc,EAAnBb,EAAKC,EAAAY,EAAAC,GAAA,OACzCX,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQO,kBAAiBR,KAAAA,OAAIR,GAAaW,QAAQ,OAC9Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAkBD,YAAc,oBAGnBK,MAAAA,EAAmBrB,GAC9BsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BkB,EAAnBjB,EAAKC,EAAAgB,EAAAC,GAAA,OACzCf,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQW,iBAAgBZ,KAAAA,OAAIR,GAAaW,QAAQ,OAC7Eb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAiBL,YAAc"}

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

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

package/dist/lib/esm/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","link","element","displayName"],"mappings":"~~gSAOaA~~,EAAOC,~~EAAIA~~,~~MACtBC,~~IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,KAAIF,KAAAA,OAAIR,GAAaW,QAAQ,MACjEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKiB,YAAc"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","_objectWithoutProperties","_excluded","React","createElement","Text","_extends","concat","classes","link","element","displayName"],"mappings":"gQAOaA,EAAOC,GAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,IAA0BH,EAAnBI,EAAKC,EAAAL,EAAAM,GAAA,OACzCC,MAAAC,cAACC,EAAIC,KAAKN,EAAK,CAAED,UAAS,GAAAQ,OAAKC,EAAQC,KAAIF,KAAAA,OAAIR,GAAaW,QAAQ,MACjEb,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKiB,YAAc"}

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

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

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

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

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

package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map 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":"~~uYAQaA~~,EAAsBC,~~EAAIA~~,~~MAAaC,~~IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,~~WAAQ~~,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}
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":"oXAQaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,GAA2BR,EAAlBS,EAAIC,EAAAV,EAAAW,GAEtF,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GACzCM,EAAuCP,IAAQN,aAAQ,EAARA,EAAUc,YAEzDC,EAAeC,GAAQ,IAAOX,EAAW,CAC7CA,UACAY,UAAWZ,EACXa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OAAOe,EAAMC,cACXtB,EAAOuB,EAAAA,EAAAA,EAAA,CAELlB,GAAE,GAAAmB,OAAKnB,GAAOS,GAAoBW,EAAUX,IAC5CZ,OACAK,OACAJ,SACAC,aACGY,GAAY,GAAA,CACfU,MAAOd,GACJD,GAAS,GAAA,CACZ,iBAAaa,OACVb,EAAUgB,YAAchB,EAAU,gBAAkBN,GAAOS,GAAoBW,EAAUX,MAE9Fb,EACD,IAGHJ,EAAK+B,YAAc"}

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

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

package/dist/lib/esm/src/core/ui/components/atoms/text/anchor-link/AnchorLink.js.map 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":"~~4cAgBaA~~,EAAkCC,~~EAAIA~~,~~MAAkBC,~~IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,~~EAAWA~~,~~aAAEC,~~GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,~~WAAQ~~,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}
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":"kcAgBaA,EAAkCC,GAAsBC,IAS9C,IAT+CC,GACpEA,EAAEC,QACFA,EAAOC,KACPA,EAAIC,OACJA,GAAS,EAAKC,KACdA,EAAIC,SACJA,EAAQC,UACRA,EAAY,IAEIP,EADbQ,EAAKC,EAAAT,EAAAU,GAER,MAAMC,EAAuCN,IAAQC,aAAQ,EAARA,EAAUM,YAEzDC,EAAeC,GAAaC,GAC5Bb,GACFa,SAAAA,EAAOC,iBACPD,SAAAA,EAAOE,kBACAf,EAAQa,EAAOZ,EAAMK,EAAMU,OAAQZ,IAGrC,MACN,CAACH,EAAMD,EAASI,EAAUE,EAAMU,SAE7BC,EAAeC,GAAQ,IAAOlB,EAAW,CAC7CA,QAASW,EACTQ,UAAWR,EACXS,KAAM,SACNC,UAAW,GACR,IAAK,CAACV,EAAcX,IAEzB,OAGEsB,MAAAC,cAAAC,OAAAA,KACMP,EAAY,CAChBlB,MAAE0B,YAAoB,IAAP1B,GAAsBA,GAAQU,GAAoBiB,EAAUjB,IAC3E,cAAaH,EAAMqB,YAAcrB,EAAM,gBAAkBP,GAAOU,GAAoBiB,EAAUjB,KAE7FP,GAAUoB,MAAAC,cAACK,EAAIJ,EAAA,CAACvB,KAAMA,GAAQ,IAAQK,GAAQF,GAAYD,GAAQF,IACjEC,GAGFoB,MAAAC,cAAA,IAAAC,EAAA,CACEvB,KAAMA,GAAQ,GACdI,UACEwB,EAAWC,EAAQC,WAAYzB,EAAM0B,UAAYF,EAAQE,SAAU3B,IAEjEC,GACJF,GAAYD,GAAQF,GAGjB,IAQXL,EAAWqC,YAAc"}

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

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

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

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

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

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

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

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

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

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

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

package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map 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":"~~iZAmBMA~~,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,~~EAAIA~~,~~MACjEC,~~IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAO3B,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBa,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBhB,EAAmB0B,YAAc"}
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":"+WAmBMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,KAAwCF,EAAhCG,EAAKC,EAAAJ,EAAAK,GACxC,MAAOC,EAAcC,GAAiBC,EAAUN,GAEhD,OACEO,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNd,GAEJM,MAAAC,cAACC,EAAS,CACRO,MAAO3B,EAAOC,KACdqB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELL,GACFQ,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAO3B,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBa,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBhB,EAAmB0B,YAAc"}

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

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

package/dist/lib/esm/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","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"~~ifAYMA~~,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,~~EAAUA~~,~~YAAC,~~CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,GACzCR,EADoDS,EAAKC,EAAAV,EAAAW,GAExE,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GAMzCM,EAAeC,~~WAAQ~~,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNb,UAAW,GACR,CAAG,GAAE,CAACE,IAMLY,EAAiBH,~~EAAAA~~,~~SAAQ,~~SAClBI,IAAXZ,IAAmC,IAAXA,EACtBa,EAAgBC,OAChB,MAAO,CAACd,IAMNe,EAASP,~~EAAOA~~,~~SAAC,~~IAAAQ,EAAAA,EAAAA,EAAAA,EAAAA,EAEhBX,CAAAA,EAAAA,GACCA,EAAUY,MAAQ,CAAEC,WAAY9B,EAAiBiB,EAAUY,QAAqB,CAAE,GAClFZ,EAAUc,QAAU,CAAEC,eAAgBhC,EAAiBiB,EAAUc,UAAuB,IACxFd,EAAUgB,WAAaV,EAAiB,CAAEW,cAAejB,EAAUgB,WAAaV,GAAmB,CAAA,GACpGhB,IAEJ,CAACgB,EAAgBN,EAAWV,IAE/B,OACE4B,MAAAC,oBAAAC,EAAA,CAAA,EACO/B,EAAK,CAAEA,GAAE,GAAAgC,OAAKhC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAW6B,EACTC,EAAQ,cACR9B,GAEFH,MAAOoB,GACHX,EAAS,CACb,cAAaA,EAAUyB,YAAczB,EAAU,gBAAkBV,GAC7Da,GAEHX,EACG,IAIVN,EAAsBwC,YAAc,8BAMvBC,EAAgCC,~~EAAIA~~,~~KAAiB1C,~~GAElEyC,EAAUD,YAAc"}
1	+ {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/*\n Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n /\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\n/\n Resolves flex alignment and justification properties based on the provided value.\n * @param {string \| undefined} value - The value to resolve.\n * @returns {string \| undefined} - Resolved flex property value.\n /\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n/\n Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> \| undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n /\nconst LayoutBoxRefForwarded = forwardRef(({\n id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined \| null) => {\n const { dataProps, restProps } = useParseProps(props)\n\n /\n Memoized onClick event properties.\n * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n /\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n /\n Memoized resolved direction based on the column prop.\n * @type {LayoutDirection}\n /\n const resolvedColumn = useMemo(() => ((\n column !== undefined && column === true)\n ? LayoutDirection.COLUMN\n : null), [column])\n\n /\n Memoized styles combining parsed props and additional styles.\n * @type {CSSProperties}\n /\n const styles = useMemo(() => (\n {\n ...restProps,\n ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n ...(restProps.direction \|\| resolvedColumn ? { flexDirection: restProps.direction \|\| resolvedColumn } : {}),\n ...style,\n }\n ), [resolvedColumn, restProps, style])\n\n return (\n <div\n {...(id ? { id: `${id}` } : {})}\n ref={ref}\n tabIndex={tabIndex}\n className={classNames(\n classes['layout-box'],\n className,\n )}\n style={styles as CSSProperties}\n {...dataProps}\n data-testid={dataProps.dataTestId \|\| dataProps['data-testid'] \|\| id}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/\n Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","_objectWithoutProperties","_excluded","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"yeAYMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,GACzCR,EADoDS,EAAKC,EAAAV,EAAAW,GAExE,MAAMC,UAAEA,EAASC,UAAEA,GAAcC,EAAcL,GAMzCM,EAAeC,GAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNb,UAAW,GACR,CAAG,GAAE,CAACE,IAMLY,EAAiBH,GAAQ,SAClBI,IAAXZ,IAAmC,IAAXA,EACtBa,EAAgBC,OAChB,MAAO,CAACd,IAMNe,EAASP,GAAQ,IAAAQ,EAAAA,EAAAA,EAAAA,EAAAA,EAEhBX,CAAAA,EAAAA,GACCA,EAAUY,MAAQ,CAAEC,WAAY9B,EAAiBiB,EAAUY,QAAqB,CAAE,GAClFZ,EAAUc,QAAU,CAAEC,eAAgBhC,EAAiBiB,EAAUc,UAAuB,IACxFd,EAAUgB,WAAaV,EAAiB,CAAEW,cAAejB,EAAUgB,WAAaV,GAAmB,CAAA,GACpGhB,IAEJ,CAACgB,EAAgBN,EAAWV,IAE/B,OACE4B,MAAAC,oBAAAC,EAAA,CAAA,EACO/B,EAAK,CAAEA,GAAE,GAAAgC,OAAKhC,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAW6B,EACTC,EAAQ,cACR9B,GAEFH,MAAOoB,GACHX,EAAS,CACb,cAAaA,EAAUyB,YAAczB,EAAU,gBAAkBV,GAC7Da,GAEHX,EACG,IAIVN,EAAsBwC,YAAc,8BAMvBC,EAAgCC,EAAqB1C,GAElEyC,EAAUD,YAAc"}

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

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