npm - @e1011/es-kit - Versions diffs - 1.0.158 → 1.0.162 - Mend

@e1011/es-kit 1.0.158 → 1.0.162

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 (2004) 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.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n className?: string\n horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [contentProp, setContentProp] = useState(0)\n\n const { dataProps, restProps: style } = useParseProps(props)\n\n const vertical = !horizontal\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useLayoutEffect(() => {\n if (containerRef?.current) {\n const propName = vertical ? 'height' : 'width'\n\n // TODO test with requestAnimationFrame\n setTimeout(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, 100)\n }\n }, [containerRef, vertical])\n\n const styleProps: CSSProperties = useMemo(() => ({\n '--prop-name': vertical ? 'height' : 'width',\n '--prop-max-name': vertical ? 'max-height' : 'max-width',\n '--prop-value': `${contentProp}px`,\n ...style,\n } as CSSProperties), [vertical, style, contentProp])\n\n const classNames = useMemo(() => {\n const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n classNames.push(classes.collapsed)\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n classNames.push(classes.expanded)\n }\n return classNames.join(' ')\n }, [collapsed, contentProp, vertical])\n\n return (\n <div\n className={`${classes['collapsible-container']} ${classNames} ${className} `}\n ref={containerRef}\n style={styleProps}\n {...dataProps}\n >\n {children}\n </div>\n )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","~~concat","~~classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"~~wVASA~~,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,EAAIA,MAACC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,SAAuB,OACrCC,EAAaC,GAAkBC,EAAQA,SAAC,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcT,GAEhDU,GAAYZ,EAElBa,EAAAA,WAAU,KACRf,~~SAAAA~~,~~EAAkBD,~~EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,EAAAA,iBAAgB,KACd,GAAIX,~~SAAAA~~,~~EAAcY,~~QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,~~SAAAA~~,~~EAAcY,~~SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,EAAAA,SAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,~~eAAcQ~~,~~GAAAA~~,~~OAAKf~~,~~EAAe,SAC/BK,~~KACgB,CAACE,EAAUF,EAAOL,~~IAEjCgB~~,~~EAAaF~~,EAAAA,SAAQ,KACzB,~~MAAME~~,EAAa,~~CAACT~~,~~EAAWU~~,EAAAA,~~QAAQV~~,~~SAAWU~~,EAAAA,~~QAAQtB~~,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,~~GAC9BgB~~,EAAWE,KAAKD,~~UAAQzB~~,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/~~BgB~~,EAAWE,KAAKD,UAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,~~CAAC5B~~,EAAWQ,EAAaO,IAE5B,~~OACEc~~,MAAAC,cAAA,MAAAC,UAAA,~~CACE3B~~,~~UAASmB~~,~~GAAAA~~,~~OAAKE~~,~~EAAAA~~,~~QAAQ~~,~~yBAAwBF~~,~~KAAAA~~,~~OAAIC~~,~~EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,~~EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,~~EAAqBoC~~,YAAc"}
1	+ {"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n className?: string\n horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [contentProp, setContentProp] = useState(0)\n\n const { dataProps, restProps: style } = useParseProps(props)\n\n const vertical = !horizontal\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useLayoutEffect(() => {\n if (containerRef?.current) {\n const propName = vertical ? 'height' : 'width'\n\n // TODO test with requestAnimationFrame\n setTimeout(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, 100)\n }\n }, [containerRef, vertical])\n\n const styleProps: CSSProperties = useMemo(() => ({\n '--prop-name': vertical ? 'height' : 'width',\n '--prop-max-name': vertical ? 'max-height' : 'max-width',\n '--prop-value': `${contentProp}px`,\n ...style,\n } as CSSProperties), [vertical, style, contentProp])\n\n const classNames = useMemo(() => {\n const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n classNames.push(classes.collapsed)\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n classNames.push(classes.expanded)\n }\n return classNames.join(' ')\n }, [collapsed, contentProp, vertical])\n\n return (\n <div\n className={`${classes['collapsible-container']} ${classNames} ${className} `}\n ref={containerRef}\n style={styleProps}\n {...dataProps}\n >\n {children}\n </div>\n )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"6PASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,EAAIA,MAACC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,SAAuB,OACrCC,EAAaC,GAAkBC,EAAQA,SAAC,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAAA,cAAcT,GAEhDU,GAAYZ,EAElBa,EAAAA,WAAU,KACRf,IAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,EAAAA,iBAAgB,KACd,GAAIX,GAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,GAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,EAAAA,SAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAiB,GAAEP,SAChBK,KACgB,CAACE,EAAUF,EAAOL,IAEjCe,EAAaD,EAAAA,SAAQ,KACzB,MAAMC,EAAa,CAACR,EAAWS,EAAAA,QAAQT,SAAWS,EAAAA,QAAQrB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9Be,EAAWE,KAAKD,UAAQxB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/Be,EAAWE,KAAKD,UAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC3B,EAAWQ,EAAaO,IAE5B,OACEa,MAAAC,cAAA,MAAAC,UAAA,CACE1B,UAAY,GAAEoB,EAAO,QAAC,4BAA4BD,KAAcnB,KAChE2B,IAAKzB,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBmC,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),s=require("../../../hooks/useParseProps.js"),r=require("./layoutBox.module.scss.js");const o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=e=>e&&o[e]||e,l=t.forwardRef(((o,l)=>{let{style:n,children:i,tabIndex:u,className:d="",onClick:c,...x}=o;const{dataProps:f,restProps:y}=s.useParseProps(x),m=t.useMemo((()=>c?{onClick:c,onKeyDown:c,role:"button",tabIndex:-1}:{}),[c]),p=t.useMemo((()=>({...y,...y.align?{alignItems:a(y.align)}:{},...y.justify?{justifyContent:a(y.justify)}:{},...y.direction?{flexDirection:y.direction}:{},...n})),[y,n]);return React.createElement("div",e.extends({ref:l,tabIndex:u,className:"".concat(r.default["flexible-box"]," ").concat(d),style:p},f,m),i)}));l.displayName="LayoutBoxRefForwarded";const n=t.memo(l);n.displayName="LayoutBox",exports.LayoutBox=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),s=require("../../../hooks/useParseProps.js"),r=require("./layoutBox.module.scss.js");const o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=e=>e&&o[e]||e,l=t.forwardRef(((o,l)=>{let{style:n,children:i,tabIndex:u,className:d="",onClick:x,...c}=o;const{dataProps:f,restProps:y}=s.useParseProps(c),m=t.useMemo((()=>x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x]),p=t.useMemo((()=>({...y,...y.align?{alignItems:a(y.align)}:{},...y.justify?{justifyContent:a(y.justify)}:{},...y.direction?{flexDirection:y.direction}:{},...n})),[y,n]);return React.createElement("div",e.extends({ref:l,tabIndex:u,className:`${r.default["flexible-box"]} ${d}`,style:p},f,m),i)}));l.displayName="LayoutBoxRefForwarded";const n=t.memo(l);n.displayName="LayoutBox",exports.LayoutBox=n;
 //# sourceMappingURL=LayoutBox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined) => {\n const { dataProps, restProps } = useParseProps(props)\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n const styles = useMemo(() => (\n {\n ...restProps,\n ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n ...style,\n }\n ), [restProps, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n {...dataProps}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width \|\| '100%',\n// height: props.height \|\| '100%',\n// justify: props.justify \|\| 'center',\n// align: props.align \|\| 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","~~concat","~~classes","displayName","LayoutBox","memo"],"mappings":"kPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAEzCI,EAAeC,WAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,UAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,~~UAAS~~,~~GAAAoB~~,~~OAAMC,~~EAAO,QAAS,~~gBAAeD~~,~~KAAAA~~,~~OAAIpB,GAClDH,~~MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,~~EAAsB6B~~,YAAc,8BAEvBC,EAAgCC,EAAIA,~~KAAiB/B~~,~~GAGlE8B~~,EAAUD,YAAc"}
1	+ {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined) => {\n const { dataProps, restProps } = useParseProps(props)\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n const styles = useMemo(() => (\n {\n ...restProps,\n ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n ...style,\n }\n ), [restProps, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n {...dataProps}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width \|\| '100%',\n// height: props.height \|\| '100%',\n// justify: props.justify \|\| 'center',\n// align: props.align \|\| 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","classes","displayName","LayoutBox","memo"],"mappings":"kPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAEzCI,EAAeC,WAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,UAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,UAAY,GAAGoB,EAAO,QAAS,mBAAmBpB,IAClDH,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,EAAsB4B,YAAc,8BAEvBC,EAAgCC,EAAIA,KAAiB9B,GAGlE6B,EAAUD,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t=require("react"),i=require("../../../../../node_modules/lodash-es/debounce.js"),n=require("./LayoutBox.js");const l={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},o=t.memo((o=>{let{children:r,debounceDelay:u=250,...d}=o;const c=t.useRef(),h=t.useRef({width:0,height:0}),[a,s]=t.useState({width:void 0,height:void 0}),v=t.useMemo((()=>i.default((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=h.current)||void 0===t?void 0:t.width)===o&&(null===(i=h.current)||void 0===i?void 0:i.height)===r||(h.current={width:o,height:r},s({width:null==c||null===(n=c.current)||void 0===n?void 0:n.clientWidth,height:null==c||null===(l=c.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return t.useLayoutEffect((()=>{let e,t;var i,n;null!=c&&c.current&&(t=null==c?void 0:c.current,e=new ResizeObserver(v),e.observe(t),s({width:null==c||null===(i=c.current)||void 0===i?void 0:i.clientWidth,height:null==c||null===(n=c.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[v,c]),React.createElement(n.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},d),React.createElement(n.LayoutBox,{style:l.main,width:"100%",height:"100%",ref:c}),!r&&React.createElement(n.LayoutBox,{width:"".concat(Math.max((null==a?void 0:a.width)||200,200)||200,"px"),height:"".concat(Math.max((null==a?void 0:a.height)||200,200)||200,"px"),style:l.empty}),r&&(null==r?void 0:r({height:"".concat((null==a?void 0:a.height)||200,"px"),width:"".concat((null==a?void 0:a.width)||200,"px"),measured:!(null==a||!a.height)})))}));o.displayName="ResizableContainer",exports.ResizableContainer=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),i=require("../../../../../node_modules/lodash-es/debounce.js"),r=require("./LayoutBox.js");const n={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},h=t.memo((h=>{let{children:o,debounceDelay:u=250,...c}=h;const s=t.useRef(),a=t.useRef({width:0,height:0}),[d,l]=t.useState({width:void 0,height:void 0}),g=t.useMemo((()=>i.default((e=>{const t=e[0].contentRect.width,i=e[0].contentRect.height;a.current?.width===t&&a.current?.height===i||(a.current={width:t,height:i},l({width:s?.current?.clientWidth,height:s?.current?.clientHeight}))}),u)),[u]);return t.useLayoutEffect((()=>{let e,t;return s?.current&&(t=s?.current,e=new ResizeObserver(g),e.observe(t),l({width:s?.current?.clientWidth,height:s?.current?.clientHeight})),()=>{e?.unobserve?.(t)}}),[g,s]),React.createElement(r.LayoutBox,e.extends({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},c),React.createElement(r.LayoutBox,{style:n.main,width:"100%",height:"100%",ref:s}),!o&&React.createElement(r.LayoutBox,{width:`${Math.max(d?.width||200,200)||200}px`,height:`${Math.max(d?.height||200,200)||200}px`,style:n.empty}),o&&o?.({height:`${d?.height||200}px`,width:`${d?.width||200}px`,measured:!!d?.height}))}));h.displayName="ResizableContainer",exports.ResizableContainer=h;
 //# 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, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n width: number \| string\n height: number \| string\n measured: boolean\n}\n\ntype WrapperSize = {width: undefined \| number; height: undefined \| number}\n\nconst styles = {\n main: {\n position: 'absolute',\n zIndex: 111,\n left: 0,\n pointerEvents: 'none',\n },\n empty: {\n pointerEvents: 'none',\n },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n\n const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n const [containerSize, setContainerSize]\n = useState<WrapperSize>({ width: undefined, height: undefined })\n\n const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay), [debounceDelay])\n\n useLayoutEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n return () => {\n resizeObserver?.unobserve?.(containerElement as Element)\n }\n }, [debouncedResizeWrapper, containerRef])\n\n // END RESIZING\n\n return (\n <LayoutBox\n width='100%'\n height='100%'\n justify='center'\n align='center'\n direction='column'\n {...props}\n >\n <LayoutBox\n style={styles.main}\n width='100%'\n height='100%'\n ref={containerRef as RefObject<HTMLDivElement>}\n />\n {!children && (\n <LayoutBox\n width={`${Math.max(containerSize?.width \|\| 200, 200) \|\| 200}px`}\n height={`${Math.max(containerSize?.height \|\| 200, 200) \|\| 200}px`}\n style={styles.empty}\n />\n )}\n {children && children?.({\n height: `${containerSize?.height \|\| 200}px`,\n width: `${containerSize?.width \|\| 200}px`,\n measured: !!containerSize?.height,\n } as ResizableContainerRenderProps)}\n </LayoutBox>\n )\n },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","~~_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","~~newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","~~_containerRef$current3","_containerRef$current4","~~ResizeObserver","observe","~~_resizeObserver","_resizeObserver$unobs","~~unobserve","~~call","~~React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","~~concat","~~Math","max","measured","displayName"],"mappings":"~~mVAmBA~~,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,EAAIA,MACpCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,EAAAA,SAEfC,EAAqBD,EAAAA,OAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,WAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,~~IAAY~~,~~IAAAC,EAAAC,EAAAC,EAAAC,EACjE,~~MAAMC,~~EAAiBL~~,EAAQ,~~GAAGM~~,~~YAAYf~~,~~MACxCgB~~,~~EAAkBP~~,EAAQ,~~GAAGM~~,~~YAAYd~~,~~QAEjBS~~,~~QAA1BA~~,~~EAAAX~~,~~EAAmBkB~~,~~eAAnBP~~,~~IAA0BA~~,~~OAA1BA~~,~~EAAAA~~,~~EAA4BV~~,~~SAAUc~~,~~IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,~~QAAU,~~CAAEjB~~,~~MAAOc~~,~~EAAgBb~~,~~OAAQe~~,~~GAE9Db~~,EAAiB,CACfH,MAAOH,~~SAAqBe~~,~~QAATA~~,~~EAAZf~~,~~EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,~~OAAQJ,~~SAAqB~~,~~QAATgB~~,~~EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,~~eAC/B,~~GACDxB~~,IAAgB,CAACA,IAuBpB,~~OArBAyB~~,EAAAA,iBAAgB,KACd,IAAIC,EACAC,~~EAEuB~~,~~IAAAC~~,~~EAAAC~~,~~EAAvB3B,SAAAA,EAAcoB,~~UAChBK,~~EAAmBzB~~,~~aAAAA~~,~~EAAAA,EAAcoB,~~QACjCI,EAAiB,~~IAAII~~,~~eAAenB~~,~~GACpCe~~,~~EAAeK~~,~~QAAQJ~~,~~GAEvBnB~~,EAAiB,CACfH,MAAOH,~~SAAqB0B~~,~~QAATA~~,~~EAAZ1B~~,~~EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,~~OAAQJ,~~SAAqB~~,~~QAAT2B~~,~~EAAZ3B~~,~~EAAcoB~~,~~eAAO~~,~~IAAAO~~,~~OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,~~EAA4B,CACzD,GACA,~~CAAChB~~,EAAwBT,~~IAK1BkC~~,MAAAC,cAACC,EAASA,UAAAC,UAAA,~~CACRlC~~,MAAM,OACNC,OAAO,~~OACPkC~~,QAAQ,SACRC,MAAM,SACNC,UAAU,~~UACNzC~~,~~GAEJmC~~,MAAAC,cAACC,EAAAA,UAAS,CACRK,~~MAAOtD~~,EAAOC,KACde,MAAM,OACNC,OAAO,~~OACPsC~~,~~IAAK1C~~,KAELH,~~GACFqC~~,MAAAC,cAACC,EAAAA,UAAS,~~CACRjC~~,~~MAAK~~,~~GAAAwC~~,~~OAAKC,~~KAAKC,~~KAAIxC~~,~~eAAAA~~,~~EAAeF~~,~~QAAS,~~IAAK,MAAQ,~~IAAQ~~,~~MAChEC~~,~~OAAM~~,~~GAAAuC,OAAKC,~~KAAKC,~~KAAIxC~~,~~eAAAA~~,~~EAAeD~~,~~SAAU,~~IAAK,MAAQ,~~IAAQ~~,~~MAClEqC~~,~~MAAOtD,~~EAAOM,QAGfI,~~IAAYA~~,~~aAAAA~~,~~EAAAA,EAAW,~~CACtBO,~~OAAMuC~~,~~GAAAA~~,~~QAAKtC~~,~~aAAa~~,~~EAAbA~~,~~EAAeD~~,~~SAAU~~,~~IAAO~~,~~MAC3CD~~,~~MAAKwC~~,~~GAAAA~~,~~QAAKtC~~,~~aAAa~~,~~EAAbA,EAAeF,QAAS,IAAO,MACzC2C,WAAYzC,UAAAA,EAAeD,WAEnB,~~IAKlBV,~~EAAmBqD~~,YAAc"}
1	+ {"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n width: number \| string\n height: number \| string\n measured: boolean\n}\n\ntype WrapperSize = {width: undefined \| number; height: undefined \| number}\n\nconst styles = {\n main: {\n position: 'absolute',\n zIndex: 111,\n left: 0,\n pointerEvents: 'none',\n },\n empty: {\n pointerEvents: 'none',\n },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n\n const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n const [containerSize, setContainerSize]\n = useState<WrapperSize>({ width: undefined, height: undefined })\n\n const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay), [debounceDelay])\n\n useLayoutEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n setContainerSize({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n return () => {\n resizeObserver?.unobserve?.(containerElement as Element)\n }\n }, [debouncedResizeWrapper, containerRef])\n\n // END RESIZING\n\n return (\n <LayoutBox\n width='100%'\n height='100%'\n justify='center'\n align='center'\n direction='column'\n {...props}\n >\n <LayoutBox\n style={styles.main}\n width='100%'\n height='100%'\n ref={containerRef as RefObject<HTMLDivElement>}\n />\n {!children && (\n <LayoutBox\n width={`${Math.max(containerSize?.width \|\| 200, 200) \|\| 200}px`}\n height={`${Math.max(containerSize?.height \|\| 200, 200) \|\| 200}px`}\n style={styles.empty}\n />\n )}\n {children && children?.({\n height: `${containerSize?.height \|\| 200}px`,\n width: `${containerSize?.width \|\| 200}px`,\n measured: !!containerSize?.height,\n } as ResizableContainerRenderProps)}\n </LayoutBox>\n )\n },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","ResizeObserver","observe","unobserve","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","Math","max","measured","displayName"],"mappings":"wPAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,EAAIA,MACpCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,EAAAA,SAEfC,EAAqBD,EAAAA,OAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,WAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,EAAAA,SAAQ,IAAMC,EAAAA,SAAUC,IACrD,MAAMC,EAAiBD,EAAQ,GAAGE,YAAYX,MACxCY,EAAkBH,EAAQ,GAAGE,YAAYV,OAE3CF,EAAmBc,SAASb,QAAUU,GACvCX,EAAmBc,SAASZ,SAAWW,IAG1Cb,EAAmBc,QAAU,CAAEb,MAAOU,EAAgBT,OAAQW,GAE9DT,EAAiB,CACfH,MAAOH,GAAcgB,SAASC,YAC9Bb,OAAQJ,GAAcgB,SAASE,eAC/B,GACDpB,IAAgB,CAACA,IAuBpB,OArBAqB,EAAAA,iBAAgB,KACd,IAAIC,EACAC,EAYJ,OAVIrB,GAAcgB,UAChBK,EAAmBrB,GAAcgB,QACjCI,EAAiB,IAAIE,eAAeb,GACpCW,EAAeG,QAAQF,GAEvBf,EAAiB,CACfH,MAAOH,GAAcgB,SAASC,YAC9Bb,OAAQJ,GAAcgB,SAASE,gBAG5B,KACLE,GAAgBI,YAAYH,EAA4B,CACzD,GACA,CAACZ,EAAwBT,IAK1ByB,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRzB,MAAM,OACNC,OAAO,OACPyB,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNhC,GAEJ0B,MAAAC,cAACC,EAAAA,UAAS,CACRK,MAAO7C,EAAOC,KACde,MAAM,OACNC,OAAO,OACP6B,IAAKjC,KAELH,GACF4B,MAAAC,cAACC,EAAAA,UAAS,CACRxB,MAAQ,GAAE+B,KAAKC,IAAI9B,GAAeF,OAAS,IAAK,MAAQ,QACxDC,OAAS,GAAE8B,KAAKC,IAAI9B,GAAeD,QAAU,IAAK,MAAQ,QAC1D4B,MAAO7C,EAAOM,QAGfI,GAAYA,IAAW,CACtBO,OAAS,GAAEC,GAAeD,QAAU,QACpCD,MAAQ,GAAEE,GAAeF,OAAS,QAClCiC,WAAY/B,GAAeD,SAEnB,IAKlBV,EAAmB2C,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:u=""}=e;const v=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||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),h=v?i.default.vertical:i.default.horizontal;return React.createElement("div",{className:"".concat(i.default["divider-line"]," ").concat(h," ").concat(u),style:p})}));r.displayName="DividerLine";const a=t.memo((t=>React.createElement(r,e.extends({vertical:!0,length:"100%"},t))));a.displayName="DividerVertical";const l=t.memo((t=>React.createElement(r,e.extends({length:"100%"},t))));l.displayName="DividerHorizontal",exports.DividerHorizontal=l,exports.DividerLine=r,exports.DividerVertical=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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="#999999",opacity:o,length:s="80%",left:c="0",width:n="1px",height:d="1px",margin:m,className:u=""}=e;const v=t.useMemo((()=>"vertical"===r||!0===a),[r,a]),p=t.useMemo((()=>({"--width":n,"--height":d,"--length":s,"--opacity":o,"--color":l,"--left":c,"--margin":m||(v?"auto 0":"0 auto")})),[n,d,s,o,l,c,m,v]),h=v?i.default.vertical:i.default.horizontal;return React.createElement("div",{className:`${i.default["divider-line"]} ${h} ${u}`,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\n\ntype DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = '#999999',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","~~concat","~~style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"yMAmBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,EAAAA,SAAQ,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,EAAAA,QAAQb,SAAWa,EAAAA,QAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,~~UAASS~~,~~GAAAA~~,~~OAAMJ~~,~~EAAO~~,~~QAAS~~,~~gBAAeI~~,~~KAAAA~~,~~OAAIL~~,~~EAAW,KAAAK,OAAIT,GACjEU,MAAOP,~~GACP,IAINf,~~EAAYuB~~,YAAc,cAEbC,MAAAA,~~EACTvB~~,EAAIA,~~MAAEwB~~,~~GAAUN~~,MAAAC,cAACpB,~~EAAW0B~~,UAAA,~~CAACtB~~,UAAQ,EAACG,OAAO,~~QAAWkB~~,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,~~EACT1B~~,EAAIA,~~MAAEwB~~,~~GAAUN~~,MAAAC,cAACpB,~~EAAW0B~~,UAAA,~~CAACnB~~,OAAO,~~QAAWkB~~,MACnDE,EAAkBJ,YAAc"}
1	+ {"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = '#999999',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"yMAmBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,EAAAA,SAAQ,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,EAAAA,QAAQb,SAAWa,EAAAA,QAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAAY,GAAGK,EAAAA,QAAgB,mBAAmBD,KAAeJ,IACjES,MAAON,GACP,IAINf,EAAYsB,YAAc,cAEbC,MAAAA,EACTtB,EAAIA,MAAEuB,GAAUL,MAAAC,cAACpB,EAAWyB,UAAA,CAACrB,UAAQ,EAACG,OAAO,QAAWiB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACTzB,EAAIA,MAAEuB,GAAUL,MAAAC,cAACpB,EAAWyB,UAAA,CAAClB,OAAO,QAAWiB,MACnDE,EAAkBJ,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const c=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var r=l.default(c).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const s=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),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)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:c="text",value:m,defaultValue:f,placeholder:b,inputRef:h,error:x,disabled:g,userDisabled:y,withoutComponent:v,helpTextInfo:w,helpText:C,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:B,leftIconClick:S,options:q,css:z,...L}=t,T=p;N||"textarea"!==c||(T=d);const V=a.useCallback((e=>{var t;y?null==e||null===(t=e.preventDefault)||void 0===t||t.call(e):D&&D(e)}),[y,D]),W=a.useCallback((e=>{y||(I&&null!=e&&e.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),K=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(r,{className:"field ".concat(F),error:x,disabled:g,userDisabled:y,$_css:z},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field ".concat(E?"has-addons":"")},React.createElement("div",{className:"control mainControl ".concat(R&&!v?"has-icons-left":""," ").concat(_?"has-icons-right":"")},!v&&(N||"select"!==c&&!q?!N&&React.createElement(T,e.extends({name:l,id:l,ref:h,className:"input ".concat(x?"is-danger":""),type:c,placeholder:b},K,{onChange:W,onBlur:j,onFocus:V,onKeyDown:V,autoComplete:"off",disabled:g},L)):React.createElement(s,e.extends({name:l,id:l,inputRef:h,className:"input ".concat(x?"is-danger":""),type:"select",placeholder:b,value:m,options:q,onChange:k,onBlur:j,onFocus:V,onKeyDown:V,autoComplete:"off",disabled:g},L))),R&&!v&&React.createElement("span",{className:"iconLeft icon is-small is-left ".concat(S?"is-action":""),onClick:S},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right ".concat(B?"is-action":""),onClick:B},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),w&&React.createElement("p",{className:"help"},w),C&&React.createElement("p",{className:"help ".concat(x?"is-danger":"")},C))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=c,exports.Select=s,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const r=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var s=l.default(r).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const c=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:r="text",value:m,defaultValue:f,placeholder:b,inputRef:h,error:x,disabled:g,userDisabled:y,withoutComponent:w,helpTextInfo:C,helpText:v,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:$,leftIconClick:B,options:S,css:q,...z}=t,L=p;N||"textarea"!==r||(L=d);const T=a.useCallback((e=>{y?e?.preventDefault?.():D&&D(e)}),[y,D]),V=a.useCallback((e=>{y||(I&&e?.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),W=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(s,{className:`field ${F}`,error:x,disabled:g,userDisabled:y,$_css:q},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field "+(E?"has-addons":"")},React.createElement("div",{className:`control mainControl ${R&&!w?"has-icons-left":""} ${_?"has-icons-right":""}`},!w&&(N||"select"!==r&&!S?!N&&React.createElement(L,e.extends({name:l,id:l,ref:h,className:"input "+(x?"is-danger":""),type:r,placeholder:b},W,{onChange:V,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z)):React.createElement(c,e.extends({name:l,id:l,inputRef:h,className:"input "+(x?"is-danger":""),type:"select",placeholder:b,value:m,options:S,onChange:k,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z))),R&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(B?"is-action":""),onClick:B},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+($?"is-action":""),onClick:$},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),C&&React.createElement("p",{className:"help"},C),v&&React.createElement("p",{className:"help "+(x?"is-danger":"")},v))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=r,exports.Select=c,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=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 } from 'react'\nimport styled from 'styled-components'\n\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\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\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 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 css?: string\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)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\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 css,\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 <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\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 </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
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 } from 'react'\nimport styled from 'styled-components'\n\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\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\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 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 css?: string\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)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\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 css,\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 <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\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 </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("react").memo((e=>{let{icon:a,className:o,color:t="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${o}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:t,d:a.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","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","~~concat","~~role","xmlns","viewBox","fill","d","displayName"],"mappings":"oEAYaA,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"}
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","role","xmlns","viewBox","fill","d","displayName"],"mappings":"oEAYaA,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,UAAY,qBAAoBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAU,OAAMV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),t=require("./icon.module.scss.js");const n=o.memo((n=>{let{iconUrl:r,minWidth:c,minHeight:i,size:s,fontSize:l,width:a,height:u,color:m="currentColor",className:d="",children:h,style:p,onClick:b,...g}=n;const y=o.useMemo((()=>({"--min-width":c||s||a||"auto","--min-height":i||s||u||"auto","--width":s||a||"1rem","--height":s||u||"1rem",...l?{fontSize:l}:{},...r?{"--icon-url":"url(".concat(r,")")}:{},...r?{"--icon-color":m}:{"--icon-content-color":m},...b?{cursor:"pointer"}:{},...p})),[c,s,a,i,u,l,r,m,b,p]),f=o.useMemo((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",e.extends({},g,f,{className:"".concat(t.default["icon-base"]," icon-base ").concat(d),style:y}),!r&&h&&h)}));n.displayName="IconBase",exports.IconBase=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),t=require("./icon.module.scss.js");const r=o.memo((r=>{let{iconUrl:i,minWidth:n,minHeight:s,size:c,fontSize:l,width:a,height:u,color:m="currentColor",className:d="",children:h,style:p,onClick:b,...g}=r;const y=o.useMemo((()=>({"--min-width":n||c||a||"auto","--min-height":s||c||u||"auto","--width":c||a||"1rem","--height":c||u||"1rem",...l?{fontSize:l}:{},...i?{"--icon-url":`url(${i})`}:{},...i?{"--icon-color":m}:{"--icon-content-color":m},...b?{cursor:"pointer"}:{},...p})),[n,c,a,s,u,l,i,m,b,p]),f=o.useMemo((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",e.extends({},g,f,{className:`${t.default["icon-base"]} icon-base ${d}`,style:y}),!i&&h&&h)}));r.displayName="IconBase",exports.IconBase=r;
 //# 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 } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n style?: CSSProperties\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onkeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!iconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","~~concat","~~cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"sMAoBaA,EAA6BC,EAAIA,MAAeC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,~~aAAY~~,~~OAAAe~~,~~OAASf~~,~~EAAO,MAAQ,~~MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,~~CAAEK~~,OAAQ,WAAc,~~MACnCN~~,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,~~IAE3EO~~,~~EAAeH~~,WAAQ,IAAOH,EAAW,CAC7CA,~~UACAO~~,~~UAAWP~~,~~EACXQ~~,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,~~CAACT~~,IAEX,~~OACEU~~,MAAAC,cAAA,OAAAC,EAAA,~~QACMX~~,CAAAA,EAAAA,~~EACAK~~,EAAY,~~CAChBT~~,~~UAAS~~,~~GAAAO~~,~~OAAKS,~~EAAO,QAAC,~~aAAYT~~,~~eAAAA~~,~~OAAcP,GAChDE,~~MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,~~EAAS4B~~,YAAc"}
1	+ {"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n style?: CSSProperties\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onkeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!iconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"sMAoBaA,EAA6BC,EAAIA,MAAeC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAe,OAAMA,MAAe,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEI,OAAQ,WAAc,MACnCL,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EM,EAAeF,WAAQ,IAAOH,EAAW,CAC7CA,UACAM,UAAWN,EACXO,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACR,IAEX,OACES,MAAAC,cAAA,OAAAC,EAAA,QACMV,CAAAA,EAAAA,EACAI,EAAY,CAChBR,UAAY,GAAEe,EAAO,QAAC,0BAA0Bf,IAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS2B,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var t,e=require("../../../utils/webComponents/webComponent.utils.js"),i=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=e.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(i.default["icon-base-parent"]),this.mainElement.classList.add(i.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":"url(".concat(this.iconUrl,")")}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[e,i]=t;return"".concat(e,": ").concat(i,";")})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,e.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,e,i){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof i&&(this.classList.remove(i),this.classList.add(i)),this.color||(this.color="currentColor"),this[t]=i||"",this.render()}})||t;const o={VCIconBase:n};exports.VCIcon=n,exports.VCIconBase=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return`${i}: ${e};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={VCIconBase:n};exports.VCIcon=n,exports.VCIconBase=o;
 //# sourceMappingURL=IconWC.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class VCIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, VCIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null) {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const VCIconBase = {\n VCIconBase: VCIcon,\n}\n"],"names":["template","document","createElement","innerHTML","VCIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","~~render~~","mainElement","~~querySelector~~","~~classList~~","~~add~~","~~classes~~","~~styles~~","~~minWidth","~~size","~~width~~","~~minHeight~~","~~height~~","~~fontSize~~","~~iconUrl~~","~~concat~~","~~color~~","~~content~~","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","VCIconBase"],"mappings":"~~oQAKA~~,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,~~cAAAC~~,SAAAC,WAAAC,~~KAqDtCC~~,OAAS,KAEP,~~GADAD~~,KAAKE,YAAcF,KAAKE,aAAeF,~~KAAKG~~,cAAc,~~eACrDH~~,KAAKE,YACR,OAEFF,~~KAAKI~~,UAAUC,IAAIC,EAAAA,QAAQ,~~qBAC3BN~~,KAAKE,~~YAAYE~~,UAAUC,IAAIC,EAAO,QAAC,cAEvC,MAAMC,EAAS,CACb,~~cAAeP~~,~~KAAKQ~~,~~UAAYR~~,~~KAAKS~~,~~MAAQT~~,~~KAAKU~~,OAAS,OAC3D,~~eAAgBV~~,~~KAAKW~~,~~WAAaX~~,~~KAAKS~~,~~MAAQT~~,~~KAAKY~~,QAAU,OAC9D,~~UAAWZ~~,~~KAAKS~~,~~MAAQT~~,~~KAAKU~~,OAAS,OACtC,~~WAAYV~~,~~KAAKS~~,~~MAAQT~~,~~KAAKY~~,QAAU,~~UACpCZ~~,~~KAAKa~~,SAAW,CAAE,~~YAAab~~,~~KAAKa~~,UAAY,SAAY,~~MAC5Db~~,~~KAAKc~~,QAAU,CAAE,~~aAAYC~~,~~OAAAA~~,~~OAASf~~,~~KAAKc~~,~~QAAO~~,~~MAAQ~~,~~MAC1Dd,KAAKc,~~QAAU,CAAE,~~eAAgBd~~,~~KAAKgB~~,OAAU,CAAE,~~uBAAwBhB~~,~~KAAKgB~~,~~QAGrFhB~~,KAAKE,YAAYX,UAAYS,~~KAAKc~~,QAAU,~~GAAMd~~,~~KAAKiB~~,SAAW,~~GAElEjB~~,KAAKE,~~YAAYgB~~,aAAa,QAASC,OAAOC,~~QAAQb~~,~~GAAQc~~,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,~~MAAA~~,~~GAAAP~~,~~OAAQQ~~,~~EAAGR~~,~~MAAAA~~,~~OAAKS,EAAK,IAAA,IAAKC,~~KAAK,KAAK,CACpH,~~CArDUC~~,~~gCACT~~,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,~~qBACM3B~~,~~KAAKiB~~,~~SAAWjB~~,KAAKT,aACvBS,~~KAAKiB~~,~~QAAUjB~~,~~KAAKiB~~,~~SAAWjB~~,KAAKT,WAAaS,~~KAAK4B~~,aAAa,~~YAGrE5B~~,KAAKT,UAAYH,EAASG,~~UAE1BsC~~,EAAAA,~~kBAAkB7B~~,KAAMR,~~EAAOkC~~,oBAE/~~B1B~~,~~KAAKC~~,QACP,~~CAEA6B~~,~~yBAAyBC~~,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,~~IACTjC~~,~~KAAKI~~,~~UAAU8B~~,OAAOD,~~GACtBjC~~,~~KAAKI~~,UAAUC,~~IAAI4B~~,~~IAGlBjC~~,~~KAAKgB~~,~~QACRhB~~,~~KAAKgB~~,MAAQ,~~gBAIfhB~~,~~KAAK+B~~,GAAaE,GAAqB,~~GACvCjC~~,~~KAAKC~~,QACP,~~KAwBDN~~,EAWM,~~MAAMwC~~,EAAa,CACxBA,~~WAAY3C~~"}
1	+ {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class VCIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, VCIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null) {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const VCIconBase = {\n VCIconBase: VCIcon,\n}\n"],"names":["template","document","createElement","innerHTML","VCIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","VCIconBase"],"mappings":"6KAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAAA,QAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAO,QAAC,cAEvC,MAAMC,EAAS,CACb,cAAehB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,UACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,MAC5DT,KAAKG,QAAU,CAAE,aAAe,OAAMH,KAAKG,YAAe,MAC1DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYe,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAM,GAAEC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK2B,aAAa,YAGrE3B,KAAKT,UAAYH,EAASG,UAE1BqC,EAAAA,kBAAkB5B,KAAMR,EAAOiC,oBAE/BzB,KAAKW,QACP,CAEAkB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACThC,KAAKa,UAAUoB,OAAOD,GACtBhC,KAAKa,UAAUC,IAAIkB,IAGlBhC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK8B,GAAaE,GAAqB,GACvChC,KAAKW,QACP,KAwBDhB,EAWM,MAAMuC,EAAa,CACxBA,WAAY1C"}

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleClickOutside=(e,t)=>n=>{const o=n.target,s="function"==typeof e?e():e;s&&!s.contains(o)&&(null==t||t(o))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleClickOutside=(e,t)=>o=>{const s=o.target,n="function"==typeof e?e():e;n&&!n.contains(s)&&t?.(s)};
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\nexport const handleClickOutside = (\n element: Element,\n callback?: CallbackFunction,\n) => (event: MouseEvent) => {\n const target = event.target as HTMLElement \| null\n const resolvedElement:HTMLElement \| null = typeof element === 'function' ? element() : element\n\n if (resolvedElement && !resolvedElement.contains(target)) {\n callback?.(target)\n }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"+FAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,~~KAC~~/CF,~~SAAAA~~,~~EAAWE,GACb~~"}
1	+ {"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\nexport const handleClickOutside = (\n element: Element,\n callback?: CallbackFunction,\n) => (event: MouseEvent) => {\n const target = event.target as HTMLElement \| null\n const resolvedElement:HTMLElement \| null = typeof element === 'function' ? element() : element\n\n if (resolvedElement && !resolvedElement.contains(target)) {\n callback?.(target)\n }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"+FAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}

package/dist/lib/cjs/src/core/ui/utils/style.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../node_modules/core-js/modules/es.string.replace.js"),exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),n=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===n.indexOf("#")&&(n=n.substr(1));const r=Math.ceil(parseInt(n.substring(0,2),16)*o+parseInt(t.substring(0,2),16)*(1-o)),s=Math.ceil(parseInt(n.substring(2,4),16)*o+parseInt(t.substring(2,4),16)*(1-o)),c=Math.ceil(parseInt(n.substring(4,6),16)*o+parseInt(t.substring(4,6),16)*(1-o));return"#".concat(e(r)+e(s)+e(c))};exports.calculateColors=function(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=o/(o+1)/o,s=[];let c=r;for(;o--;)s.push(c),c+=r;return s.map((o=>n(t,e,o)))},exports.calculatePercColor=n,exports.convertHex=function(t,n){let o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const r=t.replace("#",""),s=r.substring(0,2),c=r.substring(2,4),a=r.substring(4,6),u=parseInt(s,16),i=parseInt(c,16),l=parseInt(a,16),p=n<=1?n:n/100;return(o?"rgba(".concat(u,",").concat(i,",").concat(l,",").concat(p,")"):"#".concat(s).concat(c).concat(a).concat(e(Math.round(255*(n<=1?n:n/100))))).toLowerCase()},exports.convertRGB=(t,n,o,r)=>"#".concat(e(t)).concat(e(n)).concat(e(o)).concat(e(Math.round(255*(r<=1?r:r/100)))),exports.pxToRem=t,exports.resolveStyleValue=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===n?"".concat(t(e),"rem"):"".concat(e).concat(n)},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),r=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===r.indexOf("#")&&(r=r.substr(1));const n=Math.ceil(parseInt(r.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),o=Math.ceil(parseInt(r.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(r.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${e(n)+e(o)+e(u)}`};exports.calculateColors=function(t,e){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const n=s/(s+1)/s,o=[];let u=n;for(;s--;)o.push(u),u+=n;return o.map((s=>r(t,e,s)))},exports.calculatePercColor=r,exports.convertHex=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const n=t.replace("#",""),o=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(o,16),p=parseInt(u,16),l=parseInt(a,16);return(s?`rgba(${i},${p},${l},${r<=1?r:r/100})`:`#${o}${u}${a}${e(Math.round(255*(r<=1?r:r/100)))}`).toLowerCase()},exports.convertRGB=(t,r,s,n)=>`#${e(t)}${e(r)}${e(s)}${e(Math.round(255*(n<=1?n:n/100)))}`,exports.pxToRem=t,exports.resolveStyleValue=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===r?`${t(e)}rem`:`${e}${r}`},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
 //# sourceMappingURL=style.js.map

package/dist/lib/cjs/src/core/ui/utils/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n value: string \| number,\n units = 'rem',\n): string => {\n if (typeof value === 'string') {\n return value as string\n }\n\n if (units === 'px') {\n return `${pxToRem(value)}rem`\n }\n\n return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign /\nexport const toHex = (x: number \| string): string => {\n x = x.toString(16)\n return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n const hexValue = hex.replace('#', '')\n const rValue = hexValue.substring(0, 2)\n const gValue = hexValue.substring(2, 4)\n const bValue = hexValue.substring(4, 6)\n const r = parseInt(rValue, 16)\n const g = parseInt(gValue, 16)\n const b = parseInt(bValue, 16)\n\n const a = opacity <= 1 ? opacity : (opacity / 100)\n\n return (rgba\n ? `rgba(${r},${g},${b},${a})`\n : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) 255))}`)\n .toLowerCase()\n}\n\nexport const convertRGB = (\n r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n if (startColor.indexOf('#') === 0) {\n startColor = startColor.substr(1)\n }\n if (endColor.indexOf('#') === 0) {\n endColor = endColor.substr(1)\n }\n\n const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n const ratioIterator = (num / (num + 1)) / num\n const ratios = []\n let ratio = ratioIterator\n\n // eslint-disable-next-line no-plusplus\n while (num--) {\n ratios.push(ratio)\n ratio += ratioIterator\n }\n\n return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","~~concat","~~num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","~~a","~~round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"~~6IACWA~~,QAAAA,gBAAkB,GAChBC,MAIAC,EAAWC,GAAuBA,EAAKH,QAAeA,gBAkBtDI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,~~MAAA~~,~~IAAAa~~,~~OAAWpB,~~EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,~~GACzC~~,0BAE+B,SAACd,EAAoBC,GAAyC,~~IAAvBe~~,~~EAAGb~~,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,~~MAAMc~~,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,~~IAAIhB~~,~~EAAQe~~,EAGZ,KAAOD,KACLE,EAAOC,~~KAAKjB~~,GACZA,~~GAASe~~,EAGX,OAAOC,EAAOE,KAAKC,~~GAAQtB~~,EAAmBC,EAAYC,~~EAAUoB~~,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,~~EAAIrB~~,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,~~MAAMsB~~,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,~~EAASb~~,UAAU,EAAG,GAC/~~BgB~~,EAASH,~~EAASb~~,UAAU,EAAG,GAC/~~BiB~~,EAASJ,~~EAASb~~,UAAU,EAAG,GAC/BJ,EAAIG,~~SAASgB~~,EAAQ,~~IACrBd~~,EAAIF,~~SAASiB~~,EAAQ,~~IACrBd~~,EAAIH,~~SAASkB~~,EAAQ,~~IAErBC~~,~~EAAIP~~,~~GAAW~~,~~EAAIA~~,~~EAAWA~~,~~EAAU~~,~~IAE9C~~,~~OAAQC~~,~~EAAI~~,~~QAAAT~~,~~OACAP~~,~~EAAC~~,~~KAAAO~~,~~OAAIF~~,~~EAAC~~,~~KAAAE~~,~~OAAID,EAACC,KAAAA,OAAIe,EAACf,KAAAA,IAAAA,OACpBY,GAAMZ,OAAGa,GAAMb,OAAGc,GAAMd,OAAGpB,~~EAAMc,~~KAAKsB~~,MAAmD,~~KAA5CR~~,GAAW,EAAIA,EAAWA,EAAU,~~SACtFS~~,aACL,qBAE0BC,~~CACxBzB~~,EAAWK,EAAWC,~~EAAWS~~,~~IAAe~~,~~IAAAR~~,~~OACjCpB,~~EAAMa,~~IAAEO~~,~~OAAGpB,~~EAAMkB,~~IAAEE~~,~~OAAGpB,~~EAAMmB,~~IAAEC~~,~~OAAGpB,~~EAAMc,~~KAAKsB~~,MAAmD,~~KAA5CR~~,GAAW,EAAIA,EAAWA,EAAU,~~oDAxCvE~~,SAC/BW,GAEW,IADXC,~~EAAKhC~~,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,~~iBAAV+B~~,EACFA,EAGK,OAAVC,~~EACF~~,~~GAAApB~~,~~OAAUtB~~,~~EAAQyC~~,~~GAAM~~,~~OAG1B~~,~~GAAAnB~~,~~OAAUmB,GAAKnB,OAAGoB,EACpB,~~6BAnBmCC,~~IACjC7C~~,QAAAA,~~gBAAkB6C~~,CAAQ"}
1	+ {"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number) => {\n defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n value: string \| number,\n units = 'rem',\n): string => {\n if (typeof value === 'string') {\n return value as string\n }\n\n if (units === 'px') {\n return `${pxToRem(value)}rem`\n }\n\n return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign /\nexport const toHex = (x: number \| string): string => {\n x = x.toString(16)\n return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n const hexValue = hex.replace('#', '')\n const rValue = hexValue.substring(0, 2)\n const gValue = hexValue.substring(2, 4)\n const bValue = hexValue.substring(4, 6)\n const r = parseInt(rValue, 16)\n const g = parseInt(gValue, 16)\n const b = parseInt(bValue, 16)\n\n const a = opacity <= 1 ? opacity : (opacity / 100)\n\n return (rgba\n ? `rgba(${r},${g},${b},${a})`\n : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) 255))}`)\n .toLowerCase()\n}\n\nexport const convertRGB = (\n r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n if (startColor.indexOf('#') === 0) {\n startColor = startColor.substr(1)\n }\n if (endColor.indexOf('#') === 0) {\n endColor = endColor.substr(1)\n }\n\n const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n const ratioIterator = (num / (num + 1)) / num\n const ratios = []\n let ratio = ratioIterator\n\n // eslint-disable-next-line no-plusplus\n while (num--) {\n ratios.push(ratio)\n ratio += ratioIterator\n }\n\n return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"oEACWA,QAAAA,gBAAkB,GAChBC,MAIAC,EAAWC,GAAuBA,EAAKH,QAAeA,gBAkBtDI,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAQ,IAAGP,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,IACzC,0BAE+B,SAACd,EAAoBC,GAAyC,IAAvBc,EAAGZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMa,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIf,EAAQc,EAGZ,KAAOD,KACLE,EAAOC,KAAKhB,GACZA,GAASc,EAGX,OAAOC,EAAOE,KAAKC,GAAQrB,EAAmBC,EAAYC,EAAUmB,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIpB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMqB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASZ,UAAU,EAAG,GAC/Be,EAASH,EAASZ,UAAU,EAAG,GAC/BgB,EAASJ,EAASZ,UAAU,EAAG,GAC/BJ,EAAIG,SAASe,EAAQ,IACrBb,EAAIF,SAASgB,EAAQ,IACrBb,EAAIH,SAASiB,EAAQ,IAI3B,OAAQL,EACH,QAAOf,KAAKK,KAAKC,KAHZQ,GAAW,EAAIA,EAAWA,EAAU,OAIzC,IAAGI,IAASC,IAASC,IAASjC,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,UACtFQ,aACL,qBAE0BC,CACxBvB,EAAWK,EAAWC,EAAWQ,IACrB,IAAG3B,EAAMa,KAAKb,EAAMkB,KAAKlB,EAAMmB,KAAKnB,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,qDAxCvE,SAC/BU,GAEW,IADXC,EAAK9B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV6B,EACFA,EAGK,OAAVC,EACM,GAAExC,EAAQuC,QAGZ,GAAEA,IAAQC,GACpB,6BAnBmCC,IACjC3C,QAAAA,gBAAkB2C,CAAQ"}

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.createStore=(r,t,o)=>{var n;let u=r;const l=new Set,s=()=>u,i=function(){var r=e.asyncToGenerator((function*(e){u=e;for(const e of l){const r=null==e?void 0:e.selector,t=r?r(u):u;void 0!==e.previousValue&&e.previousValue===t||(e.previousValue=t,yield e(t))}return u}));return function(e){return r.apply(this,arguments)}}(),a={getState:s,setState:i,subscribe:e=>(l.add(e),()=>l.delete(e)),unsubscribe:e=>{l.delete(e)}},c=t?null===(n=Object.entries(t))||void 0===n?void 0:n.reduce(((r,t)=>{let[n,u]=t;return{...r,[n]:e.asyncToGenerator((function*(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];const l=yield u(s,i,...r);return o&&i(o(s(),n,...r)),l}))}}),{}):null,d={...a,...c?{actions:{...c}}:{}};return d};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");exports.createStore=(r,t,n)=>{let u=r;const o=new Set,s=()=>u,l=function(){var r=e.asyncToGenerator((function*(e){u=e;for(const e of o){const r=e?.selector,t=r?r(u):u;void 0!==e.previousValue&&e.previousValue===t||(e.previousValue=t,yield e(t))}return u}));return function(e){return r.apply(this,arguments)}}(),a={getState:s,setState:l,subscribe:e=>(o.add(e),()=>o.delete(e)),unsubscribe:e=>{o.delete(e)}},i=t?Object.entries(t)?.reduce(((r,t)=>{let[u,o]=t;return{...r,[u]:e.asyncToGenerator((function*(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];const a=yield o(s,l,...r);return n&&l(n(s(),u,...r)),a}))}}),{}):null,c={...a,...i?{actions:{...i}}:{}};return c};
 //# sourceMappingURL=store.vanillajs.js.map

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T> \| string \| number \| boolean \| undefined;\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller = (...args: unknown[]) => void\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>) => {\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","~~_Object$entries","~~currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"~~qPAyF2BA~~,CACzBC,EACAC,EACAC,~~KACmC~~,~~IAAAC,EACnC,~~IAAIC,~~EAA2BJ~~,EAC/B,~~MAAMK~~,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAQ,WAAA,IAAAC,EAAAC,oBAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,~~aAAAA~~,~~EAAAA,EAAUC,~~SAM9CC,EAAiCD,EAAWA,EAAST,GAAgBA,OAG5CW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAYV,IACVP,EAAUkB,IAAIX,GACP,IAAMP,EAAUmB,OAAOZ,IAMhCa,YAAcb,IACZP,EAAUmB,OAAOZ,EAAS,GAOxBc,~~EACFzB~~,~~EAAiCE~~,~~QAA1BA,EAAGwB,~~OAAOC,~~QAAQ3B~~,~~cAAQE~~,~~SAAvBA,EAAyB0B,~~QACnC,CACEC,EAA+CC,KAAA,IAC9CC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAUtB,EAAAA,kBAAG,YAA6B,IAAA,IAAAwB,EAAAd,UAAAe,OAApBC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAlB,UAAAkB,GACzB,MAAMC,QAAuBN,EAAc1B,EAAUC,KAAa4B,GAKlE,~~OAHIlC~~,~~GACFM~~,~~EAASN~~,~~EAAQK~~,IAAYyB,KAAeI,IAEvCG,KAEV,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BnB,KACCK,EAAkB,~~CAAEzB~~,QAAS,~~IAAKyB~~,IAAsB,IAG9D,OACIc,CACoC"}
1	+ {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T> \| string \| number \| boolean \| undefined;\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller = (...args: unknown[]) => void\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>) => {\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","currentState","listeners","Set","getState","setState","_ref","_asyncToGenerator","newState","listener","selector","newValue","undefined","previousValue","_x","apply","this","arguments","storeBaseicApi","subscribe","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref2","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"8JAyF2BA,CACzBC,EACAC,EACAC,KAEA,IAAIC,EAA2BH,EAC/B,MAAMI,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAQ,WAAA,IAAAC,EAAAC,oBAAG,UAAOC,GACtBP,EAAeO,EAGf,IAAK,MAAMC,KAAYP,EAAW,CAEhC,MAAMQ,EAAoCD,GAAUC,SAM9CC,EAAiCD,EAAWA,EAAST,GAAgBA,OAG5CW,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOV,KACR,OAtBKI,SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,EAA2B,CAK/Bd,WAMAC,WAMAc,UAAYV,IACVP,EAAUkB,IAAIX,GACP,IAAMP,EAAUmB,OAAOZ,IAMhCa,YAAcb,IACZP,EAAUmB,OAAOZ,EAAS,GAOxBc,EACFxB,EAAUyB,OAAOC,QAAQ1B,IAAU2B,QACnC,CACEC,EAA+CC,KAAA,IAC9CC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAUtB,EAAAA,kBAAG,YAA6B,IAAA,IAAAwB,EAAAd,UAAAe,OAApBC,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAlB,UAAAkB,GACzB,MAAMC,QAAuBN,EAAc1B,EAAUC,KAAa4B,GAKlE,OAHIjC,GACFK,EAASL,EAAQI,IAAYyB,KAAeI,IAEvCG,KAEV,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BnB,KACCK,EAAkB,CAAExB,QAAS,IAAKwB,IAAsB,IAG9D,OACIc,CACoC"}

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.templates.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("./store.vanillajs.js");exports.createDataStore=(t,a)=>{const o={...a,load:(n=e.asyncToGenerator((function*(e,r,t){const a=e();r({...a,isLoading:!0});try{const e=yield t;a.data=(null==e?void 0:e.data)||e}catch(e){a.error=e}return r({...a,isLoading:!1})})),function(e,r,t){return n.apply(this,arguments)})};var n;return r.createStore({dataId:t,isLoading:!1},o)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("./store.vanillajs.js");exports.createDataStore=(t,a,o,n)=>{const s={...o,load:(i=e.asyncToGenerator((function*(e,r,t){const a=e();r({...a,isLoading:!0});try{const e=yield t;a.data=e?.data||e}catch(e){a.error=e}return r({...a,isLoading:!1})})),function(e,r,t){return i.apply(this,arguments)})};var i;return r.createStore({...a,dataId:t,isLoading:!1},s,n)};
 //# sourceMappingURL=store.vanillajs.templates.js.map

package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.templates.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"store.vanillajs.templates.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.templates.ts"],"sourcesContent":["import { ActionHandler, Store, StoreWithActions, createStore } from './store.vanillajs'\n\n\ntype DefaultES = { [key: string]: any }\n\n\nexport type DataState<T, ES = DefaultES> = {\n dataId: string\n isLoading: boolean\n error?: unknown\n data?: T\n} & ES\n\n\ntype Load<T, ES = DefaultES> = (\n getState: Store<DataState<T, ES>>['getState'],\n setState: Store<DataState<T, ES>>['setState'],\n dataPromise: unknown \| Promise<unknown>,\n) => Promise<Partial<DataState<T, ES>>>\n\n\ntype LoadHandler<T, ES = DefaultES> = (\n dataPromise: unknown \| Promise<unknown>,\n) => Promise<Partial<DataState<T, ES>>>\n\n/*\n Creates a data store with actions.\n * @param dataId - The ID of the data.\n * @param actions - Optional actions for the data store.\n * @returns The created data store with actions.\n /\nexport const createDataStore\n= <T, ES = DefaultES>(\n dataId: string,\n actions?: Record<string, ActionHandler<DataState<T, ES~~>>>~~): StoreWithActions<DataState<T, ES>>\n& { actions: { load: LoadHandler<T, ES> } } => {\n const loadActions: { load: Load<T, ES> } = {\n ...actions,\n /\n Loads data into the data store.\n * @param getState - Function to get the current state of the data store.\n * @param setState - Function to set the state of the data store.\n * @param dataPromise - The data promise to be loaded.\n * @returns A promise that resolves to the updated state of the data store.\n */\n load: async (\n getState: Store<DataState<T, ES>>['getState'],\n setState: Store<DataState<T, ES>>['setState'],\n dataPromise: unknown \| Promise<unknown>,\n ) => {\n const dataState: Partial<DataState<T, ES>> = getState()\n\n setState({ ...dataState, isLoading: true })\n\n try {\n const response: unknown = await dataPromise\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n dataState.data = response?.data \|\| response\n } catch (error: unknown) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n dataState.error = error\n }\n return setState({ ...dataState, isLoading: false })\n },\n }\n\n return (createStore<DataState<T, ES>>({\n dataId,\n isLoading: false,\n } as Partial<DataState<T, ES>>, loadActions)) as StoreWithActions<DataState<T, ES>>\n & { actions: { load: LoadHandler<T, ES> } }\n}\n"],"names":["createDataStore","dataId","actions","loadActions","load","_ref","_asyncToGenerator","asyncToGenerator","getState","setState","dataPromise","dataState","isLoading","response","data","error","_x","_x2","_x3","apply","this","arguments","createStore"],"mappings":"oMAgCEA,CACAC,EACAC,~~KAEA~~,MAAMC,EAAqC,~~IACtCD~~,~~EAQHE~~,MAAIC,EAAAC,EAAAC,kBAAE,UACJC,EACAC,EACAC,GAEA,MAAMC,EAAuCH,IAE7CC,EAAS,IAAKE,EAAWC,WAAW,IAEpC,IACE,MAAMC,QAA0BH,EAIhCC,EAAUG,~~MAAOD~~,~~aAAQ~~,~~EAARA~~,~~EAAUC,OAAQD,~~CACpC,CAAC,MAAOE,GAGPJ,EAAUI,MAAQA,CACpB,CACA,OAAON,EAAS,IAAKE,EAAWC,WAAW,OAC5C,SAAAI,EAAAC,EAAAC,GAAA,OAAAb,EAAAc,MAAAC,KAAAC,UAAA,IArBG,IAAAhB,EAwBN,OAAQiB,cAA8B,~~CACpCrB~~,~~SACAW~~,WAAW,GACmBT,~~EAAY~~"}
1	+ {"version":3,"file":"store.vanillajs.templates.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.templates.ts"],"sourcesContent":["import { ActionHandler, Reducer, Store, StoreWithActions, createStore } from './store.vanillajs'\n\n\ntype DefaultES = { [key: string]: any }\n\n\nexport type DataState<T, ES = DefaultES> = {\n dataId: string\n isLoading: boolean\n error?: unknown\n data?: T\n} & ES\n\n\ntype Load<T, ES = DefaultES> = (\n getState: Store<DataState<T, ES>>['getState'],\n setState: Store<DataState<T, ES>>['setState'],\n dataPromise: unknown \| Promise<unknown>,\n) => Promise<Partial<DataState<T, ES>>>\n\n\ntype LoadHandler<T, ES = DefaultES> = (\n dataPromise: unknown \| Promise<unknown>,\n) => Promise<Partial<DataState<T, ES>>>\n\n/*\n Creates a data store with actions.\n * @param dataId - The ID of the data.\n * @param actions - Optional actions for the data store.\n * @returns The created data store with actions.\n /\nexport const createDataStore\n= <T, ES = DefaultES>(\n dataId: string,\n initialState?: Partial<ES>,\n actions?: Record<string, ActionHandler<DataState<T, ES>>>,\n reducer?: Reducer<DataState<T, ES>>,\n): StoreWithActions<DataState<T, ES>>\n& { actions: { load: LoadHandler<T, ES> } } => {\n const loadActions: { load: Load<T, ES> } = {\n ...actions,\n /\n Loads data into the data store.\n * @param getState - Function to get the current state of the data store.\n * @param setState - Function to set the state of the data store.\n * @param dataPromise - The data promise to be loaded.\n * @returns A promise that resolves to the updated state of the data store.\n */\n load: async (\n getState: Store<DataState<T, ES>>['getState'],\n setState: Store<DataState<T, ES>>['setState'],\n dataPromise: unknown \| Promise<unknown>,\n ) => {\n const dataState: Partial<DataState<T, ES>> = getState()\n\n setState({ ...dataState, isLoading: true })\n\n try {\n const response: unknown = await dataPromise\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n dataState.data = response?.data \|\| response\n } catch (error: unknown) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n dataState.error = error\n }\n return setState({ ...dataState, isLoading: false })\n },\n }\n\n return (createStore<DataState<T, ES>>({\n ...initialState,\n dataId,\n isLoading: false,\n } as Partial<DataState<T, ES>>, loadActions, reducer)) as StoreWithActions<DataState<T, ES>>\n & { actions: { load: LoadHandler<T, ES> } }\n}\n"],"names":["createDataStore","dataId","initialState","actions","reducer","loadActions","load","_ref","_asyncToGenerator","asyncToGenerator","getState","setState","dataPromise","dataState","isLoading","response","data","error","_x","_x2","_x3","apply","this","arguments","createStore"],"mappings":"oMAgCEA,CACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAqC,IACtCF,EAQHG,MAAIC,EAAAC,EAAAC,kBAAE,UACJC,EACAC,EACAC,GAEA,MAAMC,EAAuCH,IAE7CC,EAAS,IAAKE,EAAWC,WAAW,IAEpC,IACE,MAAMC,QAA0BH,EAIhCC,EAAUG,KAAOD,GAAUC,MAAQD,CACpC,CAAC,MAAOE,GAGPJ,EAAUI,MAAQA,CACpB,CACA,OAAON,EAAS,IAAKE,EAAWC,WAAW,OAC5C,SAAAI,EAAAC,EAAAC,GAAA,OAAAb,EAAAc,MAAAC,KAAAC,UAAA,IArBG,IAAAhB,EAwBN,OAAQiB,cAA8B,IACjCtB,EACHD,SACAa,WAAW,GACmBT,EAAaD,EAAQ"}

package/dist/lib/cjs/src/core/utils/date.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("dayjs"),t=require("../../../node_modules/dayjs/plugin/relativeTime.js"),a=require("../../../node_modules/dayjs/plugin/updateLocale.js"),d=require("../../../node_modules/dayjs/plugin/customParseFormat.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const l={future:"in %s",past:"%s ago",s:"now",m:"now",mm:"now",h:"1 hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},u={future:"za %s",past:"%s před",s:"nyní",m:"nyní",mm:"nyní",h:"1 hodinu",hh:"%d hodiny",d:"den",dd:"%d dny",M:"měsíc",MM:"%d měsíci",y:"rok",yy:"%d roky"};r.default.extend(d.default),r.default.extend(t.default,{thresholds:[{l:"s",r:1},{l:"m",r:1},{l:"mm",r:59,d:"minute"},{l:"h",r:1},{l:"hh",r:23,d:"hour"},{l:"d",r:1},{l:"dd",r:29,d:"day"},{l:"M",r:1},{l:"MM",r:11,d:"month"},{l:"y",r:1},{l:"yy",d:"year"}]}),r.default.extend(a.default),r.default.updateLocale("cz",{relativeTime:{...u}}),r.default.updateLocale("en",{relativeTime:{...l}});const n=e=>{let{value:t,valueFormat:a,formatString:d,language:o="en",relativeTime:n,from:i,to:s,shouldAddDay:m=!1,shouldSubtractDay:f=!1,showPreffix:c=!1}=e;if(r.default.updateLocale("en",{relativeTime:{..."cz"===o?u:l,...n}}),r.default.locale(o),!i&&s){const e=r.default(t,a||void 0).add(m?1:0,"day");return r.default(new Date).locale(o).to(e,!c)}if(i&&!s){const e=r.default(t,a||void 0).subtract(f?1:0,"day");return r.default(e,a||void 0).locale(o).fromNow(!c)}return r.default(t,a||void 0).locale(o).format(d)};exports.dateRangeFormat=function(e,t,a,d){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:" - ",l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"month";const u=r.default(e),n=r.default(t),i=u.diff(n,l);return"".concat(u.format(0===i?a:d)).concat(o).concat(n.format(d))},exports.getDateTime=n,exports.getTimeFromNow=(e,t)=>n({...t,from:!0,value:e}),exports.getTimeFromNowOriginal=(e,a)=>(r.default.updateLocale("en",{relativeTime:{..."cz"===a?u:l,...t.default}}),r.default(e,void 0).fromNow(!0)),exports.getTimeTo=(e,t)=>n({...t,to:!0,value:e});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("dayjs"),t=require("../../../node_modules/dayjs/plugin/relativeTime.js"),d=require("../../../node_modules/dayjs/plugin/updateLocale.js"),a=require("../../../node_modules/dayjs/plugin/customParseFormat.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const l={future:"in %s",past:"%s ago",s:"now",m:"now",mm:"now",h:"1 hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},u={future:"za %s",past:"%s před",s:"nyní",m:"nyní",mm:"nyní",h:"1 hodinu",hh:"%d hodiny",d:"den",dd:"%d dny",M:"měsíc",MM:"%d měsíci",y:"rok",yy:"%d roky"};r.default.extend(a.default),r.default.extend(t.default,{thresholds:[{l:"s",r:1},{l:"m",r:1},{l:"mm",r:59,d:"minute"},{l:"h",r:1},{l:"hh",r:23,d:"hour"},{l:"d",r:1},{l:"dd",r:29,d:"day"},{l:"M",r:1},{l:"MM",r:11,d:"month"},{l:"y",r:1},{l:"yy",d:"year"}]}),r.default.extend(d.default),r.default.updateLocale("cz",{relativeTime:{...u}}),r.default.updateLocale("en",{relativeTime:{...l}});const n=e=>{let{value:t,valueFormat:d,formatString:a,language:o="en",relativeTime:n,from:i,to:s,shouldAddDay:m=!1,shouldSubtractDay:f=!1,showPreffix:y=!1}=e;if(r.default.updateLocale("en",{relativeTime:{..."cz"===o?u:l,...n}}),r.default.locale(o),!i&&s){const e=r.default(t,d||void 0).add(m?1:0,"day");return r.default(new Date).locale(o).to(e,!y)}if(i&&!s){const e=r.default(t,d||void 0).subtract(f?1:0,"day");return r.default(e,d||void 0).locale(o).fromNow(!y)}return r.default(t,d||void 0).locale(o).format(a)};exports.dateRangeFormat=function(e,t,d,a){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:" - ",l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"month";const u=r.default(e),n=r.default(t),i=u.diff(n,l);return`${u.format(0===i?d:a)}${o}${n.format(a)}`},exports.getDateTime=n,exports.getTimeFromNow=(e,t)=>n({...t,from:!0,value:e}),exports.getTimeFromNowOriginal=(e,d)=>(r.default.updateLocale("en",{relativeTime:{..."cz"===d?u:l,...t.default}}),r.default(e,void 0).fromNow(!0)),exports.getTimeTo=(e,t)=>n({...t,to:!0,value:e});
 //# sourceMappingURL=date.js.map