npm - @e1011/es-kit - Versions diffs - 1.0.168 → 1.0.170 - Mend

@e1011/es-kit 1.0.168 → 1.0.170

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

package/dist/lib/esm/src/core/hooks/useThemePreference.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\nexport const observeThemePreference = (\n getHtmlElement: () => HTMLElement = () => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean) => isDark,\n) => {\n const switchColorThemeHandler = (isDark: boolean) => {\n const htmlElement = getHtmlElement()\n\n switchColorTheme?.(isDark, htmlElement)\n switchCallback?.(isDark)\n }\n\n const changeDarkColorThemeHandler = (event: MediaQueryListEvent) => {\n switchColorThemeHandler(event.matches)\n }\n\n const changeLightColorThemeHandler = (event: MediaQueryListEvent) => {\n switchColorThemeHandler(!event.matches)\n }\n\n const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n try {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n } catch (error) {\n console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n }\n\n switchColorThemeHandler(isDark?.matches)\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n\n return () => {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n }\n}\n\nexport const useThemePreference = (\n getHtmlElement: () => HTMLElement = () => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean) => isDark,\n) => {\n useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n\nexport const baseThemes: {\n dark: string\n light: string\n} = {\n dark: 'theme-dark',\n light: 'theme-light',\n}\n\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true) => {\n const oldClass = isDark ? baseThemes.light : baseThemes.dark\n const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n if (htmlElement) {\n htmlElement.classList.remove(oldClass)\n htmlElement.classList.remove(newClass)\n htmlElement.classList.add(newClass)\n }\n\n if (typeof document !== 'undefined') {\n document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n element.classList.add(`.${newClass}`)\n element.classList.remove(`.${oldClass}`)\n })\n\n if (findShadows) {\n document.querySelectorAll('.shadow-div').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n })\n\n document.querySelectorAll('vcmf-wrapper').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n if (firstChild) {\n firstChild.classList.add(newClass)\n firstChild.classList.remove(oldClass)\n }\n })\n }\n }\n}\n\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement) => {\n let resolvedIsDark: boolean = isDark || false\n\n if (typeof document !== 'undefined' && isDark === undefined) {\n resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n }\n switchColorTheme(resolvedIsDark, htmlElement || document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","useThemePreference","useEffect","baseThemes","dark","light","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","resolvedIsDark","contains"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as o,useState as t,useEffect as r,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import c from"./CollapsibleContainer.module.scss.js";const i={width:"scrollWidth",height:"scrollHeight"},p=l((l=>{let{collapsed:p=!1,collapseHandler:m,children:u,horizontal:d=!1,className:h="",...x}=l;const f=o(null),[g,j]=t(0),{dataProps:b,restProps:w}=n(x),P=!d;r((()=>{null==m||m(p)}),[m,p]),s((()=>{if(null!=f&&f.current){const e=P?"height":"width";setTimeout((()=>{null!=f&&f.current&&j(f.current[i[e]])}),100)}}),[f,P]);const v=a((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(g,"px"),...w})),[P,w,g]),C=a((()=>{const e=[P?c.vertical:c.horizontal];return p&&g&&null!=g&&e.push(c.collapsed),!p&&g&&null!=g&&e.push(c.expanded),e.join(" ")}),[p,g,P]);return React.createElement("div",e({className:"".concat(c["collapsible-container"]," ").concat(C," ").concat(h," "),ref:f,style:v},b),u)}));p.displayName="CollapsibleContainer";export{p as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as o,useState as l,useEffect as a,useLayoutEffect as r,useMemo as s}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import i from"./CollapsibleContainer.module.scss.js";const c={width:"scrollWidth",height:"scrollHeight"},d=t((t=>{let{collapsed:d=!1,collapseHandler:p,children:m,horizontal:u=!1,className:h="",id:x,...f}=t;const g=o(null),[j,b]=l(0),{dataProps:v,restProps:w}=n(f),P=!u;a((()=>{null==p||p(d)}),[p,d]),r((()=>{if(null!=g&&g.current){const e=P?"height":"width";setTimeout((()=>{null!=g&&g.current&&b(g.current[c[e]])}),100)}}),[g,P]);const C=s((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(j,"px"),...w})),[P,w,j]),H=s((()=>{const e=[P?i.vertical:i.horizontal];return d&&j&&null!=j&&e.push(i.collapsed),!d&&j&&null!=j&&e.push(i.expanded),e.join(" ")}),[d,j,P]);return React.createElement("div",e({id:"".concat(void 0!==x&&x||x),className:"".concat(i["collapsible-container"]," ").concat(H," ").concat(h," "),ref:g,style:C},v,{"data-testid":v.dataTestId||v["data-testid"]||x}),m)}));d.displayName="CollapsibleContainer";export{d 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.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n className?: string\n horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n collapsed = false, collapseHandler, children, horizontal = false, className = '', ...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 className={`${classes['collapsible-container']} ${classNames} ${className} `}\n ref={containerRef}\n style={styleProps}\n {...dataProps}\n >\n {children}\n </div>\n )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"~~gYASA~~,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,~~gBAWGC~~,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,~~MAAOC~~,~~GAC3DN~~,EAC1B,~~MAAMO~~,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,~~GAAYZ~~,~~EAElBa~~,GAAU,~~KACRf~~,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,~~IAErBiB~~,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,~~QAAgBxB~~,~~EAAmByB~~,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,~~EAAQtB~~,YAQ1D,OANIH,~~GAAaQ~~,~~GAAbR~~,~~MAA4BQ~~,GAC9BgB,EAAWE,KAAKD,~~EAAQzB~~,YAErBA,~~GAAaQ~~,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,~~CAAC5B~~,~~EAAWQ~~,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,~~UAASmB~~,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,~~OAAInB~~,EAAa,~~KAC7E4B~~,IAAK1B,EACLO,MAAOQ,GACHV,~~GAEHT~~,EACG,IAIVL,~~EAAqBoC~~,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.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 & LayoutBoxProps & {\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","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"gYAYA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,KAAOC,GAC/DP,EAC1B,MAAMQ,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYb,EAElBc,GAAU,KACRhB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBkB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBzB,EAAmB0B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQvB,YAQ1D,OANIH,GAAaS,GAAbT,MAA4BS,GAC9BgB,EAAWE,KAAKD,EAAQ1B,YAErBA,GAAaS,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC7B,EAAWS,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,GAAE,GAAAmB,YAAoB,IAAPnB,GAAsBA,GAAOA,GAC5CD,UAASoB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIpB,EAAa,KAC7E6B,IAAK1B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUsB,YAActB,EAAU,gBAAkBP,IAEhEH,EACG,IAIVL,EAAqBsC,YAAc"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\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\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined) => {\n const { dataProps, restProps } = useParseProps(props)\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\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 ? { flexDirection: restProps.direction } : {}),\n ...style,\n }\n ), [restProps, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n {...dataProps}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\~~nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\~~n\n~~\nLayoutBox.displayName~~ = ~~'LayoutBox'\n\n\n//~~ ~~default~~ ~~flex~~ ~~centralized,~~ ~~100% width and height\~~n// ~~export~~ ~~const~~ ~~FlexWrapper = memo(styled(Flex).attrs((props: Partial~~<~~FlexProps~~>~~) => (\n// {\n// width: props.width \|\| '100%',\n// height: props.height \|\| '100%',\n// justify: props.justify \|\| 'center',\n// align: props.align \|\| 'center',\n// ...props,\n//~~ }\n// ~~))``)\n\n//~~ ~~export~~ const ~~FlexTight = memo(styled(Flex).attrs((props~~: ~~Partial~~<~~FlexProps~~>) ~~=> ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled~~ = memo~~(styled(Flex).attrs((props: Partial~~<~~FlexProps~~>) ~~=> ({~~\n~~// size: 'unset',\n// width: 'initial',\n// style: {~~\~~n// text:~~ ~~'blue',\n// padding:~~ '~~1rem~~'~~,\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)~~\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"~~mPAQA~~,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,~~YAGRC~~,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,~~EAGrGC~~,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,~~MACxCA~~,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,~~KAAYC~~,~~GACxCP~~,EACf,~~MAAMQ~~,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,~~GAEzCI~~,EAAeC,GAAQ,~~IAAON~~,EAAW,CAC7CA,~~UACAO~~,~~UAAWP~~,~~EACXQ~~,KAAM,~~SACNV~~,UAAW,GACR,CAAG,GAAE,CAACE,~~IAELS~~,~~EAASH~~,GAAQ,KACrB,IACKH,KACCA,~~EAAUO~~,MAAQ,CAAEC,~~WAAYrB~~,~~EAAiBa~~,~~EAAUO~~,QAAqB,~~MAChFP~~,~~EAAUS~~,QAAU,CAAEC,~~eAAgBvB~~,~~EAAiBa~~,~~EAAUS~~,UAAuB,~~MACxFT~~,~~EAAUW~~,~~UAAY~~,~~CAAEC~~,~~cAAeZ~~,~~EAAUW~~,~~WAAc~~,~~MAChElB~~,KAEJ,~~CAACO~~,~~EAAWP~~,~~IAEf~~,~~OACEoB~~,MAAAC,~~cAAA~~,~~MAAAC,~~EAAA,~~CACEvB~~,IAAKA,~~EACLG~~,SAAUA,EACVC,UAAS,~~GAAAoB~~,OAAMC,EAAgB,gBAAeD,KAAAA,~~OAAIpB~~,GAClDH,~~MAAOa~~,~~GACHP~~,~~EACAG~~,~~GAEHR~~,EACG,~~IAIVL~~,~~EAAsB6B~~,YAAc,~~8BAEvBC~~,EAAgCC,~~EAAqB/B~~,~~GAGlE8B~~,EAAUD,YAAc"}
1	+ {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\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) => {\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={`${(classes as any)['flexible-box']} ${className}`}\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","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"0SAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAMzCI,EAAeC,GAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,GAAQ,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,GAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,MAChFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,MACxFb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,MACpGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAA,CAAA,EACO5B,EAAK,CAAEA,GAAE,GAAA6B,OAAK7B,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAS,GAAAyB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIzB,GAClDH,MAAOkB,GACHX,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,EAAsBoC,YAAc,8BAMvBC,EAAgCC,EAAqBtC,GAElEqC,EAAUD,YAAc"}

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

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as i,useState as n,useMemo as l,useLayoutEffect as o}from"react";import r from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as d}from"./LayoutBox.js";const h={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},c=t((t=>{let{children:c,debounceDelay:u=250,...a}=t;const s=i(),v=i({width:0,height:0}),[m,g]=n({width:void 0,height:void 0}),p=l((()=>r((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=v.current)||void 0===t?void 0:t.width)===o&&(null===(i=v.current)||void 0===i?void 0:i.height)===r||(v.current={width:o,height:r},g({width:null==s||null===(n=s.current)||void 0===n?void 0:n.clientWidth,height:null==s||null===(l=s.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return o((()=>{let e,t;var i,n;null!=s&&s.current&&(t=null==s?void 0:s.current,e=new ResizeObserver(p),e.observe(t),g({width:null==s||null===(i=s.current)||void 0===i?void 0:i.clientWidth,height:null==s||null===(n=s.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[p,s]),React.createElement(d,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(d,{style:h.main,width:"100%",height:"100%",ref:s}),!c&&React.createElement(d,{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:h.empty}),c&&(null==c?void 0:c({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)})))}));c.displayName="ResizableContainer";export{c as ResizableContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t}from"react";import{useResize as o}from"../../../hooks/useResize.js";import{LayoutBox as i}from"./LayoutBox.js";const n={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},l=t((t=>{let{children:l,debounceDelay:r=250,...a}=t;const[c,s]=o(r);return React.createElement(i,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(i,{style:n.main,width:"100%",height:"100%",ref:c}),!l&&React.createElement(i,{width:"".concat(Math.max((null==s?void 0:s.width)||200,200)||200,"px"),height:"".concat(Math.max((null==s?void 0:s.height)||200,200)||200,"px"),style:n.empty}),l&&(null==l?void 0:l({height:"".concat((null==s?void 0:s.height)||200,"px"),width:"".concat((null==s?void 0:s.width)||200,"px"),measured:!(null==s||!s.height)})))}));l.displayName="ResizableContainer";export{l 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, ~~useState~~, ~~useRef~~, ~~useMemo~~, ~~useLayoutEffect,~~ ~~RefObject, PropsWithChildren~~ } from 'react'\nimport ~~debounce~~ from '~~lodash-es~~/~~debounce~~'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n width: number \| string\n height: number \| string\n measured: boolean\n}\n\~~ntype WrapperSize = {width: undefined \| number; height: undefined \| number}\n\~~nconst styles = {\n main: {\n position: 'absolute',\n zIndex: ~~111~~,\n left: 0,\n pointerEvents: 'none',\n },\n empty: {\n pointerEvents: 'none',\n },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n const containerRef ~~= useRef<HTMLDivElement>()\n\n const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0~~, ~~height: 0 })\n\n const [~~containerSize~~, setContainerSize~~]~~\n =~~ ~~useState<WrapperSize>({ width: undefined, height: undefined })\n\n const debouncedResizeWrapper~~ = ~~useMemo~~(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay)~~, [debounceDelay])~~\n\n useLayoutEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n return (~~) => {~~\n ~~resizeObserver?.unobserve?.(containerElement as Element)\n~~ ~~}\n }, [debouncedResizeWrapper, containerRef])\n\n // END RESIZING\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\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","~~useRef","lastResizeWidthRef","width","height","~~containerSize","~~setContainerSize~~","~~useState~~","~~undefined~~","~~debouncedResizeWrapper~~","~~useMemo~~","~~debounce~~","~~entries~~","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"~~wWAmBA~~,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,~~IACRC~~,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,~~EAAqBC~~,~~GAChCC~~,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,~~MAAMI~~,~~EAAeC~~,~~IAEfC~~,~~EAAqBD~~,~~EAA0C~~,~~CAAEE~~,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,EAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAX,EAAmBkB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,GAE9Db,EAAiB,CACfH,MAAOH,SAAqBe,QAATA,EAAZf,EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQJ,SAAqB,QAATgB,EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACDxB,IAAgB,CAACA,IAuBpB,OArBAyB,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvB3B,SAAAA,EAAcoB,UAChBK,EAAmBzB,aAAAA,EAAAA,EAAcoB,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,GAEvBnB,EAAiB,CACfH,MAAOH,SAAqB0B,QAATA,EAAZ1B,EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQJ,SAAqB,QAAT2B,EAAZ3B,EAAcoB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,EAA4B,CACzD,GACA,CAAChB,EAAwBT,IAK1BkC,MAAAC,cAACC,EAASC,EAAA,~~CACRlC~~,MAAM,OACNC,OAAO,~~OACPkC~~,QAAQ,SACRC,MAAM,SACNC,UAAU,~~UACNzC~~,~~GAEJmC~~,MAAAC,cAACC,EAAS,~~CACRK~~,~~MAAOtD~~,EAAOC,~~KACde~~,MAAM,OACNC,OAAO,~~OACPsC~~,~~IAAK1C~~,KAELH,~~GACFqC~~,MAAAC,cAACC,EAAS,~~CACRjC~~,MAAK,~~GAAAwC~~,OAAKC,KAAKC,~~KAAIxC~~,eAAAA,~~EAAeF~~,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,~~GAAAuC~~,OAAKC,KAAKC,~~KAAIxC~~,eAAAA,~~EAAeD~~,SAAU,IAAK,MAAQ,IAAQ,~~MAClEqC~~,~~MAAOtD~~,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,~~CACtBO~~,~~OAAMuC~~,GAAAA,~~QAAKtC~~,aAAa,EAAbA,~~EAAeD~~,SAAU,IAAO,MAC3CD,~~MAAKwC~~,GAAAA,~~QAAKtC~~,aAAa,EAAbA,~~EAAeF~~,QAAS,IAAO,~~MACzC2C~~,~~WAAYzC~~,UAAAA,~~EAAeD~~,WAEnB,~~IAKlBV~~,~~EAAmBqD~~,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'\nimport { LayoutBoxProps } from './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","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"mSAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,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,MAAOzB,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBW,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBd,EAAmBwB,YAAc"}

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

	@@ -0,0 +1,2 @@
1	+ let n=function(n){return n.ROW="row",n.COLUMN="column",n}({});export{n as LayoutDirection};
2	+ //# sourceMappingURL=layoutBox.types.js.map

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

@@ -0,0 +1 @@

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

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

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

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

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

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import n from"./icon.module.scss.js";const i=e((e=>{let{iconUrl:i,minWidth:c,minHeight:r,size:l,fontSize:s,width:a,height:m,color:h="currentColor",className:u="",children:d,style:p,onClick:b,...f}=e;const g=t((()=>({"--min-width":c||l||a||"auto","--min-height":r||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...s?{fontSize:s}:{},...i?{"--icon-url":"url(".concat(i,")")}:{},...i?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...p})),[c,l,a,r,m,s,i,h,b,p]),w=t((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},f,w,{className:"".concat(n["icon-base"]," icon-base ").concat(u),style:g}),!i&&d&&d)}));i.displayName="IconBase";export{i as IconBase};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as e}from"react";import n from"./icon.module.scss.js";import{unifyIconUrl as i}from"./unifyIconUrl.js";const r=t((t=>{let{iconUrl:r,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,style:f,onClick:b,...g}=t;const y=r&&i(r),j=e((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...y?{"--icon-url":"url(".concat(y,")")}:{},...y?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...f})),[c,s,m,l,u,a,y,h,b,f]),w=e((()=>b?{onClick:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},g,w,{className:"".concat(n["icon-base"]," icon-base ").concat(p),style:j}),!y&&d&&d)}));r.displayName="IconBase";export{r as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n style?: CSSProperties\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(~~iconUrl~~ ? { '--icon-url': `url(${~~iconUrl~~})` } : {}),\n ...(~~iconUrl~~ ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, ~~iconUrl~~, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n ~~onkeyDown: onClick,\n~~ role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!~~iconUrl~~ && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","concat","cursor","onClickProps","~~onkeyDown","~~role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"~~oKAoBaA~~,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,GAAQ,KACrB,CACE,~~cAAeb~~,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,~~MAC1BJ~~,~~EAAU~~,CAAE,aAAY,~~OAAAe~~,~~OAASf~~,~~EAAO~~,MAAQ,~~MAChDA~~,~~EAAU~~,CAAE,~~eAAgBO~~,GAAU,CAAE,uBAAwBA,~~MAChEI~~,EAAU,~~CAAEK~~,OAAQ,WAAc,~~MACnCN~~,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,~~EAAUJ~~,~~EAASO~~,EAAOI,EAASD,~~IAE3EO~~,EAAeH,GAAQ,~~IAAOH~~,EAAW,CAC7CA,~~UACAO~~,~~UAAWP,EACXQ,~~KAAM,SACNC,UAAW,GACR,CAAG,GAAE,~~CAACT~~,IAEX,~~OACEU~~,MAAAC,cAAA,OAAAC,~~EACMX~~,CAAAA,EAAAA,~~EACAK~~,EAAY,~~CAChBT~~,UAAS,~~GAAAO~~,~~OAAKS~~,EAAQ,~~aAAYT~~,eAAAA,~~OAAcP~~,GAChDE,~~MAAOG~~,~~KAEJb~~,~~GAAWS~~,GAAaA,~~EACtB~~,IAIXZ,~~EAAS4B~~,YAAc"}
1	+ {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string \| null\n minWidth?: string \| null\n minHeight?: string \| null\n width?: string \| null\n height?: string \| null\n size?: string \| null\n fontSize?: string \| null\n color?: string \| null\n className?: string \| null\n style?: CSSProperties \| null\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","concat","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAqBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAAiBb,GAAWc,EAAad,GAEzCe,EAASC,GAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAY,OAAAI,OAASJ,EAAc,MAAQ,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEO,OAAQ,WAAc,MACnCR,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFS,EAAeH,GAAQ,IAAOL,EAAW,CAC7CA,UACAS,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACV,IAEX,OACEW,MAAAC,cAAA,OAAAC,EACMZ,CAAAA,EAAAA,EACAO,EAAY,CAChBX,UAAS,GAAAS,OAAKQ,EAAQ,aAAYR,eAAAA,OAAcT,GAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS6B,YAAc"}

package/dist/lib/esm/src/core/ui/components/icon/unifyIconUrl.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"../../../../../node_modules/core-js/modules/es.string.replace.js";import"../../../../../node_modules/core-js/modules/es.string.replace-all.js";import{is as l}from"ramda";const e=e=>{if(!e\|\|!l(String,e)\|\|!e\|\|null!=e&&e.includes(".svg")\|\|null!=e&&e.includes("data:image/svg+xml;base64"))return e;const a=null==e?void 0:e.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return"data:image/svg+xml;base64,".concat(btoa(a))};export{e as unifyIconUrl};
2	+ //# sourceMappingURL=unifyIconUrl.js.map

package/dist/lib/esm/src/core/ui/components/icon/unifyIconUrl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string) => {\n if (!iconUrl || !is(String, iconUrl) || !iconUrl\n || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n return iconUrl\n }\n\n const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n .replaceAll('\\'', '\"')\n .replaceAll('%25', '%')\n .replaceAll('%23', '#')\n .replaceAll('%3c', '<')\n .replaceAll('%3e', '>')\n .replaceAll('%20', ' ')\n .replaceAll('data:image/svg+xml,', '')\n\n return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","String","includes","unifiedIconUrl","replaceAll","concat","btoa"],"mappings":"iLAKaA,MAAAA,EAAgBC,IAC3B,IAAKA,IAAYC,EAAGC,OAAQF,KAAaA,GACtCA,SAAAA,EAASG,SAAS,SAAWH,SAAAA,EAASG,SAAS,6BAChD,OAAOH,EAGT,MAAMI,EAAiBJ,aAAO,EAAPA,EAASK,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAA,6BAAAC,OAAoCC,KAAKH,GAAe"}

package/dist/lib/esm/src/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{createSafeT,setUseTranslation,useTranslations}from"./core/hooks/useTranslations.js";export{outsideClickHandler,useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{useClassNames}from"./core/hooks/useClassNames.js";export{useParseProps}from"./core/hooks/useParseProps.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./core/utils/helpers/objectOperations.js";export{debounce,delay,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./core/utils/helpers/cancelableDelayedFunction.js";export{classNames,mapSerReplacer,noop,parseProps}from"./core/utils/helpers/ui.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./core/utils/webComponents/webComponent.utils.js";export{createStore}from"./core/utils/appState/store/store.vanillajs.js";export{createDataStore}from"./core/utils/appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./core/utils/appState/store/useStore.react.js";export{EventName}from"./core/constants/ui.constants.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{LayoutBox}from"./core/ui/components/container/LayoutBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./core/ui/components/container/Flex.js";export{Placeholder}from"./core/ui/components/container/Placeholder.js";export{CollapsibleContainer}from"./core/ui/components/container/CollapsibleContainer.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{VCIcon,VCIconBase}from"./core/ui/components/icon/IconWC.js";
+export{useApi}from"./core/hooks/useApi.js";export{useToggle}from"./core/hooks/useToggle.js";export{createSafeT,setUseTranslation,useTranslations}from"./core/hooks/useTranslations.js";export{outsideClickHandler,useOutsideClick}from"./core/hooks/useOutsideClick.js";export{useResize}from"./core/hooks/useResize.js";export{useClassNames}from"./core/hooks/useClassNames.js";export{useParseProps}from"./core/hooks/useParseProps.js";export{baseThemes,observeThemePreference,switchColorTheme,updateColorTheme,useThemePreference}from"./core/hooks/useThemePreference.js";export{isBirthNumberValid}from"./core/utils/helpers/birthnumber.validator.js";export{getMatch,isValidFormat,isValidModulo11,parse,regex}from"./core/utils/helpers/birthnumberCZSKvalidator.js";export{parseCSVdata,validateCSVFile,validateCSVlines,validateJSONFile,validateLineCellTrimmed,validateLineNumColumns,validateSDFFile}from"./core/utils/helpers/fileValidator.js";export{DATE_FORMAT,formatDateToTimestamp,getDate}from"./core/utils/helpers/date.js";export{getDeviceId}from"./core/utils/helpers/deviceInfo.js";export{emailMatch,emailMatcher,regexBuilder}from"./core/utils/helpers/emailMatcher.js";export{cleanCsvLines,formatFilePath}from"./core/utils/helpers/file.js";export{arrayToObjectTree,chunkArray,duplicatesInArray,formatJsonString,formatObj,formatObj2}from"./core/utils/helpers/objectOperations.js";export{debounce,delay,memoize,memoizeComplex,memoizer,nestedTernary}from"./core/utils/helpers/other.js";export{escapeRegExp,fileNameExt,findStringInText,normalizeString,removeWhitespaces,sanitizeId,sanitizePathId,toLowerCase,toUpperCase,truncateText}from"./core/utils/helpers/textValueOperations.js";export{Operation,decrementValue,incerementValue,numberDefined,numberOperation,restrictNumberInLimits,setValue}from"./core/utils/helpers/valueOperations.js";export{cancelableSetInterval,cancelableSetTimeout}from"./core/utils/helpers/cancelableDelayedFunction.js";export{classNames,mapSerReplacer,noop,parseProps}from"./core/utils/helpers/ui.js";export{keyExtractor,keyExtractorFunction}from"./core/utils/keyExtractor.js";export{dateRangeFormat,getDateTime,getTimeFromNow,getTimeFromNowOriginal,getTimeTo}from"./core/utils/date.js";export{ced,createResolveAttribute,customElementDefine,resolveAttributes}from"./core/utils/webComponents/webComponent.utils.js";export{createStore}from"./core/utils/appState/store/store.vanillajs.js";export{createDataStore}from"./core/utils/appState/store/store.vanillajs.templates.js";export{useStore,useStoreApi}from"./core/utils/appState/store/useStore.react.js";export{EventName}from"./core/constants/ui.constants.js";export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./core/ui/utils/style.js";export{LayoutBox}from"./core/ui/components/container/LayoutBox.js";export{LayoutDirection}from"./core/ui/components/container/layoutBox.types.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./core/ui/components/container/Flex.js";export{Placeholder}from"./core/ui/components/container/Placeholder.js";export{CollapsibleContainer}from"./core/ui/components/container/CollapsibleContainer.js";export{ResizableContainer}from"./core/ui/components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./core/ui/components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./core/ui/components/dividers/DividerLine.js";export{IconBase}from"./core/ui/components/icon/IconBase.js";export{Icon}from"./core/ui/components/icon/Icon.js";export{VCIcon,VCIconBase}from"./core/ui/components/icon/IconWC.js";
 //# sourceMappingURL=index.js.map

package/dist/lib/src/core/hooks/index.js CHANGED Viewed

@@ -5,4 +5,5 @@ export * from './useOutsideClick';
 export * from './useResize';
 export * from './useClassNames';
 export * from './useParseProps';
+export * from './useThemePreference';
 //# sourceMappingURL=index.js.map

package/dist/lib/src/core/hooks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}

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

@@ -2,11 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState, memo, useEffect, useLayoutEffect, useMemo } from 'react';
 import { useParseProps } from '../../../hooks/useParseProps';
 import classes from './CollapsibleContainer.module.scss';
+/**
+ * Mapping of element property names for calculating dimensions.
+ */
 const elementPropNameMap = {
     width: 'scrollWidth',
     height: 'scrollHeight',
 };
-export const CollapsibleContainer = memo(({ collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props }) => {
+/**
+ * CollapsibleContainer component.
+ *
+ * @type {React.FC<CollapsibleContainerProps>}
+ * @returns {React.ReactElement} The CollapsibleContainer.
+ */
+export const CollapsibleContainer = memo(({ collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props }) => {
     const containerRef = useRef(null);
     const [contentProp, setContentProp] = useState(0);
     const { dataProps, restProps: style } = useParseProps(props);
@@ -41,7 +50,7 @@ export const CollapsibleContainer = memo(({ collapsed = false, collapseHandler,
         }
         return classNames.join(' ');
     }, [collapsed, contentProp, vertical]);
-    return (_jsx("div", { className: `${classes['collapsible-container']} ${classNames} ${className} `, ref: containerRef, style: styleProps, ...dataProps, children: children }));
+    return (_jsx("div", { id: `${(typeof id !== 'undefined' && id) || id}`, className: `${classes['collapsible-container']} ${classNames} ${className} `, ref: containerRef, style: styleProps, ...dataProps, "data-testid": dataProps.dataTestId || dataProps['data-testid'] || id, children: children }));
 });
 CollapsibleContainer.displayName = 'CollapsibleContainer';
 //# sourceMappingURL=CollapsibleContainer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsibleContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EACjC,SAAS,EAAE,eAAe,EAAE,OAAO,EAAoC,MAAM,OAAO,CAAA;AAEtF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D,OAAO,OAAO,MAAM,oCAAoC,CAAA;AAIxD,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;~~AAUD~~,MAAM,CAAC,MAAM,oBAAoB,GAAkC,IAAI,CAAC,CAAC,EACvE,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,~~EAChE~~,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAE5D,MAAM,QAAQ,GAAG,CAAC,UAAU,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAA;YAE9C,uCAAuC;YACvC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,YAAY,EAAE,OAAO,EAAE;oBACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;iBAC5E;YACH,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,MAAM,UAAU,GAAkB,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC/C,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;QAC5C,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW;QACxD,cAAc,EAAE,GAAG,WAAW,IAAI;QAClC,GAAG,KAAK;KACS,CAAA,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAEpD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;QAErE,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;YACjF,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;SACnC;QACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;YAClF,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;SAClC;QACD,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtC,OAAO,CACL,cACE,SAAS,EAAE,GAAG,OAAO,CAAC,uBAAuB,CAAC,IAAI,UAAU,IAAI,SAAS,GAAG,EAC5E,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,UAAU,KACb,SAAS,~~YAEZ~~,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAA"}
1	+ {"version":3,"file":"CollapsibleContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":"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"}

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

@@ -1,32 +1,67 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo, forwardRef } from 'react';
 import { useParseProps } from '../../../hooks/useParseProps';
+import { LayoutDirection } from './layoutBox.types';
 import classes from './layoutBox.module.scss';
+/**
+ * Map of flex values for resolving flex alignment and justification.
+ * @type {Record<string, string>}
+ */
 const flexValueMap = {
     start: 'flex-start',
     'flex-start': 'flex-start',
     end: 'flex-end',
     'flex-end': 'flex-end',
 };
+/**
+ * Resolves flex alignment and justification properties based on the provided value.
+ * @param {string | undefined} value - The value to resolve.
+ * @returns {string | undefined} - Resolved flex property value.
+ */
 const resolveFlexProps = (value) => (value ? (flexValueMap[value] || value) : value);
-const LayoutBoxRefForwarded = forwardRef(({ style, children, tabIndex, className = '', onClick, ...props }, ref) => {
+/**
+ * Forwarded ref version of the LayoutBox component.
+ * @param {LayoutBoxProps} props - Props for the LayoutBox component.
+ * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.
+ * @returns {JSX.Element} - Rendered LayoutBox component.
+ */
+const LayoutBoxRefForwarded = forwardRef(({ id, style, children, tabIndex, className = '', onClick, column, ...props }, ref) => {
     const { dataProps, restProps } = useParseProps(props);
+    /**
+     * Memoized onClick event properties.
+     * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}
+     */
     const onClickProps = useMemo(() => (onClick ? ({
         onClick,
         onKeyDown: onClick,
         role: 'button',
         tabIndex: -1,
     }) : {}), [onClick]);
+    /**
+     * Memoized resolved direction based on the column prop.
+     * @type {LayoutDirection}
+     */
+    const resolvedColumn = useMemo(() => ((column !== undefined && column === true)
+        ? LayoutDirection.COLUMN
+        : null), [column]);
+    /**
+     * Memoized styles combining parsed props and additional styles.
+     * @type {CSSProperties}
+     */
     const styles = useMemo(() => ({
         ...restProps,
         ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align) } : {}),
         ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify) } : {}),
-        ...(restProps.direction ? { flexDirection: restProps.direction } : {}),
+        ...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),
         ...style,
-    }), [restProps, style]);
-    return (_jsx("div", { ref: ref, tabIndex: tabIndex, className: `${classes['flexible-box']} ${className}`, style: styles, ...dataProps, ...onClickProps, children: children }));
+    }), [resolvedColumn, restProps, style]);
+    return (_jsx("div", { ...(id ? { id: `${id}` } : {}), ref: ref, tabIndex: tabIndex, className: `${classes['flexible-box']} ${className}`, style: styles, ...dataProps, "data-testid": dataProps.dataTestId || dataProps['data-testid'] || id, ...onClickProps, children: children }));
 });
 LayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded';
+/**
+ * Memoized and memoized LayoutBox component.
+ * @type {FC<LayoutBoxProps>}
+ */
 export const LayoutBox = memo(LayoutBoxRefForwarded);
 LayoutBox.displayName = 'LayoutBox';
 //# sourceMappingURL=LayoutBox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBox.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAM,OAAO,EAAiB,UAAU,EAAa,MAAM,OAAO,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;~~AAG5D~~,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAG7C,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,YAAY;IACnB,YAAY,EAAE,YAAY;IAC1B,GAAG,EAAE,UAAU;IACf,UAAU,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAsB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;~~AAGjH~~,MAAM,qBAAqB,GAAG,UAAU,CAAC,CAAC,EACxC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,~~EAC7C~~,EAAE,GAA0C,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAErD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO;QACP,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,GAAG,SAAS;QACZ,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,KAAe,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvF,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,gBAAgB,CAAC,SAAS,CAAC,OAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/F,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;~~QACtE~~,GAAG,KAAK;KACT,CACF,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;~~IAEtB~~,OAAO,CACL,~~cACE~~,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,SAAS,EAAE,EAC7D,KAAK,EAAE,MAAuB,KAC1B,SAAS,~~KACT~~,YAAY,YAEf,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAiB,qBAAqB,CAAC,CAAA;~~AAGxF~~,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
1	+ {"version":3,"file":"LayoutBox.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState, useRef, useMemo, useLayoutEffect } from 'react';
-import debounce from 'lodash-es/debounce';
+import { memo } from 'react';
+import { useResize } from '../../../hooks/useResize';
 import { LayoutBox } from './LayoutBox';
 const styles = {
     main: {
         position: 'absolute',
-        zIndex: 111,
+        zIndex: 1,
         left: 0,
         pointerEvents: 'none',
     },
@@ -14,39 +14,7 @@ const styles = {
     },
 };
 export const ResizableContainer = memo(({ children, debounceDelay = 250, ...props }) => {
-    const containerRef = useRef();
-    const lastResizeWidthRef = useRef({ width: 0, height: 0 });
-    const [containerSize, setContainerSize] = useState({ width: undefined, height: undefined });
-    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {
-        const newResizeWidth = entries[0].contentRect.width;
-        const newResizeHeight = entries[0].contentRect.height;
-        if (lastResizeWidthRef.current?.width === newResizeWidth
-            && lastResizeWidthRef.current?.height === newResizeHeight) {
-            return;
-        }
-        lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight };
-        setContainerSize({
-            width: containerRef?.current?.clientWidth,
-            height: containerRef?.current?.clientHeight,
-        });
-    }, debounceDelay), [debounceDelay]);
-    useLayoutEffect(() => {
-        let resizeObserver;
-        let containerElement;
-        if (containerRef?.current) {
-            containerElement = containerRef?.current;
-            resizeObserver = new ResizeObserver(debouncedResizeWrapper);
-            resizeObserver.observe(containerElement);
-            setContainerSize({
-                width: containerRef?.current?.clientWidth,
-                height: containerRef?.current?.clientHeight,
-            });
-        }
-        return () => {
-            resizeObserver?.unobserve?.(containerElement);
-        };
-    }, [debouncedResizeWrapper, containerRef]);
-    // END RESIZING
+    const [containerRef, containerSize] = useResize(debounceDelay);
     return (_jsxs(LayoutBox, { width: '100%', height: '100%', justify: 'center', align: 'center', direction: 'column', ...props, children: [_jsx(LayoutBox, { style: styles.main, width: '100%', height: '100%', ref: containerRef }), !children && (_jsx(LayoutBox, { width: `${Math.max(containerSize?.width || 200, 200) || 200}px`, height: `${Math.max(containerSize?.height || 200, 200) || 200}px`, style: styles.empty })), children && children?.({
                 height: `${containerSize?.height || 200}px`,
                 width: `${containerSize?.width || 200}px`,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ResizableContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,~~EAAE~~,~~QAAQ,EAAE,~~MAAM,~~EAAE,~~OAAO,~~EAAE,eAAe,EAAgC,MAAM,OAAO,~~CAAA;~~AACtG~~,OAAO,~~QAAQ~~,MAAM,~~oBAAoB~~,CAAA;~~AAEzC~~,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;~~AAgBvC~~,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,~~GAAG~~;~~QACX~~,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,MAAM;KACtB;IACD,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;KACtB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,~~GAAG~~,IAAI,~~CACpC~~,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,~~YAAY,GAAG,MAAM,EAAkB,CAAA;IAE7C,MAAM,kBAAkB,GAAG,MAAM,CAAoC,EAAE,KAAK,EAAE,~~CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAE7F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAc,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IAEhE,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAA;QACnD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAA;QAErD,IAAI,kBAAkB,CAAC,OAAO,EAAE,KAAK,KAAK,cAAc;eACrD,kBAAkB,CAAC,OAAO,EAAE,MAAM,KAAK,eAAe,EAAE;YACzD,OAAM;SACP;QACD,kBAAkB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE,CAAA;QAE/E,gBAAgB,CAAC;YACf,KAAK,EAAE,YAAY,EAAE,~~OAAO,EAAE,WAAW;YACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;SAC5C,CAAC,CAAA;IACJ,CAAC,EAAE,~~aAAa,CAAC,~~EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnC,eAAe,CAAC,~~GAAG,EAAE;QACnB,IAAI,cAA8B,CAAA;QAClC,IAAI,gBAA6B,CAAA;QAEjC,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,gBAAgB,GAAG,YAAY,EAAE,OAAO,CAAA;YACxC,cAAc,GAAG,IAAI,cAAc,CAAC,sBAAsB,CAAC,CAAA;YAC3D,cAAc,CAAC,OAAO,CAAC,gBAA2B,CAAC,CAAA;YAEnD,gBAAgB,CAAC;gBACf,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW;gBACzC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY;aAC5C,CAAC,CAAA;SACH;QACD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,SAAS,~~EAAE,~~CAAC,~~gBAA2B~~,CAAC,CAAA;~~QAC1D~~,~~CAAC,CAAA;IACH,CAAC,EAAE,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,eAAe;IAEf,~~OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,QAAQ,KACd,KAAK,aAET,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,YAAyC,GAC9C,EACD,CAAC,QAAQ,IAAI,CACd,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EACjE,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACD,EACA,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,aAAa,EAAE,MAAM,IAAI,GAAG,IAAI;gBAC3C,KAAK,EAAE,GAAG,aAAa,EAAE,KAAK,IAAI,GAAG,IAAI;gBACzC,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM;aACD,CAAC,IACzB,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
1	+ {"version":3,"file":"ResizableContainer.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkD,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAevC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,MAAM;KACtB;IACD,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;KACtB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAgC,IAAI,CACjE,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,CAAA;IAE9D,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,QAAQ,KACd,KAAK,aAET,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,YAAyC,GAC9C,EACD,CAAC,QAAQ,IAAI,CACd,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EACjE,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACD,EACA,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,aAAa,EAAE,MAAM,IAAI,GAAG,IAAI;gBAC3C,KAAK,EAAE,GAAG,aAAa,EAAE,KAAK,IAAI,GAAG,IAAI;gBACzC,QAAQ,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM;aACD,CAAC,IACzB,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

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

@@ -1,2 +1,9 @@
-export {};
+/**
+ * Enum representing the possible layout directions.
+ */
+export var LayoutDirection;
+(function (LayoutDirection) {
+    LayoutDirection["ROW"] = "row";
+    LayoutDirection["COLUMN"] = "column";
+})(LayoutDirection || (LayoutDirection = {}));
 //# sourceMappingURL=layoutBox.types.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"layoutBox.types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"names":[],"mappings":""}
1	+ {"version":3,"file":"layoutBox.types.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/jsx-props-no-spreading */
 import { memo, useMemo } from 'react';
 import classes from './divider.module.scss';
-export const DividerLine = memo(({ orientation, vertical, color = '#999999', opacity, length = '80%', left = '0', width = '1px', height = '1px', margin, className = '', }) => {
+export const DividerLine = memo(({ orientation, vertical, color = 'var(--divider-line)', opacity, length = '80%', left = '0', width = '1px', height = '1px', margin, className = '', }) => {
     const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical]);
     const styles = useMemo(() => ({
         '--width': width,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,uBAAuB,CAAA;~~AAgB3C~~,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAe,CAAC,EAC/D,WAAW,EAAE,QAAQ,EACrB,KAAK,GAAG,~~SAAS~~,~~EACjB~~,OAAO,EACP,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAC1B,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAC7B,MAAM,EACN,SAAS,GAAG,EAAE,GACD,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1G,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;KACzD,CACF,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAA;IAEtE,OAAO,CACL,cACE,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,WAAW,IAAI,SAAS,EAAE,EAC5E,KAAK,EAAE,MAAuB,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AAC7D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
1	+ {"version":3,"file":"DividerLine.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,EAAE,IAAI,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAe3C,MAAM,CAAC,MAAM,WAAW,GAAqB,IAAI,CAAe,CAAC,EAC/D,WAAW,EAAE,QAAQ,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,GAAG,EAC1B,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAC7B,MAAM,EACN,SAAS,GAAG,EAAE,GACD,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,KAAK,UAAU,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1G,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;KACzD,CACF,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAA;IAEtE,OAAO,CACL,cACE,SAAS,EAAE,GAAI,OAAe,CAAC,cAAc,CAAC,IAAI,WAAW,IAAI,SAAS,EAAE,EAC5E,KAAK,EAAE,MAAuB,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GACxB,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AACtE,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,MAAM,EAAC,MAAM,KAAK,KAAK,GAAI,CAAC,CAAA;AAC7D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/lib/src/core/ui/components/icon/IconBase.js CHANGED Viewed

@@ -1,25 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import classes from './icon.module.scss';
+import { unifyIconUrl } from './unifyIconUrl';
 export const IconBase = memo(({ iconUrl, minWidth, minHeight, size, fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props }) => {
+    const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl);
     const styles = useMemo(() => ({
         '--min-width': minWidth || size || width || 'auto',
         '--min-height': minHeight || size || height || 'auto',
         '--width': size || width || '1rem',
         '--height': size || height || '1rem',
         ...(fontSize ? { fontSize } : {}),
-        ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),
-        ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),
+        ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),
+        ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),
         ...(onClick ? { cursor: 'pointer' } : {}),
         ...style,
-    }), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style]);
+    }), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style]);
     const onClickProps = useMemo(() => (onClick ? ({
         onClick,
-        onkeyDown: onClick,
         role: 'button',
         tabIndex: -1,
     }) : {}), [onClick]);
-    return (_jsx("span", { ...props, ...onClickProps, className: `${classes['icon-base']} icon-base ${className}`, style: styles, children: (!iconUrl && children) && children }));
+    return (_jsx("span", { ...props, ...onClickProps, className: `${classes['icon-base']} icon-base ${className}`, style: styles, children: (!unifiedIconUrl && children) && children }));
 });
 IconBase.displayName = 'IconBase';
 //# sourceMappingURL=IconBase.js.map

package/dist/lib/src/core/ui/components/icon/IconBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqC,MAAM,OAAO,CAAA;AAEvF,OAAO,OAAO,MAAM,oBAAoB,CAAA;~~AAkBxC~~,MAAM,CAAC,MAAM,QAAQ,GAAqB,IAAI,CAAe,CAAC,EAC5D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAClC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EACtF,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM;QAClD,cAAc,EAAE,SAAS,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM;QACrD,SAAS,EAAE,IAAI,IAAI,KAAK,IAAI,MAAM;QAClC,UAAU,EAAE,IAAI,IAAI,MAAM,IAAI,MAAM;QACpC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,~~OAAO~~,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;~~QACvD~~,GAAG,CAAC,~~OAAO~~,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;~~QAC5E~~,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,GAAG,KAAK;KACT,CACF,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,~~OAAO~~,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;~~IAExF~~,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO;QACP,~~SAAS,EAAE,OAAO;QAClB,~~IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,kBACM,KAAK,KACL,YAAY,EAChB,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EAC3D,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,~~OAAO~~,IAAI,QAAQ,CAAC,IAAI,QAAQ,~~GAC9B~~,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
1	+ {"version":3,"file":"IconBase.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,OAAO,EAAqC,MAAM,OAAO,CAAA;AAEvF,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAkB7C,MAAM,CAAC,MAAM,QAAQ,GAAqB,IAAI,CAAe,CAAC,EAC5D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAClC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EACtF,EAAE,EAAE;IACjB,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;QACE,aAAa,EAAE,QAAQ,IAAI,IAAI,IAAI,KAAK,IAAI,MAAM;QAClD,cAAc,EAAE,SAAS,IAAI,IAAI,IAAI,MAAM,IAAI,MAAM;QACrD,SAAS,EAAE,IAAI,IAAI,KAAK,IAAI,MAAM;QAClC,UAAU,EAAE,IAAI,IAAI,MAAM,IAAI,MAAM;QACpC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,cAAc,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC;QACnF,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,GAAG,KAAK;KACT,CACF,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAE/F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7C,OAAO;QACP,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,kBACM,KAAK,KACL,YAAY,EAChB,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,SAAS,EAAE,EAC3D,KAAK,EAAE,MAAuB,YAE7B,CAAC,CAAC,cAAc,IAAI,QAAQ,CAAC,IAAI,QAAQ,GACrC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}