npm - @e1011/es-kit - Versions diffs - 1.0.232 → 1.0.234 - Mend

@e1011/es-kit 1.0.232 → 1.0.234

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/*\n Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n /\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\n/\n Resolves flex alignment and justification properties based on the provided value.\n * @param {string \| undefined} value - The value to resolve.\n * @returns {string \| undefined} - Resolved flex property value.\n /\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n/\n Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> \| undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n /\nconst LayoutBoxRefForwarded = forwardRef(({\n id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined \| null) => {\n const { dataProps, restProps } = useParseProps(props)\n\n /\n Memoized onClick event properties.\n * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n /\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n /\n Memoized resolved direction based on the column prop.\n * @type {LayoutDirection}\n /\n const resolvedColumn = useMemo(() => ((\n column !== undefined && column === true)\n ? LayoutDirection.COLUMN\n : null), [column])\n\n /\n Memoized styles combining parsed props and additional styles.\n * @type {CSSProperties}\n /\n const styles = useMemo(() => (\n {\n ...restProps,\n ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n ...(restProps.direction \|\| resolvedColumn ? { flexDirection: restProps.direction \|\| resolvedColumn } : {}),\n ...style,\n }\n ), [resolvedColumn, restProps, style])\n\n return (\n <div\n {...(id ? { id: `${id}` } : {})}\n ref={ref}\n tabIndex={tabIndex}\n className={classNames(\n classes['layout-box'],\n className,\n )}\n style={styles as CSSProperties}\n {...dataProps}\n data-testid={dataProps.dataTestId \|\| dataProps['data-testid'] \|\| id}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/\n Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","~~concat","~~classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"gRAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAMzCI,EAAeC,WAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,EAAOA,SAAC,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAAA,gBAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,CAAE,KAClFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,CAAE,KAC1Fb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,CAAE,KACtGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACO5B,EAAK,CAAEA,~~GAAE~~,~~GAAA6B~~,~~OAAK7B~~,~~IAAS,~~GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,~~UAAW0B~~,EAAAA,WACTC,EAAAA,QAAQ,~~cACR3B~~,GAEFH,MAAOkB,GACHX,EAAS,CACb,cAAaA,~~EAAUwB~~,~~YAAcxB~~,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,~~EAAsBqC~~,YAAc,8BAMvBC,EAAgCC,EAAIA,~~KAAiBvC~~,~~GAElEsC~~,EAAUD,YAAc"}
1	+ {"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../../hooks/useParseProps'\nimport { classNames } from '../../../../utils/helpers/ui'\n\nimport classes from './layoutBox.module.scss'\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\n\n/*\n Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n /\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\n/\n Resolves flex alignment and justification properties based on the provided value.\n * @param {string \| undefined} value - The value to resolve.\n * @returns {string \| undefined} - Resolved flex property value.\n /\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\n/\n Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> \| undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n /\nconst LayoutBoxRefForwarded = forwardRef(({\n id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> \| undefined \| null) => {\n const { dataProps, restProps } = useParseProps(props)\n\n /\n Memoized onClick event properties.\n * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n /\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n /\n Memoized resolved direction based on the column prop.\n * @type {LayoutDirection}\n /\n const resolvedColumn = useMemo(() => ((\n column !== undefined && column === true)\n ? LayoutDirection.COLUMN\n : null), [column])\n\n /\n Memoized styles combining parsed props and additional styles.\n * @type {CSSProperties}\n /\n const styles = useMemo(() => (\n {\n ...restProps,\n ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n ...(restProps.direction \|\| resolvedColumn ? { flexDirection: restProps.direction \|\| resolvedColumn } : {}),\n ...style,\n }\n ), [resolvedColumn, restProps, style])\n\n return (\n <div\n {...(id ? { id: `${id}` } : {})}\n ref={ref}\n tabIndex={tabIndex}\n className={classNames(\n classes['layout-box'],\n className,\n )}\n style={styles as CSSProperties}\n {...dataProps}\n data-testid={dataProps.dataTestId \|\| dataProps['data-testid'] \|\| id}\n {...onClickProps}\n >\n {children}\n </div>\n )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/\n Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","classNames","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"gRAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,EAAUA,YAAC,CAAAC,EAEtBC,KAAsD,IAF/BC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GAMzCI,EAAeC,WAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,EAAOA,SAAC,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAAA,gBAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,EAAAA,SAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,CAAE,KAClFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,CAAE,KAC1Fb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,CAAE,KACtGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAAA,QAAA,CAAA,EACO5B,EAAK,CAAEA,GAAI,GAAGA,KAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAWyB,EAAAA,WACTC,EAAAA,QAAQ,cACR1B,GAEFH,MAAOkB,GACHX,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,EAAsBoC,YAAc,8BAMvBC,EAAgCC,EAAIA,KAAiBtC,GAElEqC,EAAUD,YAAc"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) \| Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) \| Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n const Loader: React.ReactNode = useMemo(() => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n ), [])\n\n return (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX \|\| Loader}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise \|\| (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","default","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","~~_wrappedPromiseRef$cu","_wrappedPromiseRef$cu2","~~innerPromise","current","~~call","~~lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"+LAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,EAAIA,MAAqBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,EAAOA,SAAC,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOC,QAACC,QACtBL,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUI,QAAQ,aAC/BN,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOK,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEX,MAAAC,cAACW,EAAaA,mBACZZ,MAAAC,cAACY,WAAQ,CAACC,SAAUlB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcwB,YAAc,sBAQfC,EACXxB,EAAIA,MAAuByB,IAA2E,IAA1EC,eAAEA,EAAcnC,QAAEA,EAAO+B,SAAEA,EAAQpB,SAAEA,GAAgCuB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBnC,GAAWD,EAAYC,IAErEsC,EAA6CtB,WAAQ,IAAMuB,IAA0C,~~IAAAC~~,~~EAAAC,EAAA,IAAzC9B,~~SAAEA,GAAkC4B,EACpG,~~MAAMG~~,~~EAAwCF~~,~~QAA5BA~~,~~EAAGJ~~,~~EAAkBO~~,~~eAAOF~~,~~IAAAD~~,~~GAAM,QAANC,EAAzBD,EAA2BjC,YAAI,IAAAkC,OAAA,EAA/BA,EAAAG,KAAAJ,GAErB,OAAOE,SAAAA,EAActC,~~KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWkB,GACxBd,MAAAC,cAACoB,EAAgB3B,KAAAA,GACH,IAIpBsB,EAAgBD,YAAc,6FAGE,~~SAC9Ba~~,~~EACAb~~,GAEgB,~~IADhBc~~,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,~~IAAKjD~~,EAAIkC,GAAc,CACrB,MAAMpB,~~EAAYsC~~,OAAKL,~~GAGvB/C~~,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,~~EAAa2C~~,UAAA,~~CAACvC~~,UAAWA,~~GAAekC~~,~~EAAkBhC~~,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EACb,~~oCAGyCoB~~,CACvCP,~~EACAb~~,~~EACAc~~,IACqCO,IACnC,~~IAAKvD~~,EAAIkC,GAAc,CACrB,MAAMpB,~~EAAYsC~~,EAAIA,MAAC,IAAML,EAAaQ,~~KAG1CvD~~,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,~~EAAa2C~~,UAAA,~~CAACvC~~,UAAWA,~~GAAekC~~,~~EAAkBhC~~,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EAAY"}
1	+ {"version":3,"file":"LazyComponent.js","sources":["../../../../../../../../src/core/ui/components/container/lazyComponent/LazyComponent.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport { FC, memo, Suspense, lazy, ComponentType, PropsWithChildren, useRef, useMemo } from 'react'\n\nimport { ErrorBoundary } from '../../error/ErrorBoundary'\n\nimport classes from './lazyComponent.module.scss'\n\n\n// not always necessary, since createLayzModule is called once per module,\n// but when nesting, inside loaded modules...\nconst map: Record<string, FC<any>> = {}\n\ntype ReactModule = {\n default: ComponentType<any>\n}\n\nexport type LazyComponentProps = PropsWithChildren<any> & {\n PropsWithChildren?: ComponentType<any>\n LoaderJSX?: JSX.Element\n}\n\nexport type wrapPromiseType = (promise: (() => Promise<any>) \| Promise<any>) => { read: () => Promise<unknown> }\n\nexport const wrapPromise: wrapPromiseType = (promise: (() => Promise<any>) \| Promise<any>) => {\n let status = 'pending'\n let result: any\n const suspend = (typeof promise === 'function' ? promise() : promise).then(\n (res) => {\n status = 'success'\n result = res\n },\n (err) => {\n status = 'error'\n result = err\n },\n )\n\n return {\n // eslint-disable-next-line consistent-return\n read(): any {\n if (status === 'pending') {\n throw suspend\n } else if (status === 'error') {\n throw result\n } else if (status === 'success') {\n return result\n }\n },\n }\n}\n\n\nexport const LazyComponent: FC<LazyComponentProps>\n= memo<LazyComponentProps>(({ children, Component, LoaderJSX, ...props }: LazyComponentProps) => {\n const Loader: React.ReactNode = useMemo(() => (\n <div className={classes.loader}>\n <svg className='spinner' viewBox='0 0 50 50'>\n <circle className='path' cx='25' cy='25' r='20' fill='none' strokeWidth='5' />\n </svg>\n </div>\n ), [])\n\n return (\n <ErrorBoundary>\n <Suspense fallback={LoaderJSX \|\| Loader}>\n {Component && <Component {...props} />}\n {children && children}\n </Suspense>\n </ErrorBoundary>\n )\n})\n\nLazyComponent.displayName = 'LazyComponent'\n\nexport type PendingBoundaryProps = PropsWithChildren & {\n fallback?: JSX.Element\n promise?: Promise<unknown>\n pendingPromise?: { read: () => Promise<unknown> }\n}\n\nexport const PendingBoundary: FC<PendingBoundaryProps>\n= memo<PendingBoundaryProps>(({ pendingPromise, promise, fallback, children }: PendingBoundaryProps) => {\n const wrappedPromiseRef = useRef(pendingPromise \|\| (promise && wrapPromise(promise)))\n\n const InnerComponent: FC<PropsWithChildren<any>> = useMemo(() => ({ children }: PropsWithChildren<any>) => {\n const innerPromise = wrappedPromiseRef.current?.read?.()\n\n return innerPromise?.then ? null : children\n }, [])\n\n return (\n <LazyComponent LoaderJSX={fallback}>\n <InnerComponent>{children}</InnerComponent>\n </LazyComponent>\n )\n})\n\nPendingBoundary.displayName = 'PendingBoundary'\n\n\nexport const createLazyModule = (\n lazyResolver: () => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown> = {},\n): FC<unknown> => {\n if (!map[displayName]) {\n const Component = lazy(lazyResolver)\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n}\n\n\nexport const createLazyModuleWithStore = <T, ComponentType>(\n lazyResolver: (store: T) => Promise<ReactModule>,\n displayName: string,\n defaultProps: Record<string, unknown>,\n): (store: T) => FC<ComponentType> => (store: T) => {\n if (!map[displayName]) {\n const Component = lazy(() => lazyResolver(store))\n\n // eslint-disable-next-line react/display-name\n map[displayName] = memo((props) => (<LazyComponent Component={Component} {...defaultProps} {...props} />))\n map[displayName].displayName = displayName\n }\n\n return map[displayName]\n }\n"],"names":["map","wrapPromise","promise","result","status","suspend","then","res","err","read","LazyComponent","memo","_ref","children","Component","LoaderJSX","props","Loader","useMemo","React","createElement","className","classes","default","loader","viewBox","cx","cy","r","fill","strokeWidth","ErrorBoundary","Suspense","fallback","displayName","PendingBoundary","_ref2","pendingPromise","wrappedPromiseRef","useRef","InnerComponent","_ref3","innerPromise","current","lazyResolver","defaultProps","arguments","length","undefined","lazy","_extends","createLazyModuleWithStore","store"],"mappings":"+LAUA,MAAMA,EAA+B,CAAA,EAaxBC,EAAgCC,IAC3C,IACIC,EADAC,EAAS,UAEb,MAAMC,GAA8B,mBAAZH,EAAyBA,IAAYA,GAASI,MACnEC,IACCH,EAAS,UACTD,EAASI,CAAG,IAEbC,IACCJ,EAAS,QACTD,EAASK,CAAG,IAIhB,MAAO,CAELC,IAAAA,GACE,GAAe,YAAXL,EACF,MAAMC,EACD,GAAe,UAAXD,EACT,MAAMD,EACD,GAAe,YAAXC,EACT,OAAOD,CAEX,EACD,EAIUO,EACXC,EAAIA,MAAqBC,IAAsE,IAArEC,SAAEA,EAAQC,UAAEA,EAASC,UAAEA,KAAcC,GAA2BJ,EAC1F,MAAMK,EAA0BC,EAAOA,SAAC,IACtCC,MAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOC,QAACC,QACtBL,MAAAC,cAAA,MAAA,CAAKC,UAAU,UAAUI,QAAQ,aAC/BN,MAAAC,cAAA,SAAA,CAAQC,UAAU,OAAOK,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,SAG3E,IAEH,OACEX,MAAAC,cAACW,EAAaA,mBACZZ,MAAAC,cAACY,WAAQ,CAACC,SAAUlB,GAAaE,GAC9BH,GAAaK,MAAAC,cAACN,EAAcE,GAC5BH,GAAYA,GAED,IAIpBH,EAAcwB,YAAc,sBAQfC,EACXxB,EAAIA,MAAuByB,IAA2E,IAA1EC,eAAEA,EAAcnC,QAAEA,EAAO+B,SAAEA,EAAQpB,SAAEA,GAAgCuB,EACjG,MAAME,EAAoBC,EAAAA,OAAOF,GAAmBnC,GAAWD,EAAYC,IAErEsC,EAA6CtB,WAAQ,IAAMuB,IAA0C,IAAzC5B,SAAEA,GAAkC4B,EACpG,MAAMC,EAAeJ,EAAkBK,SAASlC,SAEhD,OAAOiC,GAAcpC,KAAO,KAAOO,CAAQ,GAC1C,IAEH,OACEM,MAAAC,cAACV,EAAa,CAACK,UAAWkB,GACxBd,MAAAC,cAACoB,EAAgB3B,KAAAA,GACH,IAIpBsB,EAAgBD,YAAc,6FAGE,SAC9BU,EACAV,GAEgB,IADhBW,EAAqCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAExC,IAAK9C,EAAIkC,GAAc,CACrB,MAAMpB,EAAYmC,OAAKL,GAGvB5C,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,EAAawC,UAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EACb,oCAGyCiB,CACvCP,EACAV,EACAW,IACqCO,IACnC,IAAKpD,EAAIkC,GAAc,CACrB,MAAMpB,EAAYmC,EAAIA,MAAC,IAAML,EAAaQ,KAG1CpD,EAAIkC,GAAevB,QAAMK,GAAWG,MAAAC,cAACV,EAAawC,UAAA,CAACpC,UAAWA,GAAe+B,EAAkB7B,MAC/FhB,EAAIkC,GAAaA,YAAcA,CACjC,CAEA,OAAOlC,EAAIkC,EAAY"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = 'var(--divider-line)',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","~~concat","default","~~style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"kJAkBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,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~~,~~EAAOK~~,~~QAAS~~,~~gBAAeD~~,~~KAAAA~~,~~OAAIL~~,~~EAAW,KAAAK,OAAIT,GACjEW,MAAOR,~~GACP,IAINf,~~EAAYwB~~,YAAc,cAEbC,MAAAA,~~EACTxB~~,EAAIA,~~MAAEyB~~,~~GAAUP~~,MAAAC,cAACpB,~~EAAW2B~~,UAAA,~~CAACvB~~,UAAQ,EAACG,OAAO,~~QAAWmB~~,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,~~EACT3B~~,EAAIA,~~MAAEyB~~,~~GAAUP~~,MAAAC,cAACpB,~~EAAW2B~~,UAAA,~~CAACpB~~,OAAO,~~QAAWmB~~,MACnDE,EAAkBJ,YAAc"}
1	+ {"version":3,"file":"DividerLine.js","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\nexport type DividerProps = {\n orientation?: string\n margin?: string\n vertical?: boolean\n length?: string\n color?: string\n opacity?: number\n left?: string\n width?: string\n height?: string\n className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n orientation, vertical,\n color = 'var(--divider-line)',\n opacity,\n length = '80%', left = '0',\n width = '1px', height = '1px',\n margin,\n className = '',\n}: DividerProps) => {\n const isVertical = useMemo(() => orientation === 'vertical' \|\| vertical === true, [orientation, vertical])\n\n const styles = useMemo(() => (\n {\n '--width': width,\n '--height': height,\n '--length': length,\n '--opacity': opacity,\n '--color': color,\n '--left': left,\n '--margin': margin \|\| (isVertical ? 'auto 0' : '0 auto'),\n }\n ), [width, height, length, opacity, color, left, margin, isVertical])\n\n const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n return (\n <div\n className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n style={styles as CSSProperties}\n />\n )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_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":"kJAkBaA,EAAgCC,EAAIA,MAAeC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,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,UAAW,GAAIK,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/ui/src/core/ui/components/error/ErrorBoundary.js CHANGED Viewed

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&e.__esModule?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:h,inputRef:b,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:b,className:"input ".concat(x?"is-danger":""),type:c,placeholder:h},K,{onChange:W,onBlur:j,onFocus:V,onKeyDown:V,autoComplete:"off",disabled:g},L)):React.createElement(s,e.extends({name:l,id:l,inputRef:b,className:"input ".concat(x?"is-danger":""),type:"select",placeholder:h,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";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&e.__esModule?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:h,inputRef:b,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:b,className:"input "+(x?"is-danger":""),type:r,placeholder:h},W,{onChange:V,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z)):React.createElement(c,e.extends({name:l,id:l,inputRef:b,className:"input "+(x?"is-danger":""),type:"select",placeholder:h,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/ui/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 }): number => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }): string => (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","default","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 }): number => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }): string => (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","default","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":"mMAQA,IAAIA,EAAqCA,IAAM,UAM/C,IAAIC,EAAmCC,EAAAA,MAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAYAC,EAAqCC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAVJ,CAAU,CAAA,WAAA,mBAAA,61BAC/CK,IAAA,IAACC,SAAEA,EAAQC,aAAEA,GAAcF,EAAA,OAAcC,GAAYC,EAAe,GAAM,CAAC,IACpEC,IAAA,IAACF,SAAEA,EAAQC,aAAEA,GAAcC,EAAA,OAAcF,GAAYC,EAAe,OAAS,MAAM,IAuEtG,IAAAE,EAAAT,EAAAU,QAAAX,GAAAG,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAW,GAAAA,EAAAC,QA8CM,MAAMC,EACXlB,EAAIA,MACJ,SAAemB,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,KAAaC,GAAoBJ,EACjE,OACElB,MAAAC,cAAA,MAAA,CAAKsB,UAAU,UACbvB,MAAAC,cAAAuB,SAAAA,EAAAA,WAAYF,EAAK,CAAEG,IAAKJ,EAAUK,aAAcN,IAC7CD,GAASQ,KAAKC,GACb5B,MAAAC,cAAA,SAAA,CACE4B,IAAK,GAAGC,KAAKC,UAAUH,KACvBR,MAAyB,iBAAXQ,EAAuBA,GAAsBR,MAAQQ,GAEhD,iBAAXA,EAAuBA,GAAsBI,MAAQJ,MAMzE,IAGIK,EAAiB7B,EAAAA,QAAO8B,MAAK5B,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAZJ,CAAc,CAAA,KAC/B+B,EAAoB/B,EAAAA,QAAOgC,SAAQ9B,WAAA,CAAAC,YAAA,2BAAAC,YAAA,eAAfJ,CAAiB,CAAA,KACrCiC,EAAmBjC,EAAAA,QAAO4B,MAAK1B,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAZJ,CAExB,CAAA,qBAEYkC,EAAwBvC,EAAIA,MAAawC,IA4BpC,IA5BqCP,MACrDA,EAAKQ,KACLA,EAAIC,KACJA,EAAO,OAAMrB,MACbA,EAAKM,aACLA,EAAYgB,YACZA,EAAWrB,SACXA,EAAQsB,MACRA,EAAKjC,SACLA,EAAQC,aACRA,EAAYiC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK3B,UACLA,EAAS4B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAarC,QACbA,EAAOsC,IACPA,KACGnC,GACQiB,EACPmB,EAAqBzB,EAEpBc,GAAqB,aAATN,IACfiB,EAAYvB,GAEd,MAAMwB,EAAcC,EAAWA,aAAEC,IAC3BlD,EACFkD,GAAOC,mBAEPR,GAAWA,EAAQO,EACrB,GACC,CAAClD,EAAc2C,IAEZS,EAAeH,EAAWA,aAAEC,IAC5BlD,IAGAyC,GAAiBS,GAAOG,QAE1BH,EAAMG,OAAO5C,MAAQgC,EAAeS,EAAMG,OAAO5C,OACjD+B,GAAYA,EAASU,IAErBV,GAAYA,EAASU,GACvB,GACC,CAACT,EAAeD,EAAUxC,IAEvBsD,EAAaC,EAAAA,SAAQ,SACXC,IAAV/C,EACK,CAAEM,gBAEJ,CAAEN,UACR,CAACA,EAAOM,IAEX,OACE1B,MAAAC,cAAAY,EAAA,CACEU,UAAW,SAASA,IACpBoB,MAAOA,EACPjC,SAAUA,EACVC,aAAcA,EAAaK,MACtByC,GAELzD,MAAAC,cAACoC,EAAgB,CAAC+B,QAAS5B,EAAMjB,UAAU,SAASS,GACpDhC,MAAAC,cAAA,MAAA,CAAKsB,UAAW,UAAS2B,EAAQ,aAAe,KAC9ClD,MAAAC,cAAA,MAAA,CACEsB,UAAW,uBAAuByB,IAAaJ,EAC3C,iBAAmB,MAAMK,EAAY,kBAAoB,OAE3DL,IAAuBG,GAAsB,WAATN,IAAqBtB,GAsBtD4B,GACD/C,MAAAC,cAACyD,EAASlC,UAAA,CACRgB,KAAMA,EACN6B,GAAI7B,EACJf,IAAKJ,EACLE,UAAW,UAASoB,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACTuB,EAAU,CACdd,SAAUY,EACVV,OAAQA,EACRC,QAASK,EACTW,UAAWX,EACXY,aAAa,MACb7D,SAAUA,GACNY,IAnCNtB,MAAAC,cAACgB,EAAMO,EAAAA,QAAA,CACLgB,KAAMA,EACN6B,GAAI7B,EACJnB,SAAUA,EACVE,UAAW,UAASoB,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbtB,MAAOA,EACPD,QAASA,EAETgC,SAAUA,EACVE,OAAQA,EACRC,QAASK,EACTW,UAAWX,EACXY,aAAa,MACb7D,SAAUA,GACNY,KAuBT0B,IAAaJ,GACZ5C,MAAAC,cAAA,OAAA,CACEsB,UAAW,mCAAkCiC,EAAgB,YAAc,IAC3EgB,QAAShB,GAETxD,MAAAC,cAACH,EAAa,CACZ2E,SAAUzB,EACV0B,MAAO7E,KAIZoD,GACCjD,MAAAC,cAAA,OAAA,CACEsB,UAAW,qCAAoCgC,EAAiB,YAAc,IAC9EiB,QAASjB,GAETvD,MAAAC,cAACH,EAAa,CACZ2E,SAAUxB,EACVyB,MAAO7E,KAIZkD,GAAYA,GAEdG,GAASA,GAEXL,GAAgB7C,MAAAC,cAAA,IAAA,CAAGsB,UAAU,QAAQsB,GACrCC,GAAY9C,MAAAC,cAAA,IAAA,CAAGsB,UAAW,SAAQoB,EAAQ,YAAc,KAAOG,GACnD,IAInBR,EAAM/B,YAAc,qFAxTSmE,IAC3B7E,EAAY6E,CAAK,2BAKcC,IAC/B7E,EAAgB6E,CAAS"}

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

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

package/dist/ui/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":"aAYaA,MAAAA,mBAAWC,MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,~~UAAS~~,~~qBAAAO~~,~~OAAuBR,~~EAAKO,~~SAAQC~~,~~KAAAA~~,~~OAAIP,GACjDQ,~~KAAK,MACLC,MAAM,6BACNC,~~eAAOH~~,~~OAASR~~,EAAKA,KAAK,~~GAAE~~,~~KAAAQ,OAAIR,~~EAAKA,KAAK,~~KAE1CG~~,MAAAC,cAAA,OAAA,~~CACEQ~~,~~KAAMV~~,~~EACNW~~,~~EAAGb~~,EAAKA,KAAK,KAEX,IAGRH,~~EAAKiB~~,YAAc"}
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":"aAYaA,MAAAA,mBAAWC,MAAWC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAW,qBAAqBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAS,OAAOV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}

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

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

package/dist/ui/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'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string \| null\n minWidth?: string \| null\n minHeight?: string \| null\n width?: string \| null\n height?: string \| null\n size?: string \| null\n fontSize?: string \| null\n color?: string \| null\n className?: string \| null\n style?: CSSProperties \| null\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","~~concat","~~cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAqBaA,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,EAAiBb,GAAWc,EAAYA,aAACd,GAEzCe,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,CAAE,KAC5BS,EAAiB,CAAE,~~aAAY~~,~~OAAAI~~,~~OAASJ~~,~~EAAc,MAAQ,~~CAAE,KAChEA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,~~CAAEO~~,OAAQ,WAAc,CAAE,~~KACrCR~~,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,~~IAElFS~~,~~EAAeH~~,WAAQ,IAAOL,EAAW,CAC7CA,~~UACAS~~,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,~~CAACV~~,IAEX,~~OACEW~~,MAAAC,cAAA,OAAAC,EAAAC,~~QACMb~~,CAAAA,EAAAA,~~EACAO~~,EAAY,~~CAChBX~~,~~UAAS~~,~~GAAAS~~,~~OAAKS,~~EAAOC,QAAC,~~aAAYV~~,~~eAAAA~~,~~OAAcT,GAChDE,~~MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,~~EAAS+B~~,YAAc"}
1	+ {"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n id?: string\n iconUrl?: string \| null\n minWidth?: string \| null\n minHeight?: string \| null\n width?: string \| null\n height?: string \| null\n size?: string \| null\n fontSize?: string \| null\n color?: string \| null\n className?: string \| null\n style?: CSSProperties \| null\n onClick?: (event?: MouseEvent<HTMLSpanElement> \| undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n iconUrl, minWidth, minHeight, size,\n fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n const styles = useMemo(() => (\n {\n '--min-width': minWidth \|\| size \|\| width \|\| 'auto',\n '--min-height': minHeight \|\| size \|\| height \|\| 'auto',\n '--width': size \|\| width \|\| '1rem',\n '--height': size \|\| height \|\| '1rem',\n ...(fontSize ? { fontSize } : {}),\n ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n ...(onClick ? { cursor: 'pointer' } : {}),\n ...style,\n }\n ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return (\n <span\n {...props}\n {...onClickProps}\n className={`${classes['icon-base']} icon-base ${className}`}\n style={styles as CSSProperties}\n >\n {(!unifiedIconUrl && children) && children}\n </span>\n )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","extends","classes","default","displayName"],"mappings":"8KAqBaA,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,EAAiBb,GAAWc,EAAYA,aAACd,GAEzCe,EAASC,EAAAA,SAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,CAAE,KAC5BS,EAAiB,CAAE,aAAc,OAAOA,MAAsB,CAAE,KAChEA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEM,OAAQ,WAAc,CAAE,KACrCP,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAC,QACMZ,CAAAA,EAAAA,EACAM,EAAY,CAChBV,UAAW,GAAGiB,EAAOC,QAAC,0BAA0BlB,IAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS8B,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");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(".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[i,e]=t;return"".concat(i,": ").concat(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={ESIconBase:n};exports.ESIcon=n,exports.ESIconBase=o;
+"use strict";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={ESIconBase:n};exports.ESIcon=n,exports.ESIconBase=o;
 //# sourceMappingURL=IconWC.js.map

package/dist/ui/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 ESIcon 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(): string[] {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback(): void {\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, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null): void {\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 = (): void => {\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 ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","default","styles","~~concat","~~setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"~~6MAKA~~,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,EAAOC,QAAC,cAEvC,MAAMC,EAAS,CACb,cAAejB,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,CAAE,KAC9DT,KAAKG,QAAU,CAAE,~~aAAYe~~,~~OAAAA~~,~~OAASlB,~~KAAKG,~~QAAO~~,~~MAAQ,~~CAAE,KAC5DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,~~YAAYiB~~,aAAa,QAASC,OAAOC,~~QAAQJ~~,~~GAAQK~~,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,~~MAAA~~,~~GAAAL~~,~~OAAQM~~,~~EAAGN~~,~~MAAAA~~,~~OAAKO,EAAK,IAAA,IAAKC,~~KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,~~IACM5B~~,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,~~KAAK6B~~,aAAa,~~YAGrE7B~~,KAAKT,UAAYH,EAASG,~~UAE1BuC~~,EAAAA,~~kBAAkB9B~~,KAAMR,~~EAAOmC~~,oBAE/~~B3B~~,KAAKW,QACP,~~CAEAoB~~,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,~~IACTlC~~,KAAKa,~~UAAUsB~~,OAAOD,~~GACtBlC~~,KAAKa,UAAUC,~~IAAIoB~~,~~IAGlBlC~~,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,~~KAAKgC~~,GAAaE,GAAqB,~~GACvClC~~,KAAKW,QACP,KAwBDhB,EAWM,~~MAAMyC~~,EAAa,CACxBA,~~WAAY5C~~"}
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 ESIcon 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(): string[] {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback(): void {\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, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null): void {\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 = (): void => {\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 ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","default","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"sHAKA,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,EAAOC,QAAC,cAEvC,MAAMC,EAAS,CACb,cAAejB,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,CAAE,KAC9DT,KAAKG,QAAU,CAAE,aAAc,OAAOH,KAAKG,YAAe,CAAE,KAC5DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYgB,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAK,GAAGC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM3B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK4B,aAAa,YAGrE5B,KAAKT,UAAYH,EAASG,UAE1BsC,EAAAA,kBAAkB7B,KAAMR,EAAOkC,oBAE/B1B,KAAKW,QACP,CAEAmB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACTjC,KAAKa,UAAUqB,OAAOD,GACtBjC,KAAKa,UAAUC,IAAImB,IAGlBjC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK+B,GAAaE,GAAqB,GACvCjC,KAAKW,QACP,KAwBDhB,EAWM,MAAMwC,EAAa,CACxBA,WAAY3C"}

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","display","gridTemplateColumns","~~concat","~~repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","key","Math","round","displayName"],"mappings":"yPAoCaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,KACGC,GACaR,EAEhB,MAAMS,EAAeC,EAAAA,SAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,~~oBAAmB~~,~~GAAAC~~,~~OAAK,~~OAAOC,~~OAAOV~~,~~IACtCW~~,MAAO,OACPC,OAAQ,SAER,~~CACAL~~,QAAS,SAEV,CAACP,IAEJ,~~OACEa~~,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,~~EACNhB~~,~~UAAWiB~~,EAAUA,WAACC,UAAQC,~~WAAYnB~~,IACtCG,GAEHF,~~GACCW~~,MAAAC,cAAA,OAAA,~~CAAMb~~,~~UAAWkB~~,EAAOE,~~QAACnB~~,~~cAAeoB~~,UAAW,~~GAChDpB~~,~~GAGLW~~,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,~~MAAOpB~~,~~EACPM~~,MAAM,~~QACFb~~,GAEHD,~~EAAS6B~~,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,~~KAAgB3B~~,~~GAAoBuB~~,EAAA,OAC9Ed,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRgB,IAAKJ,~~GACD7B~~,~~EACAgC~~,EACCF,EACD,CAAEJ,MAAO,CAAEd,~~cAAKF~~,~~OAAUwB~~,KAAKC,MAAmB,IAAbL,~~GAAiBpB~~,~~QAAAA~~,~~OAAoB~~,~~GAAboB,EAAe,SAC5E,~~CAAA,GAEJhB,MAAAC,cAACgB,~~EAAc1B~~,GACL,KAGfD,~~GACCU~~,MAAAC,cAAA,OAAA,~~CAAMb~~,~~UAAWkB~~,EAAOE,~~QAAClB~~,~~aAAcmB~~,UAAW,GAC/~~CnB~~,GAGK,IAOhBT,~~EAAWyC~~,YAAc"}
1	+ {"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/*\n Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n \n Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n \n @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n * Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n /\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n itemDTOs,\n containerProps = {},\n defaultItemLayoutProps = {},\n numColumns = 1,\n className = '',\n beforeContent,\n afterContent,\n ...props\n}: FlowLayoutProps) => {\n // Calculation for column styles based on the number of columns specified.\n const columnStyles = useMemo(() => (numColumns > 0\n ? {\n display: 'grid',\n gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n width: '100%',\n height: 'unset',\n }\n : {\n display: 'flex',\n }\n ), [numColumns])\n\n return (\n <LayoutBox\n width='100%'\n column\n className={classNames(classes.flowLayout, className)}\n {...props}\n >\n {beforeContent && (\n <span className={classes.beforeContent} tabIndex={-1}>\n {beforeContent}\n </span>\n )}\n <LayoutBox\n flexWrap='wrap'\n gap='1rem'\n style={columnStyles}\n width='100%'\n {...containerProps}\n >\n {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n <LayoutBox\n key={id}\n {...defaultItemLayoutProps}\n {...layoutProps}\n {...(spanColumn\n ? { style: { width: `calc(${Math.round(spanColumn 100)}% - ${spanColumn * 16}px)` } }\n : {})}\n >\n <Component {...props} />\n </LayoutBox>\n ))}\n </LayoutBox>\n {afterContent && (\n <span className={classes.afterContent} tabIndex={-1}>\n {afterContent}\n </span>\n )}\n </LayoutBox>\n )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","display","gridTemplateColumns","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","default","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","key","Math","round","displayName"],"mappings":"yPAoCaA,EAAkCC,EAAIA,MAAkBC,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAE,EAAAC,uBACnBA,EAAyB,CAAE,EAAAC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,KACGC,GACaR,EAEhB,MAAMS,EAAeC,EAAAA,SAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,oBAAqB,GAAG,OAAOC,OAAOT,KACtCU,MAAO,OACPC,OAAQ,SAER,CACAJ,QAAS,SAEV,CAACP,IAEJ,OACEY,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNf,UAAWgB,EAAUA,WAACC,UAAQC,WAAYlB,IACtCG,GAEHF,GACCU,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAOE,QAAClB,cAAemB,UAAW,GAChDnB,GAGLU,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRO,SAAS,OACTC,IAAI,OACJC,MAAOnB,EACPK,MAAM,QACFZ,GAEHD,EAAS4B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,KAAgB1B,GAAoBsB,EAAA,OAC9Ed,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRgB,IAAKJ,GACD5B,EACA+B,EACCF,EACD,CAAEJ,MAAO,CAAEd,MAAO,QAAQsB,KAAKC,MAAmB,IAAbL,SAAqC,GAAbA,SAC7D,CAAA,GAEJhB,MAAAC,cAACgB,EAAczB,GACL,KAGfD,GACCS,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAOE,QAACjB,aAAckB,UAAW,GAC/ClB,GAGK,IAOhBT,EAAWwC,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";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";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/ui/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): void => {\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":"~~sFACWA~~,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): void => {\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":"aACWA,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,MAAO,IAAIP,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,EACJ,QAAQf,KAAKK,KAAKC,KAHZQ,GAAW,EAAIA,EAAWA,EAAU,OAI1C,IAAII,IAASC,IAASC,IAASjC,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,UACtFQ,aACL,qBAE0BC,CACxBvB,EAAWK,EAAWC,EAAWQ,IACtB,IAAI3B,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,EACK,GAAGxC,EAAQuC,QAGb,GAAGA,IAAQC,GACpB,6BAnBmCC,IACjC3C,QAAAA,gBAAkB2C,CAAQ"}

package/dist/ui/src/core/utils/helpers/ui.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("../../../../node_modules/core-js/modules/web.dom-collections.iterator.js");exports.classNames=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const e={},t={};return Object.entries(r).forEach((r=>{let[s,o]=r;"data-"===s.substr(0,5)||"data"===s.substr(0,4)?e[s]=o:t[s]=o})),{dataProps:e,restProps:t}};
+"use strict";exports.classNames=function(){for(var r=arguments.length,t=new Array(r),s=0;s<r;s++)t[s]=arguments[s];return t.filter((r=>"string"==typeof r&&null!=r)).filter(Boolean).join(" ")},exports.parseProps=r=>{const t={},s={};return Object.entries(r).forEach((r=>{let[e,a]=r;"data-"===e.substr(0,5)||"data"===e.substr(0,4)?t[e]=a:s[e]=a})),{dataProps:t,restProps:s}};
 //# sourceMappingURL=ui.js.map

package/dist/ui/src/core/utils/helpers/ui.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown \| { dataType: string; value: Array<unknown>} => {\n if (value instanceof Map) {\n return {\n dataType: 'Map',\n value: Array.from(value.entries()), // or with spread: value: [...value]\n }\n }\n return value\n}\n\nexport type TClassName = string \| boolean \| null \| undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n dataProps: Record<string, unknown>\n restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n const dataProps: Record<string, unknown> = {}\n const restProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (key.substr(0, 5) === 'data-' \|\| key.substr(0, 4) === 'data') {\n dataProps[key] = value\n } else {\n restProps[key] = value\n }\n })\n return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number \| undefined) => string\ntype GenerateId = { tokens?: Record<string, number \| null \| undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n token: string,\n increment = true,\n forcedValue: number \| undefined = undefined,\n) => {\n generateId.tokens = generateId.tokens \|\| {}\n\n if (forcedValue !== undefined && forcedValue !== null) {\n generateId.tokens[token] = forcedValue\n return `${token}${generateId?.tokens?.[token] as number}`\n }\n\n const noValue = generateId?.tokens[token] === undefined \|\| generateId?.tokens[token] === null\n\n generateId.tokens[token] = generateId.tokens[token] \|\| 0\n\n if (noValue) {\n return `${token}${0}`\n }\n\n if (increment) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n generateId.tokens[token] += 1\n\n return `${token}${generateId?.tokens?.[token] as number}`\n }\n\n return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement \| null }\n & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement \| null => {\n anchorClick.aElement = anchorClick.aElement \|\| document.createElement('a')\n\n const { aElement } = anchorClick\n\n aElement.setAttribute('href', href)\n aElement.setAttribute('target', target)\n\n aElement.dataset.date = `${Date.now()}`\n aElement.click()\n if (remove) {\n aElement.remove()\n anchorClick.aElement = null\n }\n\n return aElement\n}\n\n\n\nexport type NoopEvent = {\n preventDefault?: () => void\n stopPropagation?: () => void\n stopImmediatePropagation?: () => void\n} \| Event\n\nexport const noop = (event?: NoopEvent): void => {\n event?.preventDefault?.()\n event?.stopPropagation?.()\n event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"~~oHAY0B~~,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,qBAQDC,IACzB,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAS3C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}
1	+ {"version":3,"file":"ui.js","sources":["../../../../../../src/core/utils/helpers/ui.ts"],"sourcesContent":["export const mapSerReplacer\n= (key: string, value: unknown): unknown \| { dataType: string; value: Array<unknown>} => {\n if (value instanceof Map) {\n return {\n dataType: 'Map',\n value: Array.from(value.entries()), // or with spread: value: [...value]\n }\n }\n return value\n}\n\nexport type TClassName = string \| boolean \| null \| undefined\nexport const classNames = (...classes: TClassName[]): string => classes\n .filter((className: TClassName) => (typeof className === 'string' && className !== undefined && className !== null))\n .filter(Boolean).join(' ')\n\n\nexport type PropsCategoriesType = {\n dataProps: Record<string, unknown>\n restProps: Record<string, unknown>\n};\n\nexport const parseProps = (props: Record<string, unknown>):PropsCategoriesType => {\n const dataProps: Record<string, unknown> = {}\n const restProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (key.substr(0, 5) === 'data-' \|\| key.substr(0, 4) === 'data') {\n dataProps[key] = value\n } else {\n restProps[key] = value\n }\n })\n return { dataProps, restProps }\n}\n\n\n\ntype GeneratorIdCallable = (token: string, increment?: boolean, forcedValue?: number \| undefined) => string\ntype GenerateId = { tokens?: Record<string, number \| null \| undefined> } & GeneratorIdCallable\n\nexport const generateId: GenerateId = (\n token: string,\n increment = true,\n forcedValue: number \| undefined = undefined,\n) => {\n generateId.tokens = generateId.tokens \|\| {}\n\n if (forcedValue !== undefined && forcedValue !== null) {\n generateId.tokens[token] = forcedValue\n return `${token}${generateId?.tokens?.[token] as number}`\n }\n\n const noValue = generateId?.tokens[token] === undefined \|\| generateId?.tokens[token] === null\n\n generateId.tokens[token] = generateId.tokens[token] \|\| 0\n\n if (noValue) {\n return `${token}${0}`\n }\n\n if (increment) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n generateId.tokens[token] += 1\n\n return `${token}${generateId?.tokens?.[token] as number}`\n }\n\n return `${token}${generateId?.tokens?.[token] as number}`\n}\n\ntype FAnchorClick = { aElement?: HTMLAnchorElement \| null }\n & ((href: string, target?: string, remove?: boolean) => void)\n\nexport const anchorClick: FAnchorClick = (href: string, target = '_top', remove = false): HTMLAnchorElement \| null => {\n anchorClick.aElement = anchorClick.aElement \|\| document.createElement('a')\n\n const { aElement } = anchorClick\n\n aElement.setAttribute('href', href)\n aElement.setAttribute('target', target)\n\n aElement.dataset.date = `${Date.now()}`\n aElement.click()\n if (remove) {\n aElement.remove()\n anchorClick.aElement = null\n }\n\n return aElement\n}\n\n\n\nexport type NoopEvent = {\n preventDefault?: () => void\n stopPropagation?: () => void\n stopImmediatePropagation?: () => void\n} \| Event\n\nexport const noop = (event?: NoopEvent): void => {\n event?.preventDefault?.()\n event?.stopPropagation?.()\n event?.stopImmediatePropagation?.()\n}\n"],"names":["_len","arguments","length","classes","Array","_key","filter","className","Boolean","join","props","dataProps","restProps","Object","entries","forEach","_ref","key","value","substr"],"mappings":"gCAY0B,WAAA,IAAA,IAAAA,EAAAC,UAAAC,OAAIC,EAAOC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAPF,EAAOE,GAAAJ,UAAAI,GAAA,OAA2BF,EAC7DG,QAAQC,GAAgD,iBAAdA,GAAP,MAAiCA,IACpED,OAAOE,SAASC,KAAK,IAAI,qBAQDC,IACzB,MAAMC,EAAqC,CAAA,EACrCC,EAAqC,CAAA,EAS3C,OAPAC,OAAOC,QAAQJ,GAAOK,SAAQC,IAAkB,IAAhBC,EAAKC,GAAMF,EAChB,UAArBC,EAAIE,OAAO,EAAG,IAAuC,SAArBF,EAAIE,OAAO,EAAG,GAChDR,EAAUM,GAAOC,EAEjBN,EAAUK,GAAOC,CACnB,IAEK,CAAEP,YAAWC,YAAW"}