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

@e1011/es-kit 1.1.76 → 1.1.80

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

Files changed (1772) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = 'var(--divider-line)',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","~~reactExports","~~_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","default","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"~~uLAkBaA~~,EAAgCC,~~EAAIC~~,~~aAAAD~~,~~MAAeE,~~IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,~~wBAAQ~~,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,~~aAAAA,~~SAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAOC,QAACd,SAAWa,EAAOC,QAACC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACET,UAASU,GAAAA,OAAML,EAAOC,QAAS,gBAAeI,KAAAA,OAAIN,EAAW,KAAAM,OAAIV,GACjEW,MAAOR,GACP,~~IAINhB~~,~~EAAYyB~~,YAAc,cAEbC,MAAAA,~~EACTzB~~,~~EAAIC~~,~~aAAAD~~,~~MAAE0B,~~GAAUN,MAAAC,~~cAACtB~~,~~EAAW4B~~,UAAA,CAACvB,UAAQ,EAACG,OAAO,QAAWmB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,~~EACT5B~~,~~EAAIC~~,~~aAAAD~~,~~MAAE0B,~~GAAUN,MAAAC,~~cAACtB~~,~~EAAW4B~~,UAAA,CAACpB,OAAO,QAAWmB,MACnDE,EAAkBJ,YAAc"}
1	+ {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = 'var(--divider-line)',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","default","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"kJAkBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,WAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,EAAAA,SAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAOC,QAACd,SAAWa,EAAOC,QAACC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACET,UAASU,GAAAA,OAAML,EAAOC,QAAS,gBAAeI,KAAAA,OAAIN,EAAW,KAAAM,OAAIV,GACjEW,MAAOR,GACP,IAINf,EAAYwB,YAAc,cAEbC,MAAAA,EACTxB,EAAIA,MAAEyB,GAAUN,MAAAC,cAACrB,EAAW2B,UAAA,CAACvB,UAAQ,EAACG,OAAO,QAAWmB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT3B,EAAIA,MAAEyB,GAAUN,MAAAC,cAACrB,EAAW2B,UAAA,CAACpB,OAAO,QAAWmB,MACnDE,EAAkBJ,YAAc"}

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

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

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

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

package/dist/lib/cjs/src/core/ui/components/field/Field.js CHANGED Viewed

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

package/dist/lib/cjs/src/core/ui/components/field/Field.js.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../node_modules/react/index.js").reactExports.memo((e=>{let{icon:c,className:a,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":c.prefix,"data-icon":c.iconName,className:"svg-inline--fa fa-".concat(c.iconName," ").concat(a),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(c.icon[0]," ").concat(c.icon[1])},React.createElement("path",{fill:o,d:c.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
+"use strict";const e=require("react").memo((e=>{let{icon:c,className:a,color:o="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":c.prefix,"data-icon":c.iconName,className:"svg-inline--fa fa-".concat(c.iconName," ").concat(a),role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(c.icon[0]," ").concat(c.icon[1])},React.createElement("path",{fill:o,d:c.icon[4]}))}));e.displayName="Icon",exports.Icon=e;
 //# sourceMappingURL=Icon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n icon: {\n prefix: string\n iconName: string\n icon: any[]\n }\n className?: string\n color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n <svg\n aria-hidden='true'\n focusable='false'\n data-prefix={icon.prefix}\n data-icon={icon.iconName}\n className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n role='img'\n xmlns='http://www.w3.org/2000/svg'\n viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n >\n <path\n fill={color}\n d={icon.icon[4]}\n />\n </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","~~reactExports","~~memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"aAYaA,MAAAA,~~wDAAWC~~,~~aAAAC,~~MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAS,qBAAAO,OAAuBR,EAAKO,SAAQC,KAAAA,OAAIP,GACjDQ,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAASR,EAAKA,KAAK,GAAE,KAAAQ,OAAIR,EAAKA,KAAK,KAE1CG,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGb,EAAKA,KAAK,KAEX,~~IAGRJ~~,~~EAAKkB~~,YAAc"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n icon: {\n prefix: string\n iconName: string\n icon: any[]\n }\n className?: string\n color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n <svg\n aria-hidden='true'\n focusable='false'\n data-prefix={icon.prefix}\n data-icon={icon.iconName}\n className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n role='img'\n xmlns='http://www.w3.org/2000/svg'\n viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n >\n <path\n fill={color}\n d={icon.icon[4]}\n />\n </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","concat","role","xmlns","viewBox","fill","d","displayName"],"mappings":"aAYaA,MAAAA,mBAAWC,MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAS,qBAAAO,OAAuBR,EAAKO,SAAQC,KAAAA,OAAIP,GACjDQ,KAAK,MACLC,MAAM,6BACNC,eAAOH,OAASR,EAAKA,KAAK,GAAE,KAAAQ,OAAIR,EAAKA,KAAK,KAE1CG,MAAAC,cAAA,OAAA,CACEQ,KAAMV,EACNW,EAAGb,EAAKA,KAAK,KAEX,IAGRH,EAAKiB,YAAc"}

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

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

package/dist/lib/cjs/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, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = 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 \| KeyboardEvent) => void\n icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\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 {(!unifiedIconUrl && icon) && icon}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","~~reactExports","~~_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","_objectWithoutProperties","_excluded","unifiedIconUrl","unifyIconUrl","styles","useMemo","_objectSpread","objectSpread2","concat","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"~~mVAsBaA~~,EAA8BC,~~EAAIC~~,~~aAAAD~~,~~MAAgBE,~~IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,GAC1Eb,EADsFc,EAAKC,EAAAA,wBAAAf,EAAAgB,GAEzG,MAAMC,EAAiBhB,GAAWiB,EAAYA,aAACjB,GAEzCkB,EAASC,EAAAA,~~aAAAA,~~SAAQ,IAAAC,EAAAA,cAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAenB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,QAC1BF,EAAW,CAAEA,YAAa,CAAA,GAC1BY,EAAiB,CAAE,aAAY,OAAAM,OAASN,EAAc,MAAQ,CAAA,GAC9DA,EAAiB,CAAE,eAAgBT,GAAU,CAAE,uBAAwBA,IACvEK,EAAU,CAAEW,OAAQ,WAAc,CAAA,GACnCZ,IAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUY,EAAgBT,EAAOK,EAASD,IAElFa,EAAeL,~~wBAAQ~~,IAAOP,EAAW,CAC7CA,UACAa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OACEe,MAAAC,cAAA,OAAAC,EAAAC,QACMjB,CAAAA,EAAAA,EACAW,EAAY,CAChBhB,UAAS,GAAAc,OAAKS,EAAOC,QAAC,aAAYV,eAAAA,OAAcd,GAChDG,MAAOO,KAEJF,GAAkBP,GAAaA,GAC/BO,GAAkBN,GAASA,EACzB,~~IAIXd~~,~~EAASqC~~,YAAc"}
1	+ {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = 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 \| KeyboardEvent) => void\n icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\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 {(!unifiedIconUrl && icon) && icon}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","_objectWithoutProperties","_excluded","unifiedIconUrl","unifyIconUrl","styles","useMemo","_objectSpread","objectSpread2","concat","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8SAsBaA,EAA8BC,EAAIA,MAAgBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,GAC1Eb,EADsFc,EAAKC,EAAAA,wBAAAf,EAAAgB,GAEzG,MAAMC,EAAiBhB,GAAWiB,EAAYA,aAACjB,GAEzCkB,EAASC,EAAAA,SAAQ,IAAAC,EAAAA,cAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,gBAAA,CAEnB,cAAenB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,QAC1BF,EAAW,CAAEA,YAAa,CAAA,GAC1BY,EAAiB,CAAE,aAAY,OAAAM,OAASN,EAAc,MAAQ,CAAA,GAC9DA,EAAiB,CAAE,eAAgBT,GAAU,CAAE,uBAAwBA,IACvEK,EAAU,CAAEW,OAAQ,WAAc,CAAA,GACnCZ,IAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUY,EAAgBT,EAAOK,EAASD,IAElFa,EAAeL,WAAQ,IAAOP,EAAW,CAC7CA,UACAa,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACd,IAEX,OACEe,MAAAC,cAAA,OAAAC,EAAAC,QACMjB,CAAAA,EAAAA,EACAW,EAAY,CAChBhB,UAAS,GAAAc,OAAKS,EAAOC,QAAC,aAAYV,eAAAA,OAAcd,GAChDG,MAAOO,KAEJF,GAAkBP,GAAaA,GAC/BO,GAAkBN,GAASA,EACzB,IAIXb,EAASoC,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../../node_modules/core-js/modules/es.string.replace.js"),require("../../../../../node_modules/core-js/modules/es.string.replace-all.js");var e=require("../../../../../node_modules/ramda/es/is.js");exports.unifyIconUrl=l=>{if(!l||!e.default(String,l)||!l||null!=l&&l.includes(".svg")||null!=l&&l.includes("data:image/svg+xml;base64"))return l;const r=null==l?void 0:l.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(r))};
+"use strict";require("../../../../../node_modules/core-js/modules/es.regexp.exec.js"),require("../../../../../node_modules/core-js/modules/es.string.replace.js"),require("../../../../../node_modules/core-js/modules/es.string.replace-all.js");var e=require("ramda");exports.unifyIconUrl=l=>{if(!l||!e.is(String,l)||!l||null!=l&&l.includes(".svg")||null!=l&&l.includes("data:image/svg+xml;base64"))return l;const r=null==l?void 0:l.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(r))};
 //# sourceMappingURL=unifyIconUrl.js.map

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

	@@ -1 +1 @@
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): 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":["iconUrl","is","~~default","~~String","includes","unifiedIconUrl","replaceAll","concat","btoa"],"mappings":"~~mUAK6BA~~,IAC3B,IAAKA,IAAYC,~~EAAEC~~,~~QAACC~~,~~OAAQH~~,KAAaA,GACtCA,SAAAA,~~EAASI~~,SAAS,~~SAAWJ~~,SAAAA,~~EAASI~~,SAAS,6BAChD,~~OAAOJ~~,EAGT,~~MAAMK~~,~~EAAiBL~~,aAAO,EAAPA,~~EAASM~~,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"}
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): 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":["iconUrl","is","String","includes","unifiedIconUrl","replaceAll","concat","btoa"],"mappings":"8RAK6BA,IAC3B,IAAKA,IAAYC,EAAEA,GAACC,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/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("../../../../../../node_modules/react/index.js"),a=require("./flowLayout.module.scss.js"),o=require("../../container/layoutBox/LayoutBox.js"),r=require("../../../../utils/helpers/ui.js");const s=["itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent"],n=["id","spanColumn","Component","layoutProps"],l=t.reactExports.memo((l=>{let{itemDTOs:u,containerProps:c={},defaultItemLayoutProps:m={},numColumns:i=1,className:p="",beforeContent:d,afterContent:y}=l,x=e.objectWithoutProperties(l,s);const f=t.reactExports.useMemo((()=>i>0?{display:"grid",gridTemplateColumns:"".concat("1fr ".repeat(i)),width:"100%",height:"unset"}:{display:"flex"}),[i]);return React.createElement(o.LayoutBox,e.extends({width:"100%",column:!0,className:r.classNames(a.default.flowLayout,p)},x),d&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},d),React.createElement(o.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:f,width:"100%"},c),u.map((t=>{let{id:a,spanColumn:r,Component:s,layoutProps:l}=t,u=e.objectWithoutProperties(t,n);return React.createElement(o.LayoutBox,e.extends({key:a},m,l,r?{style:{width:"calc(".concat(Math.round(100*r),"% - ").concat(16*r,"px)")}}:{}),React.createElement(s,u))}))),y&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},y))}));l.displayName="FlowLayout",exports.FlowLayout=l;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./flowLayout.module.scss.js"),o=require("../../container/layoutBox/LayoutBox.js"),n=require("../../../../utils/helpers/ui.js");const r=["itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent"],s=["id","spanColumn","Component","layoutProps"],l=t.memo((l=>{let{itemDTOs:u,containerProps:c={},defaultItemLayoutProps:m={},numColumns:i=1,className:p="",beforeContent:d,afterContent:y}=l,f=e.objectWithoutProperties(l,r);const x=t.useMemo((()=>i>0?{display:"grid",gridTemplateColumns:"".concat("1fr ".repeat(i)),width:"100%",height:"unset"}:{display:"flex"}),[i]);return React.createElement(o.LayoutBox,e.extends({width:"100%",column:!0,className:n.classNames(a.default.flowLayout,p)},f),d&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},d),React.createElement(o.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:x,width:"100%"},c),u.map((t=>{let{id:a,spanColumn:n,Component:r,layoutProps:l}=t,u=e.objectWithoutProperties(t,s);return React.createElement(o.LayoutBox,e.extends({key:a},m,l,n?{style:{width:"calc(".concat(Math.round(100*n),"% - ").concat(16*n,"px)")}}:{}),React.createElement(r,u))}))),y&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},y))}));l.displayName="FlowLayout",exports.FlowLayout=l;
 //# sourceMappingURL=FlowLayout.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","~~reactExports","~~_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","_objectWithoutProperties","_excluded","columnStyles","useMemo","display","gridTemplateColumns","concat","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","_excluded2","key","Math","round","displayName"],"mappings":"~~kcAoCaA~~,EAAkCC,~~EAAIC~~,~~aAAAD~~,~~MAAkBE,~~IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,GAEgBP,EADbQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAGR,MAAMC,EAAeC,EAAAA,~~aAAAA,~~SAAQ,IAAOR,EAAa,EAC7C,CACAS,QAAS,OACTC,oBAAmB,GAAAC,OAAK,OAAOC,OAAOZ,IACtCa,MAAO,OACPC,OAAQ,SAER,CACAL,QAAS,SAEV,CAACT,IAEJ,OACEe,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNlB,UAAWmB,EAAUA,WAACC,UAAQC,WAAYrB,IACtCG,GAEHF,GACCa,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACrB,cAAesB,UAAW,GAChDtB,GAGLa,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,MAAOpB,EACPM,MAAM,QACFf,GAEHD,EAAS+B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,GAAoCJ,EAApBzB,EAAKC,EAAAA,wBAAAwB,EAAAK,GAAA,OAC/DnB,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRiB,IAAKL,GACD/B,EACAkC,EACCF,EACD,CAAEJ,MAAO,CAAEd,cAAKF,OAAUyB,KAAKC,MAAmB,IAAbN,GAAiBpB,QAAAA,OAAoB,GAAboB,EAAe,SAC5E,CAAA,GAEJhB,MAAAC,cAACgB,EAAc5B,GACL,KAGfD,GACCY,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACpB,aAAcqB,UAAW,GAC/CrB,GAGK,~~IAOhBV~~,~~EAAW6C~~,YAAc"}
1	+ {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","_objectWithoutProperties","_excluded","columnStyles","useMemo","display","gridTemplateColumns","concat","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","_excluded2","key","Math","round","displayName"],"mappings":"0ZAoCaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,GAEgBP,EADbQ,EAAKC,EAAAA,wBAAAT,EAAAU,GAGR,MAAMC,EAAeC,EAAAA,SAAQ,IAAOR,EAAa,EAC7C,CACAS,QAAS,OACTC,oBAAmB,GAAAC,OAAK,OAAOC,OAAOZ,IACtCa,MAAO,OACPC,OAAQ,SAER,CACAL,QAAS,SAEV,CAACT,IAEJ,OACEe,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNlB,UAAWmB,EAAUA,WAACC,UAAQC,WAAYrB,IACtCG,GAEHF,GACCa,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACrB,cAAesB,UAAW,GAChDtB,GAGLa,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,MAAOpB,EACPM,MAAM,QACFf,GAEHD,EAAS+B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,GAAoCJ,EAApBzB,EAAKC,EAAAA,wBAAAwB,EAAAK,GAAA,OAC/DnB,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRiB,IAAKL,GACD/B,EACAkC,EACCF,EACD,CAAEJ,MAAO,CAAEd,cAAKF,OAAUyB,KAAKC,MAAmB,IAAbN,GAAiBpB,QAAAA,OAAoB,GAAboB,EAAe,SAC5E,CAAA,GAEJhB,MAAAC,cAACgB,EAAc5B,GACL,KAGfD,GACCY,MAAAC,cAAA,OAAA,CAAMf,UAAWoB,EAAOE,QAACpB,aAAcqB,UAAW,GAC/CrB,GAGK,IAOhBT,EAAW4C,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("../../../../../../node_modules/react/index.js"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),r=require("../../../../utils/helpers/cancelableDelayedFunction.js"),l=require("../../../../hooks/useOutsideClick.js"),o=require("../../../../constants/ui.constants.js");const a=["children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape"],s=["ContentComponent"],i={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},u=t.reactExports.memo((u=>{var c,d;let{children:p,components:v,placement:m="bottom",modifiers:f,data:E,hoverable:b,clickable:h,onOpen:x,onHide:y,isOpen:C,hideOnContentClick:j=!1,hideOnClickOutside:k=!0,hideTimeout:w=150,isPopup:N=!1,isModal:g=!1,modalOverlayClassName:O,modalContainer:S,targetRef:M,hideOnEscape:R}=u,L=e.objectWithoutProperties(u,a);const[P,q]=t.reactExports.useState(null),[H,T]=t.reactExports.useState(null!==(c=null==M?void 0:M.current)&&void 0!==c?c:null);t.reactExports.useEffect((()=>{null!=M&&M.current&&T(null==M?void 0:M.current)}),[M]);const W=v||{},{ContentComponent:_}=W,A=e.objectWithoutProperties(W,s),D=t.reactExports.useRef(null),K=t.reactExports.useMemo((()=>{const t=f?{modifiers:f,placement:m}:{placement:m};return t.modifiers=t.modifiers||[],N&&(t.modifiers=[...t.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:t=>{let{state:n}=t;const r=null==S?void 0:S.getBoundingClientRect(),{width:l,height:o,left:a,top:s}=r||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},i=a+(l-n.elements.popper.clientWidth)/2,u=s+(o-n.elements.popper.clientHeight)/2;return e.objectSpread2(e.objectSpread2({},n),{},{styles:e.objectSpread2(e.objectSpread2({},n.styles),{},{popper:e.objectSpread2(e.objectSpread2({},n.styles.popper),{},{left:"".concat(i,"px"),top:"".concat(u,"px"),transform:"none"})})})}}]),t}),[f,m,N,S]),z=t.reactExports.useRef();t.reactExports.useEffect((()=>{var t;let r;return null==D||null===(t=D.current)||void 0===t||t.destroy(),H&&P&&(r=n.createPopper(H,P,e.objectSpread2({},K)),D.current=r),()=>{var e;null===(e=r)||void 0===e||e.destroy(),D.current=null}}),[P,H,K]);const B=t.reactExports.useRef(),F=t.reactExports.useRef(-1),I=t.reactExports.useCallback((()=>{var e,t;P&&delete P.dataset.show,g&&null!=ee&&ee.current&&(ee.current.style.visibility="hidden",delete ee.current.dataset.show),null==D||null===(e=D.current)||void 0===e||e.update(),null==y||y(),null==B||null===(t=B.current)||void 0===t||t.call(B),clearTimeout(F.current)}),[P,g,y]),G=t.reactExports.useCallback((()=>{z.current&&z.current(),z.current=r.cancelableSetTimeout(I,w)}),[I,w]),J=t.reactExports.useCallback((()=>{z.current&&z.current()}),[]),Q=t.reactExports.useCallback((e=>{var t;("true"===(null==P||null===(t=P.dataset)||void 0===t?void 0:t.show)&&k&&(null==P||!P.contains(e))||null!=P&&P.contains(e)&&j)&&I()}),[I,P,j,k]),U=t.reactExports.useCallback((()=>{var e,t;P&&(P.dataset.show="true"),null==D||null===(e=D.current)||void 0===e||e.update(),g&&null!=ee&&ee.current&&(ee.current.style.visibility="visible",ee.current.dataset.show="true"),null==x||x(),null==B||null===(t=B.current)||void 0===t||t.call(B),clearTimeout(F.current),F.current=setTimeout((()=>{B.current=l.outsideClickHandler(H,Q)}),250)}),[P,Q,g,x,H]),V=t.reactExports.useCallback((()=>{var e;"true"===(null==P||null===(e=P.dataset)||void 0===e?void 0:e.show)?I():U()}),[P,I,U]),X=t.reactExports.useCallback((e=>{R&&e.keyCode===o.KeyCode.Escape&&I()}),[R,I]);t.reactExports.useEffect((()=>{var e,t;const n=null==H||null===(e=H.addEventListener)||void 0===e?void 0:e.bind(H),r=null==P||null===(t=P.addEventListener)||void 0===t?void 0:t.bind(P);return r&&n&&(b&&(n(o.EventName.MouseEnter,U),r(o.EventName.MouseEnter,J),n(o.EventName.MouseLeave,G),r(o.EventName.MouseLeave,I)),h&&n(o.EventName.Click,V)),R&&document.addEventListener(o.EventName.KeyDown,X),()=>{var e,t;const n=null==H||null===(e=H.removeEventListener)||void 0===e?void 0:e.bind(H),r=null==P||null===(t=P.removeEventListener)||void 0===t?void 0:t.bind(P);document.removeEventListener(o.EventName.KeyDown,X),z.current&&z.current(),n&&(n(o.EventName.Click,V),n(o.EventName.MouseEnter,U),n(o.EventName.MouseLeave,G)),r&&(r(o.EventName.MouseLeave,I),r(o.EventName.MouseEnter,J))}}),[H,P,h,b,U,I,V,G,J,R,X]),t.reactExports.useEffect((()=>(!0===C&&U(),!1===C&&I(),null==B?void 0:B.current)),[I,C,U]);const Y="function"==typeof p,Z="function"!=typeof p&&!Array.isArray(p),$="function"!=typeof p&&Array.isArray(p)&&2===p.filter((e=>!!e)).length,ee=t.reactExports.useRef(null);return t.reactExports.useEffect((()=>{g&&P&&(P.style.zIndex="2")}),[P,g]),t.default.createElement(t.default.Fragment,null,g&&t.default.createElement("span",{ref:ee,style:i.modal,className:O}),!M&&Y&&(null==p?void 0:p({forwardedRef:T,data:E})),!M&&Z&&t.default.createElement("span",{ref:T},p),!$&&_&&t.default.createElement(_,e.extends({placement:m,forwardedRef:q,ref:"function"!=typeof _?q:null,data:E,hide:I,components:A},L)),!M&&$&&t.default.createElement("span",{ref:T},p[0]),$&&(null==p?void 0:p[1])&&"object"==typeof(null==p?void 0:p[1])&&t.default.cloneElement(p[1],e.objectSpread2(e.objectSpread2({},null==p||null===(d=p[1])||void 0===d?void 0:d.props),{},{placement:m,forwardedRef:q,ref:q,data:E,hide:I,components:A},L)))}));u.displayName="Popover",exports.Popover=u;
+"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("react"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),l=require("../../../../utils/helpers/cancelableDelayedFunction.js"),r=require("../../../../hooks/useOutsideClick.js"),o=require("../../../../constants/ui.constants.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(t);const i=["children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape"],s=["ContentComponent"],d={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},c=t.memo((a=>{var c,p;let{children:v,components:m,placement:f="bottom",modifiers:b,data:h,hoverable:E,clickable:y,onOpen:C,onHide:j,isOpen:k,hideOnContentClick:w=!1,hideOnClickOutside:N=!0,hideTimeout:g=150,isPopup:O=!1,isModal:S=!1,modalOverlayClassName:M,modalContainer:R,targetRef:L,hideOnEscape:P}=a,q=e.objectWithoutProperties(a,i);const[x,H]=t.useState(null),[T,_]=t.useState(null!==(c=null==L?void 0:L.current)&&void 0!==c?c:null);t.useEffect((()=>{null!=L&&L.current&&_(null==L?void 0:L.current)}),[L]);const W=m||{},{ContentComponent:A}=W,D=e.objectWithoutProperties(W,s),K=t.useRef(null),z=t.useMemo((()=>{const t=b?{modifiers:b,placement:f}:{placement:f};return t.modifiers=t.modifiers||[],O&&(t.modifiers=[...t.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:t=>{let{state:n}=t;const l=null==R?void 0:R.getBoundingClientRect(),{width:r,height:o,left:a,top:u}=l||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},i=a+(r-n.elements.popper.clientWidth)/2,s=u+(o-n.elements.popper.clientHeight)/2;return e.objectSpread2(e.objectSpread2({},n),{},{styles:e.objectSpread2(e.objectSpread2({},n.styles),{},{popper:e.objectSpread2(e.objectSpread2({},n.styles.popper),{},{left:"".concat(i,"px"),top:"".concat(s,"px"),transform:"none"})})})}}]),t}),[b,f,O,R]),B=t.useRef();t.useEffect((()=>{var t;let l;return null==K||null===(t=K.current)||void 0===t||t.destroy(),T&&x&&(l=n.createPopper(T,x,e.objectSpread2({},z)),K.current=l),()=>{var e;null===(e=l)||void 0===e||e.destroy(),K.current=null}}),[x,T,z]);const F=t.useRef(),I=t.useRef(-1),G=t.useCallback((()=>{var e,t;x&&delete x.dataset.show,S&&null!=te&&te.current&&(te.current.style.visibility="hidden",delete te.current.dataset.show),null==K||null===(e=K.current)||void 0===e||e.update(),null==j||j(),null==F||null===(t=F.current)||void 0===t||t.call(F),clearTimeout(I.current)}),[x,S,j]),J=t.useCallback((()=>{B.current&&B.current(),B.current=l.cancelableSetTimeout(G,g)}),[G,g]),Q=t.useCallback((()=>{B.current&&B.current()}),[]),U=t.useCallback((e=>{var t;("true"===(null==x||null===(t=x.dataset)||void 0===t?void 0:t.show)&&N&&(null==x||!x.contains(e))||null!=x&&x.contains(e)&&w)&&G()}),[G,x,w,N]),V=t.useCallback((()=>{var e,t;x&&(x.dataset.show="true"),null==K||null===(e=K.current)||void 0===e||e.update(),S&&null!=te&&te.current&&(te.current.style.visibility="visible",te.current.dataset.show="true"),null==C||C(),null==F||null===(t=F.current)||void 0===t||t.call(F),clearTimeout(I.current),I.current=setTimeout((()=>{F.current=r.outsideClickHandler(T,U)}),250)}),[x,U,S,C,T]),X=t.useCallback((()=>{var e;"true"===(null==x||null===(e=x.dataset)||void 0===e?void 0:e.show)?G():V()}),[x,G,V]),Y=t.useCallback((e=>{P&&e.keyCode===o.KeyCode.Escape&&G()}),[P,G]);t.useEffect((()=>{var e,t;const n=null==T||null===(e=T.addEventListener)||void 0===e?void 0:e.bind(T),l=null==x||null===(t=x.addEventListener)||void 0===t?void 0:t.bind(x);return l&&n&&(E&&(n(o.EventName.MouseEnter,V),l(o.EventName.MouseEnter,Q),n(o.EventName.MouseLeave,J),l(o.EventName.MouseLeave,G)),y&&n(o.EventName.Click,X)),P&&document.addEventListener(o.EventName.KeyDown,Y),()=>{var e,t;const n=null==T||null===(e=T.removeEventListener)||void 0===e?void 0:e.bind(T),l=null==x||null===(t=x.removeEventListener)||void 0===t?void 0:t.bind(x);document.removeEventListener(o.EventName.KeyDown,Y),B.current&&B.current(),n&&(n(o.EventName.Click,X),n(o.EventName.MouseEnter,V),n(o.EventName.MouseLeave,J)),l&&(l(o.EventName.MouseLeave,G),l(o.EventName.MouseEnter,Q))}}),[T,x,y,E,V,G,X,J,Q,P,Y]),t.useEffect((()=>(!0===k&&V(),!1===k&&G(),null==F?void 0:F.current)),[G,k,V]);const Z="function"==typeof v,$="function"!=typeof v&&!Array.isArray(v),ee="function"!=typeof v&&Array.isArray(v)&&2===v.filter((e=>!!e)).length,te=t.useRef(null);return t.useEffect((()=>{S&&x&&(x.style.zIndex="2")}),[x,S]),u.default.createElement(u.default.Fragment,null,S&&u.default.createElement("span",{ref:te,style:d.modal,className:M}),!L&&Z&&(null==v?void 0:v({forwardedRef:_,data:h})),!L&&$&&u.default.createElement("span",{ref:_},v),!ee&&A&&u.default.createElement(A,e.extends({placement:f,forwardedRef:H,ref:"function"!=typeof A?H:null,data:h,hide:G,components:D},q)),!L&&ee&&u.default.createElement("span",{ref:_},v[0]),ee&&(null==v?void 0:v[1])&&"object"==typeof(null==v?void 0:v[1])&&u.default.cloneElement(v[1],e.objectSpread2(e.objectSpread2({},null==v||null===(p=v[1])||void 0===p?void 0:p.props),{},{placement:f,forwardedRef:H,ref:H,data:h,hide:G,components:D},q)))}));c.displayName="Popover",exports.Popover=c;
 //# sourceMappingURL=PopoverLite.js.map