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

@e1011/es-kit 1.1.76 → 1.1.80

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

Files changed (1772) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any \| any[] \| null\n\nexport type DataFetching = { data?: Data; error?: string \| null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> \| any) => Record<string, any>\n\ntype UseApiItem = {\n id: string\n caller: Caller\n decorator?: Decorator\n successHandler?: (data: any) => void\n errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n id: string,\n callerInitial: Caller,\n decoratorIntitial?: Decorator,\n successHandler?: (data: any) => void,\n errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n // TODO should work the same with useMemo...\n if (!map[id]) {\n map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n }\n\n const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n try {\n setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n const data: Data = await caller(...args)\n const returnData = decorator ? decorator(data) : data\n\n onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n setDataFetching((prevState: DataFetching) => {\n const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n return newState\n })\n\n return returnData\n } catch (error: any) {\n onError && onError(error)\n setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n throw error\n }\n }, [caller, decorator, onSuccess, onError])\n\n return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","_objectSpread","arguments","returnData","originalData"],"mappings":"~~4OAkBA~~,MAAMA,EAAkC,CAAE,EAEpCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,MAEpDC,EAASA,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,~~EAAAA~~,~~SAAuBZ,~~GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,~~cAAWC~~,GAAC,YAC7C,IACEP,GAAiBQ,GAAuBC,EAAAA,KAAWD,GAAS,GAAA,CAAElB,SAAS,MACvE,MAAME,QAAmBU,KAAOQ,WAC1BC,EAAaR,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMmB,EAAYC,aAAcpB,EAAKA,OAE9DQ,GAAiBQ,GACDC,EAAAA,KAAQD,GAAS,GAAA,CAAElB,SAAS,EAAOC,MAAO,KAAMC,KAAMmB,EAAYC,aAAcpB,EAAKA,SAK9FmB,CACR,CAAC,MAAOpB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,GAAuBC,EAAAA,KAAWD,GAAS,GAAA,CAAElB,SAAS,EAAOC,YACxEA,CACR,CACD,IAAE,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}
1	+ {"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any \| any[] \| null\n\nexport type DataFetching = { data?: Data; error?: string \| null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> \| any) => Record<string, any>\n\ntype UseApiItem = {\n id: string\n caller: Caller\n decorator?: Decorator\n successHandler?: (data: any) => void\n errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n id: string,\n callerInitial: Caller,\n decoratorIntitial?: Decorator,\n successHandler?: (data: any) => void,\n errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n // TODO should work the same with useMemo...\n if (!map[id]) {\n map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n }\n\n const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n try {\n setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n const data: Data = await caller(...args)\n const returnData = decorator ? decorator(data) : data\n\n onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n setDataFetching((prevState: DataFetching) => {\n const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n return newState\n })\n\n return returnData\n } catch (error: any) {\n onError && onError(error)\n setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n throw error\n }\n }, [caller, decorator, onSuccess, onError])\n\n return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","_objectSpread","arguments","returnData","originalData"],"mappings":"qOAkBA,MAAMA,EAAkC,CAAE,EAEpCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,MAEpDC,EAASA,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,EAAuBZ,GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,EAAWC,GAAC,YAC7C,IACEP,GAAiBQ,GAAuBC,EAAAA,KAAWD,GAAS,GAAA,CAAElB,SAAS,MACvE,MAAME,QAAmBU,KAAOQ,WAC1BC,EAAaR,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMmB,EAAYC,aAAcpB,EAAKA,OAE9DQ,GAAiBQ,GACDC,EAAAA,KAAQD,GAAS,GAAA,CAAElB,SAAS,EAAOC,MAAO,KAAMC,KAAMmB,EAAYC,aAAcpB,EAAKA,SAK9FmB,CACR,CAAC,MAAOpB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,GAAuBC,EAAAA,KAAWD,GAAS,GAAA,CAAElB,SAAS,EAAOC,YACxEA,CACR,CACD,IAAE,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}

package/dist/lib/esm/src/core/hooks/useClassNames.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../node_modules/react/index.js";import{classNames as e}from"../utils/helpers/ui.js";const s=(s,r)=>o.useMemo((()=>e(...s)),[s,r]);export{s as useClassNames};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useMemo as o}from"react";import{classNames as e}from"../utils/helpers/ui.js";const r=(r,t)=>o((()=>e(...r)),[r,t]);export{r as useClassNames};
 //# sourceMappingURL=useClassNames.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\n\n/*\n Custom hook to memoize class names.\n * @param {TClassName[]} classes - Array of class names or conditions to be applied.\n * @param {unknown[]} deps - Dependencies array for the `useMemo` hook.\n * @returns {ReturnType<typeof classNames>} The computed class names as a string.\n */\nexport const useClassNames = (\n classes: TClassName[],\n deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n): ReturnType<typeof classNames> => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"~~2LAWaA~~,MAAAA,EAAgBA,CAC3BC,EACAC,IAEkCC,~~EAAOA~~,~~SAAC,~~IAAMC,KAAcH,IAAU,CAACA,EAASC"}
1	+ {"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\n\n/*\n Custom hook to memoize class names.\n * @param {TClassName[]} classes - Array of class names or conditions to be applied.\n * @param {unknown[]} deps - Dependencies array for the `useMemo` hook.\n * @returns {ReturnType<typeof classNames>} The computed class names as a string.\n */\nexport const useClassNames = (\n classes: TClassName[],\n deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n): ReturnType<typeof classNames> => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"kKAWaA,MAAAA,EAAgBA,CAC3BC,EACAC,IAEkCC,GAAQ,IAAMC,KAAcH,IAAU,CAACA,EAASC"}

package/dist/lib/esm/src/core/hooks/useIntersectionObserver.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{r}from"../../../node_modules/react/index.js";const n={root:null,rootMargin:"0px",threshold:.5},t=t=>{let{callback:l,notIntersectingCallback:o,options:c={},granular:s}=t;const u=r.useRef(null),i=r.useRef(),a=r.useCallback((e=>{!function(e,r,n){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?e.forEach((e=>{e.isIntersecting?r():null==n||n()})):e[0].isIntersecting?r():null==n||n()}(e,l,o,s)}),[l,s,o]);return r.useEffect((()=>{var r;null===(r=i.current)||void 0===r||r.disconnect();const t=u.current;return i.current=new IntersectionObserver(a,e(e({},n),c)),t&&i.current.observe(t),()=>{var e;null===(e=i.current)||void 0===e||e.disconnect()}}),[a,c]),u};export{t as useIntersectionObserver};
+import{objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as n,useCallback as t,useEffect as e}from"react";const o={root:null,rootMargin:"0px",threshold:.5},l=l=>{let{callback:c,notIntersectingCallback:i,options:s={},granular:u}=l;const a=n(null),p=n(),v=t((r=>{!function(r,n,t){arguments.length>3&&void 0!==arguments[3]&&arguments[3]?r.forEach((r=>{r.isIntersecting?n():null==t||t()})):r[0].isIntersecting?n():null==t||t()}(r,c,i,u)}),[c,u,i]);return e((()=>{var n;null===(n=p.current)||void 0===n||n.disconnect();const t=a.current;return p.current=new IntersectionObserver(v,r(r({},o),s)),t&&p.current.observe(t),()=>{var r;null===(r=p.current)||void 0===r||r.disconnect()}}),[v,s]),a};export{l as useIntersectionObserver};
 //# sourceMappingURL=useIntersectionObserver.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/core/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef } from 'react'\n\nconst defaultOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.5,\n}\n\n/*\n Type definition for the parameters used in the `useIntersectionObserver` hook.\n * @typedef {Object} UseIntersectionObserverType\n * @property {() => void} callback - Function to be called when the element intersects.\n * @property {() => void} [notIntersectingCallback] - Optional function to be called\n * when the element is not intersecting.\n * @property {Partial<{ root: HTMLElement \| null; rootMargin: string; threshold: number }>} [options] -\n * Optional IntersectionObserver options.\n * @property {boolean} [granular] - Flag to determine if each entry should be checked individually.\n /\nexport type UseIntersectionObserverType = {\n callback: () => void\n notIntersectingCallback?: () => void\n options?: Partial<{\n root: HTMLElement \| null\n rootMargin: string\n threshold: number\n }>\n granular?: boolean\n}\n\n/\n Default handler for intersection changes.\n * @param {IntersectionObserverEntry[]} entries - Array of intersection observer entries.\n * @param {() => void} callback - Function to be called when the element intersects.\n * @param {() => void} [notIntersectingCallback] - Optional function to be called when the element is not intersecting.\n * @param {boolean} [granular=false] - Flag to determine if each entry should be checked individually.\n /\nconst defaultIntersectionHandler = (\n entries: IntersectionObserverEntry[],\n callback: UseIntersectionObserverType['callback'],\n notIntersectingCallback: UseIntersectionObserverType['notIntersectingCallback'],\n granular = false,\n): void => {\n if (granular) {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n callback()\n } else {\n notIntersectingCallback?.()\n }\n })\n } else {\n // eslint-disable-next-line no-lonely-if\n if (entries[0].isIntersecting) {\n callback()\n } else {\n notIntersectingCallback?.()\n }\n }\n}\n\n/\n Custom hook to observe the intersection of an element.\n * @param {UseIntersectionObserverType} params - The parameters for the intersection observer.\n * @returns {MutableRefObject<T \| null>} Ref object for the observed element.\n */\nexport const useIntersectionObserver = <T extends Element = Element>({\n callback, notIntersectingCallback, options = {}, granular,\n}: UseIntersectionObserverType): MutableRefObject<T \| null> => {\n const elementRef = useRef<T \| null>(null)\n\n const observerRef = useRef<IntersectionObserver>()\n\n // entries: IntersectionObserverEntry[], observer: IntersectionObserver)\n const intersectionHandler = useCallback((entries: IntersectionObserverEntry[]) => {\n defaultIntersectionHandler(entries, callback, notIntersectingCallback, granular)\n }, [callback, granular, notIntersectingCallback])\n\n useEffect(() => {\n observerRef.current?.disconnect()\n\n const observeElement = elementRef.current\n\n observerRef.current = new IntersectionObserver(intersectionHandler, { ...defaultOptions, ...options })\n\n if (observeElement) {\n observerRef.current.observe(observeElement)\n }\n\n return (): void => {\n observerRef.current?.disconnect()\n }\n }, [intersectionHandler, options])\n\n return elementRef\n}\n"],"names":["defaultOptions","root","rootMargin","threshold","useIntersectionObserver","_ref","callback","notIntersectingCallback","options","granular","elementRef","useRef","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","_observerRef$current","current","disconnect","observeElement","IntersectionObserver","_objectSpread","observe","_observerRef$current2"],"mappings":"~~mIAEA~~,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,IA4DAC,EAA0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,~~EAAMA~~,~~OAAW,~~MAE9BC,EAAcD,~~EAAAA~~,~~SAGdE,~~EAAsBC,~~EAAWA~~,~~aAAEC,~~KArCR,SACjCA,EACAT,EACAC,GACQS,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRf,IAEAC,SAAAA,GACF,IAIEQ,EAAQ,GAAGM,eACbf,IAEAC,SAAAA,GAGN,CAgBIe,CAA2BP,EAAST,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAgB,~~EAAAA~~,~~WAAU,~~KAAM,IAAAC,EACK,QAAnBA,EAAAZ,EAAYa,eAAO,IAAAD,GAAnBA,EAAqBE,aAErB,MAAMC,EAAiBjB,EAAWe,QAQlC,OANAb,EAAYa,QAAU,IAAIG,qBAAqBf,EAAmBgB,EAAAA,EAAO7B,GAAAA,GAAmBQ,IAExFmB,GACFf,EAAYa,QAAQK,QAAQH,GAGvB,KAAY,IAAAI,EACE,QAAnBA,EAAAnB,EAAYa,eAAO,IAAAM,GAAnBA,EAAqBL,YAAY,CAClC,GACA,CAACb,EAAqBL,IAElBE,CAAU"}
1	+ {"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/core/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef } from 'react'\n\nconst defaultOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.5,\n}\n\n/*\n Type definition for the parameters used in the `useIntersectionObserver` hook.\n * @typedef {Object} UseIntersectionObserverType\n * @property {() => void} callback - Function to be called when the element intersects.\n * @property {() => void} [notIntersectingCallback] - Optional function to be called\n * when the element is not intersecting.\n * @property {Partial<{ root: HTMLElement \| null; rootMargin: string; threshold: number }>} [options] -\n * Optional IntersectionObserver options.\n * @property {boolean} [granular] - Flag to determine if each entry should be checked individually.\n /\nexport type UseIntersectionObserverType = {\n callback: () => void\n notIntersectingCallback?: () => void\n options?: Partial<{\n root: HTMLElement \| null\n rootMargin: string\n threshold: number\n }>\n granular?: boolean\n}\n\n/\n Default handler for intersection changes.\n * @param {IntersectionObserverEntry[]} entries - Array of intersection observer entries.\n * @param {() => void} callback - Function to be called when the element intersects.\n * @param {() => void} [notIntersectingCallback] - Optional function to be called when the element is not intersecting.\n * @param {boolean} [granular=false] - Flag to determine if each entry should be checked individually.\n /\nconst defaultIntersectionHandler = (\n entries: IntersectionObserverEntry[],\n callback: UseIntersectionObserverType['callback'],\n notIntersectingCallback: UseIntersectionObserverType['notIntersectingCallback'],\n granular = false,\n): void => {\n if (granular) {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n callback()\n } else {\n notIntersectingCallback?.()\n }\n })\n } else {\n // eslint-disable-next-line no-lonely-if\n if (entries[0].isIntersecting) {\n callback()\n } else {\n notIntersectingCallback?.()\n }\n }\n}\n\n/\n Custom hook to observe the intersection of an element.\n * @param {UseIntersectionObserverType} params - The parameters for the intersection observer.\n * @returns {MutableRefObject<T \| null>} Ref object for the observed element.\n */\nexport const useIntersectionObserver = <T extends Element = Element>({\n callback, notIntersectingCallback, options = {}, granular,\n}: UseIntersectionObserverType): MutableRefObject<T \| null> => {\n const elementRef = useRef<T \| null>(null)\n\n const observerRef = useRef<IntersectionObserver>()\n\n // entries: IntersectionObserverEntry[], observer: IntersectionObserver)\n const intersectionHandler = useCallback((entries: IntersectionObserverEntry[]) => {\n defaultIntersectionHandler(entries, callback, notIntersectingCallback, granular)\n }, [callback, granular, notIntersectingCallback])\n\n useEffect(() => {\n observerRef.current?.disconnect()\n\n const observeElement = elementRef.current\n\n observerRef.current = new IntersectionObserver(intersectionHandler, { ...defaultOptions, ...options })\n\n if (observeElement) {\n observerRef.current.observe(observeElement)\n }\n\n return (): void => {\n observerRef.current?.disconnect()\n }\n }, [intersectionHandler, options])\n\n return elementRef\n}\n"],"names":["defaultOptions","root","rootMargin","threshold","useIntersectionObserver","_ref","callback","notIntersectingCallback","options","granular","elementRef","useRef","observerRef","intersectionHandler","useCallback","entries","arguments","length","undefined","forEach","entry","isIntersecting","defaultIntersectionHandler","useEffect","_observerRef$current","current","disconnect","observeElement","IntersectionObserver","_objectSpread","observe","_observerRef$current2"],"mappings":"8IAEA,MAAMA,EAAiB,CACrBC,KAAM,KACNC,WAAY,MACZC,UAAW,IA4DAC,EAA0BC,IAEwB,IAFMC,SACnEA,EAAQC,wBAAEA,EAAuBC,QAAEA,EAAU,CAAE,EAAAC,SAAEA,GACrBJ,EAC5B,MAAMK,EAAaC,EAAiB,MAE9BC,EAAcD,IAGdE,EAAsBC,GAAaC,KArCR,SACjCA,EACAT,EACAC,GACQS,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAGND,EAAQI,SAASC,IACXA,EAAMC,eACRf,IAEAC,SAAAA,GACF,IAIEQ,EAAQ,GAAGM,eACbf,IAEAC,SAAAA,GAGN,CAgBIe,CAA2BP,EAAST,EAAUC,EAAyBE,EAAS,GAC/E,CAACH,EAAUG,EAAUF,IAkBxB,OAhBAgB,GAAU,KAAM,IAAAC,EACK,QAAnBA,EAAAZ,EAAYa,eAAO,IAAAD,GAAnBA,EAAqBE,aAErB,MAAMC,EAAiBjB,EAAWe,QAQlC,OANAb,EAAYa,QAAU,IAAIG,qBAAqBf,EAAmBgB,EAAAA,EAAO7B,GAAAA,GAAmBQ,IAExFmB,GACFf,EAAYa,QAAQK,QAAQH,GAGvB,KAAY,IAAAI,EACE,QAAnBA,EAAAnB,EAAYa,eAAO,IAAAM,GAAnBA,EAAqBL,YAAY,CAClC,GACA,CAACb,EAAqBL,IAElBE,CAAU"}

package/dist/lib/esm/src/core/hooks/useOutsideClick.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e}from"../../../node_modules/react/index.js";import{EventName as t}from"../constants/ui.constants.js";import{handleClickOutside as n}from"../ui/utils/clickOutside.js";function o(o,i){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(o,i);const c=e.useCallback((()=>document.removeEventListener(t.Click,r)),[r]);return e.useEffect((()=>(c(),document.addEventListener(t.Click,r),c)),[o,r,c]),c}function i(e,o){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(e,o);return document.addEventListener(t.Click,i),()=>document.removeEventListener(t.Click,i)}export{i as outsideClickHandler,o as useOutsideClick};
+import{useCallback as t,useEffect as e}from"react";import{EventName as n}from"../constants/ui.constants.js";import{handleClickOutside as i}from"../ui/utils/clickOutside.js";function o(o,r){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i(o,r);const s=t((()=>document.removeEventListener(n.Click,c)),[c]);return e((()=>(s(),document.addEventListener(n.Click,c),s)),[o,c,s]),s}function r(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i(t,e);return document.addEventListener(n.Click,o),()=>document.removeEventListener(n.Click,o)}export{r as outsideClickHandler,o as useOutsideClick};
 //# sourceMappingURL=useOutsideClick.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\n/*\n Custom hook to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n /\nexport function useOutsideClick(\n element: Element,\n callback?: CallbackFunction,\n handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n const unsubscriber = useCallback(\n () => document.removeEventListener(EventName.Click, handleClickOutside), [handleClickOutside],\n )\n\n useEffect(() => {\n unsubscriber()\n document.addEventListener(EventName.Click, handleClickOutside)\n\n return unsubscriber\n }, [element, handleClickOutside, unsubscriber])\n\n return unsubscriber\n}\n\n/\n Function to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function outsideClickHandler(\n element: Element,\n callback?: CallbackFunction,\n handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n const unsubscriber = (): void => document.removeEventListener(EventName.Click, handleClickOutside)\n\n document.addEventListener(EventName.Click, handleClickOutside)\n\n return unsubscriber\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","unsubscriber","useCallback","document","removeEventListener","EventName","Click","useEffect","addEventListener","outsideClickHandler"],"mappings":"~~mLAeO~~,SAASA,EACdC,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAExD,MAAMM,EAAeC,~~EAAAA~~,~~aACnB,~~IAAMC,SAASC,oBAAoBC,EAAUC,MAAOV,IAAqB,CAACA,IAU5E,OAPAW,~~EAAAA~~,~~WAAU,~~KACRN,IACAE,SAASK,iBAAiBH,EAAUC,MAAOV,GAEpCK,IACN,CAACP,EAASE,EAAoBK,IAE1BA,CACT,CASO,SAASQ,EACdf,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAMxD,OAFAQ,SAASK,iBAAiBH,EAAUC,MAAOV,GAFtBK,IAAYE,SAASC,oBAAoBC,EAAUC,MAAOV,EAKjF"}
1	+ {"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement \| null \| (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement \| null) => void\n\n/*\n Custom hook to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n /\nexport function useOutsideClick(\n element: Element,\n callback?: CallbackFunction,\n handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n const unsubscriber = useCallback(\n () => document.removeEventListener(EventName.Click, handleClickOutside), [handleClickOutside],\n )\n\n useEffect(() => {\n unsubscriber()\n document.addEventListener(EventName.Click, handleClickOutside)\n\n return unsubscriber\n }, [element, handleClickOutside, unsubscriber])\n\n return unsubscriber\n}\n\n/\n Function to handle clicks outside a specified element.\n * @param {Element} element - The element to detect outside clicks for.\n * @param {CallbackFunction} [callback] - Optional callback function to execute when an outside click is detected.\n * @param {Function} [handleClickOutside=defaultHandleClickOutside] - Optional custom function to handle outside clicks.\n * @returns {() => void} Function to unsubscribe the event listener.\n */\nexport function outsideClickHandler(\n element: Element,\n callback?: CallbackFunction,\n handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n const unsubscriber = (): void => document.removeEventListener(EventName.Click, handleClickOutside)\n\n document.addEventListener(EventName.Click, handleClickOutside)\n\n return unsubscriber\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","unsubscriber","useCallback","document","removeEventListener","EventName","Click","useEffect","addEventListener","outsideClickHandler"],"mappings":"6KAeO,SAASA,EACdC,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAExD,MAAMM,EAAeC,GACnB,IAAMC,SAASC,oBAAoBC,EAAUC,MAAOV,IAAqB,CAACA,IAU5E,OAPAW,GAAU,KACRN,IACAE,SAASK,iBAAiBH,EAAUC,MAAOV,GAEpCK,IACN,CAACP,EAASE,EAAoBK,IAE1BA,CACT,CASO,SAASQ,EACdf,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAMxD,OAFAQ,SAASK,iBAAiBH,EAAUC,MAAOV,GAFtBK,IAAYE,SAASC,oBAAoBC,EAAUC,MAAOV,EAKjF"}

package/dist/lib/esm/src/core/hooks/useParseProps.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e}from"../../../node_modules/react/index.js";import{parseProps as o}from"../utils/helpers/ui.js";const r=r=>e.useMemo((()=>o(r)),[r]);export{r as useParseProps};
+import{useMemo as r}from"react";import{parseProps as o}from"../utils/helpers/ui.js";const t=t=>r((()=>o(t)),[t]);export{t as useParseProps};
 //# sourceMappingURL=useParseProps.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n/*\n Custom hook to parse properties using the `parseProps` utility function.\n * @param {Record<string, unknown>} props - The properties to be parsed.\n * @returns {ReturnType<typeof parseProps>} The parsed properties categorized by the `parseProps` function.\n */\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n const propsCategories = useMemo(() => parseProps(props), [props])\n\n return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"~~6GASaA~~,MAAAA,EAAiBC,GACJC,~~EAAAA~~,~~SAAQ,~~IAAMC,EAAWF,IAAQ,CAACA"}
1	+ {"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n/*\n Custom hook to parse properties using the `parseProps` utility function.\n * @param {Record<string, unknown>} props - The properties to be parsed.\n * @returns {ReturnType<typeof parseProps>} The parsed properties categorized by the `parseProps` function.\n */\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n const propsCategories = useMemo(() => parseProps(props), [props])\n\n return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"oFASaA,MAAAA,EAAiBC,GACJC,GAAQ,IAAMC,EAAWF,IAAQ,CAACA"}

package/dist/lib/esm/src/core/hooks/useResize.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as e}from"../../../node_modules/react/index.js";import t from"../../../node_modules/lodash-es/debounce.js";const n=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,o=arguments.length>1?arguments[1]:void 0;const[i,l]=e.useState({width:void 0,height:void 0}),r=e.useRef({width:0,height:0}),u=e.useRef(),d=e.useRef(),c=e.useMemo((()=>t((e=>{var t,n,i,d;const c=e[0].contentRect.width,h=e[0].contentRect.height;(null===(t=r.current)||void 0===t?void 0:t.width)===c&&(null===(n=r.current)||void 0===n?void 0:n.height)===h||(r.current={width:c,height:h},(o||l)({width:null==u||null===(i=u.current)||void 0===i?void 0:i.clientWidth,height:null==u||null===(d=u.current)||void 0===d?void 0:d.clientHeight}))}),n)),[o,n]);return e.useLayoutEffect((()=>{let e,t;var n,i;null!=u&&u.current&&(t=null==u?void 0:u.current,e=new ResizeObserver(c),e.observe(t),(o||l)({width:null==u||null===(n=u.current)||void 0===n?void 0:n.clientWidth,height:null==u||null===(i=u.current)||void 0===i?void 0:i.clientHeight}));const r=()=>{var n,o;null===(n=e)||void 0===n||null===(o=n.unobserve)||void 0===o||o.call(n,t)};return d.current=r,r}),[c,u,o]),[u,i,d.current]};export{n as useResize};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as t,useRef as e,useMemo as n,useLayoutEffect as i}from"react";import o from"../../../node_modules/lodash-es/debounce.js";const l=function(){let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,r=arguments.length>1?arguments[1]:void 0;const[d,u]=t({width:void 0,height:void 0}),c=e({width:0,height:0}),h=e(),v=e(),s=n((()=>o((t=>{var e,n,i,o;const l=t[0].contentRect.width,d=t[0].contentRect.height;(null===(e=c.current)||void 0===e?void 0:e.width)===l&&(null===(n=c.current)||void 0===n?void 0:n.height)===d||(c.current={width:l,height:d},(r||u)({width:null==h||null===(i=h.current)||void 0===i?void 0:i.clientWidth,height:null==h||null===(o=h.current)||void 0===o?void 0:o.clientHeight}))}),l)),[r,l]);return i((()=>{let t,e;var n,i;null!=h&&h.current&&(e=null==h?void 0:h.current,t=new ResizeObserver(s),t.observe(e),(r||u)({width:null==h||null===(n=h.current)||void 0===n?void 0:n.clientWidth,height:null==h||null===(i=h.current)||void 0===i?void 0:i.clientHeight}));const o=()=>{var n,i;null===(n=t)||void 0===n||null===(i=n.unobserve)||void 0===i||i.call(n,e)};return v.current=o,o}),[s,h,r]),[h,d,v.current]};export{l as useResize};
 //# sourceMappingURL=useResize.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/*\n Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined \| number} width - The width of the wrapper element.\n * @property {undefined \| number} height - The height of the wrapper element.\n /\nexport type WrapperSize = { width: undefined \| number; height: undefined \| number }\n\n/\n Type definition for the unobserver function.\n * @typedef {() => (null \| void)} Unobserver\n /\ntype Unobserver = () => (null \| void)\n\n/\n Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n /\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/\n Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement \| null \| undefined>, WrapperSize, Unobserver \| undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n MutableRefObject<HTMLElement \| null \| undefined>, WrapperSize, Unobserver \| undefined] => {\n const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n const containerRef: MutableRefObject<HTMLElement \| undefined \| null> = useRef<HTMLElement \| undefined \| null>()\n const unobserverRef = useRef<Unobserver>()\n\n const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n // eslint-disable-next-line semi-style\n ;(callBack \|\| setContainerSize)({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay), [callBack, debounceDelay])\n\n useLayoutEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n // eslint-disable-next-line semi-style\n ;(callBack \|\| setContainerSize)({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n\n const unobserver = (): void => {\n resizeObserver?.unobserve?.(containerElement as Element)\n }\n\n // setUnobserver(unobserver)\n unobserverRef.current = unobserver\n\n return unobserver\n }, [debouncedResizeWrapper, containerRef, callBack])\n\n return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"~~kMAiCaA~~,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,~~WAAsB~~,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,~~EAAAA~~,~~OAAoB,~~CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,~~EAAAA~~,~~SACjEE,~~EAAgBF,~~EAAAA~~,~~SAEhBG,~~EAAyBC,~~EAAAA~~,~~SAAQ,~~IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,~~EAAAA~~,~~iBAAgB,~~KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}
1	+ {"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\n/*\n Type definition for the size of the wrapper element.\n * @typedef {Object} WrapperSize\n * @property {undefined \| number} width - The width of the wrapper element.\n * @property {undefined \| number} height - The height of the wrapper element.\n /\nexport type WrapperSize = { width: undefined \| number; height: undefined \| number }\n\n/\n Type definition for the unobserver function.\n * @typedef {() => (null \| void)} Unobserver\n /\ntype Unobserver = () => (null \| void)\n\n/\n Type definition for the resize callback function.\n * @typedef {(wrapperSize: WrapperSize) => void} UseResizeCallBack\n /\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n/\n Custom hook to observe the resize event of an HTML element\n * and execute a callback or update the state with the new size.\n * @param {number} [debounceDelay=250] - The delay in milliseconds for debouncing the resize event.\n * @param {UseResizeCallBack} [callBack] - Optional callback function to execute when the element is resized.\n * @returns {[MutableRefObject<HTMLElement \| null \| undefined>, WrapperSize, Unobserver \| undefined]}\n * An array containing the ref object for the container element,\n * the current size of the container, and an unobserver function.\n */\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n MutableRefObject<HTMLElement \| null \| undefined>, WrapperSize, Unobserver \| undefined] => {\n const [containerSize, setContainerSize] = useState<WrapperSize>({ width: undefined, height: undefined })\n\n const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n const containerRef: MutableRefObject<HTMLElement \| undefined \| null> = useRef<HTMLElement \| undefined \| null>()\n const unobserverRef = useRef<Unobserver>()\n\n const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n const newResizeWidth = entries[0].contentRect.width\n const newResizeHeight = entries[0].contentRect.height\n\n if (lastResizeWidthRef.current?.width === newResizeWidth\n && lastResizeWidthRef.current?.height === newResizeHeight) {\n return\n }\n lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n // eslint-disable-next-line semi-style\n ;(callBack \|\| setContainerSize)({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }, debounceDelay), [callBack, debounceDelay])\n\n useLayoutEffect(() => {\n let resizeObserver: ResizeObserver\n let containerElement: HTMLElement\n\n if (containerRef?.current) {\n containerElement = containerRef?.current\n resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n resizeObserver.observe(containerElement as Element)\n\n // eslint-disable-next-line semi-style\n ;(callBack \|\| setContainerSize)({\n width: containerRef?.current?.clientWidth,\n height: containerRef?.current?.clientHeight,\n })\n }\n\n const unobserver = (): void => {\n resizeObserver?.unobserve?.(containerElement as Element)\n }\n\n // setUnobserver(unobserver)\n unobserverRef.current = unobserver\n\n return unobserver\n }, [debouncedResizeWrapper, containerRef, callBack])\n\n return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"wNAiCaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAAoBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEtFO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAY,IAAAC,EAAAC,EACf,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

package/dist/lib/esm/src/core/hooks/useSetTimeout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e}from"../../../node_modules/react/index.js";const t=function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const u=e.useRef({ready:null,timeout:null,callback:t}),c=e.useCallback((()=>u.current.ready),[]),l=e.useCallback((()=>{u.current.ready=null,u.current.timeout&&clearTimeout(u.current.timeout)}),[]),n=e.useCallback((()=>{u.current.ready=!1,u.current.timeout&&clearTimeout(u.current.timeout),u.current.timeout=setTimeout((()=>{u.current.ready=!0,u.current.callback()}),r)}),[r]);return e.useEffect((()=>{u.current.callback=t}),[t]),e.useEffect((()=>(n(),l)),[l,r,n]),[c,l,n]};export{t as useTimeoutFn};
+import{useRef as t,useCallback as r,useEffect as e}from"react";const u=function(u){let c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const n=t({ready:null,timeout:null,callback:u}),l=r((()=>n.current.ready),[]),o=r((()=>{n.current.ready=null,n.current.timeout&&clearTimeout(n.current.timeout)}),[]),a=r((()=>{n.current.ready=!1,n.current.timeout&&clearTimeout(n.current.timeout),n.current.timeout=setTimeout((()=>{n.current.ready=!0,n.current.callback()}),c)}),[c]);return e((()=>{n.current.callback=u}),[u]),e((()=>(a(),o)),[o,c,a]),[l,o,a]};export{u as useTimeoutFn};
 //# sourceMappingURL=useSetTimeout.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useSetTimeout.js","sources":["../../../../../../src/core/hooks/useSetTimeout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport type UseTimeoutFnReturn = [() => boolean \| null, () => void, () => void];\n\ntype CallBackType = (...args: unknown[]) => unknown\n\ntype LocalStateType = {\n ready: boolean \| null\n timeout: ReturnType<typeof setTimeout> \| null\n callback: CallBackType\n}\n\nexport const useTimeoutFn = (fn: CallBackType, ms: number = 0): UseTimeoutFnReturn => {\n const store = useRef<LocalStateType>({\n ready: null,\n timeout: null,\n callback: fn,\n })\n\n const isReady = useCallback(() => store.current.ready, [])\n\n const clear = useCallback(() => {\n store.current.ready = null\n store.current.timeout && clearTimeout(store.current.timeout)\n }, [])\n\n const set = useCallback(() => {\n store.current.ready = false\n store.current.timeout && clearTimeout(store.current.timeout)\n\n store.current.timeout = setTimeout(() => {\n store.current.ready = true\n store.current.callback()\n }, ms)\n }, [ms])\n\n // update ref when function changes\n useEffect(() => {\n store.current.callback = fn\n }, [fn])\n\n // set on mount, clear on unmount\n useEffect(() => {\n set()\n\n return clear\n }, [clear, ms, set])\n\n return [isReady, clear, set]\n}\n"],"names":["useTimeoutFn","fn","ms","arguments","length","undefined","store","useRef","ready","timeout","callback","isReady","useCallback","current","clear","clearTimeout","set","setTimeout","useEffect"],"mappings":"~~+DAYaA~~,EAAe,SAACC,GAAyD,IAAvCC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAC1D,MAAMG,EAAQC,~~EAAAA~~,~~OAAuB,~~CACnCC,MAAO,KACPC,QAAS,KACTC,SAAUT,IAGNU,EAAUC,~~EAAAA~~,~~aAAY,~~IAAMN,EAAMO,QAAQL,OAAO,IAEjDM,EAAQF,~~EAAAA~~,~~aAAY,~~KACxBN,EAAMO,QAAQL,MAAQ,KACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,QAAQ,GAC3D,IAEGO,EAAMJ,~~EAAAA~~,~~aAAY,~~KACtBN,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,SAEpDH,EAAMO,QAAQJ,QAAUQ,YAAW,KACjCX,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQH,UAAU,GACvBR,EAAG,GACL,CAACA,IAcJ,OAXAgB,~~EAAAA~~,~~WAAU,~~KACRZ,EAAMO,QAAQH,SAAWT,CAAE,GAC1B,CAACA,IAGJiB,~~EAAAA~~,~~WAAU,~~KACRF,IAEOF,IACN,CAACA,EAAOZ,EAAIc,IAER,CAACL,EAASG,EAAOE,EAC1B"}
1	+ {"version":3,"file":"useSetTimeout.js","sources":["../../../../../../src/core/hooks/useSetTimeout.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport type UseTimeoutFnReturn = [() => boolean \| null, () => void, () => void];\n\ntype CallBackType = (...args: unknown[]) => unknown\n\ntype LocalStateType = {\n ready: boolean \| null\n timeout: ReturnType<typeof setTimeout> \| null\n callback: CallBackType\n}\n\nexport const useTimeoutFn = (fn: CallBackType, ms: number = 0): UseTimeoutFnReturn => {\n const store = useRef<LocalStateType>({\n ready: null,\n timeout: null,\n callback: fn,\n })\n\n const isReady = useCallback(() => store.current.ready, [])\n\n const clear = useCallback(() => {\n store.current.ready = null\n store.current.timeout && clearTimeout(store.current.timeout)\n }, [])\n\n const set = useCallback(() => {\n store.current.ready = false\n store.current.timeout && clearTimeout(store.current.timeout)\n\n store.current.timeout = setTimeout(() => {\n store.current.ready = true\n store.current.callback()\n }, ms)\n }, [ms])\n\n // update ref when function changes\n useEffect(() => {\n store.current.callback = fn\n }, [fn])\n\n // set on mount, clear on unmount\n useEffect(() => {\n set()\n\n return clear\n }, [clear, ms, set])\n\n return [isReady, clear, set]\n}\n"],"names":["useTimeoutFn","fn","ms","arguments","length","undefined","store","useRef","ready","timeout","callback","isReady","useCallback","current","clear","clearTimeout","set","setTimeout","useEffect"],"mappings":"qEAYaA,EAAe,SAACC,GAAyD,IAAvCC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAC1D,MAAMG,EAAQC,EAAuB,CACnCC,MAAO,KACPC,QAAS,KACTC,SAAUT,IAGNU,EAAUC,GAAY,IAAMN,EAAMO,QAAQL,OAAO,IAEjDM,EAAQF,GAAY,KACxBN,EAAMO,QAAQL,MAAQ,KACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,QAAQ,GAC3D,IAEGO,EAAMJ,GAAY,KACtBN,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQJ,SAAWM,aAAaT,EAAMO,QAAQJ,SAEpDH,EAAMO,QAAQJ,QAAUQ,YAAW,KACjCX,EAAMO,QAAQL,OAAQ,EACtBF,EAAMO,QAAQH,UAAU,GACvBR,EAAG,GACL,CAACA,IAcJ,OAXAgB,GAAU,KACRZ,EAAMO,QAAQH,SAAWT,CAAE,GAC1B,CAACA,IAGJiB,GAAU,KACRF,IAEOF,IACN,CAACA,EAAOZ,EAAIc,IAER,CAACL,EAASG,EAAOE,EAC1B"}

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

@@ -1,2 +1,2 @@
-import{r as e}from"../../../node_modules/react/index.js";const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const c=o=>{const c=e();null==r||r(o,c),null==t||t(o)},d=e=>{c(e.matches)},s=e=>{c(!e.matches)},l=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,s)}catch(e){}return c(null==l?void 0:l.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,s),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,s)}},c=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e.useEffect((()=>t(o,c)),[o,c])};let d={dark:"theme-dark",light:"theme-light"};const s=()=>d,l=e=>{d=e},r=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?d.light:d.dark,s=e?d.dark:d.light;o&&(o.classList.remove(c),o.classList.remove(s),o.classList.add(s)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(s)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(s),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,d;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(s),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const l=null===(d=e.shadowRoot)||void 0===d?void 0:d.childNodes[0];l&&(l.classList.add(s),l.classList.remove(c))}))))},n=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(d.dark)),r(t,o||document.body)};export{s as getBaseThemes,t as observeThemePreference,l as setThemeClassNames,r as switchColorTheme,n as updateColorTheme,c as useThemePreference};
+import{useEffect as e}from"react";const o="change",t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;const c=o=>{const c=e();null==s||s(o,c),null==t||t(o)},d=e=>{c(e.matches)},l=e=>{c(!e.matches)},r=window.matchMedia("(prefers-color-scheme: dark)");try{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,l)}catch(e){}return c(null==r?void 0:r.matches),window.matchMedia("(prefers-color-scheme: dark)").addEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").addEventListener(o,l),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener(o,d),window.matchMedia("(prefers-color-scheme: light)").removeEventListener(o,l)}},c=function(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>document.body,c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e=>e;e((()=>t(o,c)),[o,c])};let d={dark:"theme-dark",light:"theme-light"};const l=()=>d,r=e=>{d=e},s=function(e,o){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];const c=e?d.light:d.dark,l=e?d.dark:d.light;o&&(o.classList.remove(c),o.classList.remove(l),o.classList.add(l)),"undefined"!=typeof document&&(document.querySelectorAll(".".concat(c)).forEach((e=>{e.classList.add(".".concat(l)),e.classList.remove(".".concat(c))})),t&&(document.querySelectorAll(".shadow-div").forEach((e=>{var o,t;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c)})),document.querySelectorAll("esmf-wrapper").forEach((e=>{var o,t,d;null===(o=e.shadowRoot)||void 0===o||null===(o=o.querySelector(".".concat(c)))||void 0===o||o.classList.add(l),null===(t=e.shadowRoot)||void 0===t||null===(t=t.querySelector(".".concat(c)))||void 0===t||t.classList.remove(c);const r=null===(d=e.shadowRoot)||void 0===d?void 0:d.childNodes[0];r&&(r.classList.add(l),r.classList.remove(c))}))))},n=(e,o)=>{let t=e||!1;"undefined"!=typeof document&&void 0===e&&(t=document.body.classList.contains(d.dark)),s(t,o||document.body)};export{l as getBaseThemes,t as observeThemePreference,r as setThemeClassNames,s as switchColorTheme,n as updateColorTheme,c as useThemePreference};
 //# sourceMappingURL=useThemePreference.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/*\n Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n /\nexport const observeThemePreference = (\n getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n const switchColorThemeHandler = (isDark: boolean): void => {\n const htmlElement = getHtmlElement()\n\n switchColorTheme?.(isDark, htmlElement)\n switchCallback?.(isDark)\n }\n\n const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n switchColorThemeHandler(event.matches)\n }\n\n const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n switchColorThemeHandler(!event.matches)\n }\n\n const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n try {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n } catch (error) {\n console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n }\n\n switchColorThemeHandler(isDark?.matches)\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n\n return () => {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n }\n}\n\n/\n Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n /\nexport const useThemePreference = (\n getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/\n Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n /\ntype ThemeMap = {\n dark: string\n light: string\n}\n\nlet baseThemes: ThemeMap = {\n dark: 'theme-dark',\n light: 'theme-light',\n}\n\n/\n Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n /\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/\n Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n /\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n baseThemes = themes\n}\n\n/\n Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n /\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n const oldClass = isDark ? baseThemes.light : baseThemes.dark\n const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n if (htmlElement) {\n htmlElement.classList.remove(oldClass)\n htmlElement.classList.remove(newClass)\n htmlElement.classList.add(newClass)\n }\n\n if (typeof document !== 'undefined') {\n document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n element.classList.add(`.${newClass}`)\n element.classList.remove(`.${oldClass}`)\n })\n\n if (findShadows) {\n document.querySelectorAll('.shadow-div').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n })\n\n document.querySelectorAll('esmf-wrapper').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n if (firstChild) {\n firstChild.classList.add(newClass)\n firstChild.classList.remove(oldClass)\n }\n })\n }\n }\n}\n\n/\n Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n let resolvedIsDark: boolean = isDark \|\| false\n\n if (typeof document !== 'undefined' && isDark === undefined) {\n resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n }\n switchColorTheme(resolvedIsDark, htmlElement \|\| document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","useThemePreference","useEffect","baseThemes","dark","light","getBaseThemes","setThemeClassNames","themes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","resolvedIsDark","contains"],"mappings":"~~yDAGA~~,MAAMA,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1E,MAAMC,EAA2BD,IAC/B,MAAME,EAAcT,IAEpBU,SAAAA,EAAmBH,EAAQE,GAC3BH,SAAAA,EAAiBC,EAAO,EAGpBI,EAA+BC,IACnCJ,EAAwBI,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCJ,GAAyBI,EAAMC,QAAQ,EAGnCN,EAASQ,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAV,EAAwBD,eAAAA,EAAQM,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDrB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDrB,EAAiCgB,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAClC,CAEL,EAOaM,EAAqB,WAGvB,IAFTpB,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1Ec,~~EAASA~~,~~WAAC,~~IAAMtB,EAAuBC,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F,EAaA,IAAIgB,EAAuB,CACzBC,KAAM,aACNC,MAAO,eAOIC,MAAAA,EAAgBA,IAAgBH,EAMhCI,EAAsBC,IACjCL,EAAaK,CAAM,EASRjB,EAAmB,SAACH,EAAiBE,GAAwD,IAA7BmB,IAAW3B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACtF,MAAM4B,EAAWtB,EAASe,EAAWE,MAAQF,EAAWC,KAClDO,EAAWvB,EAASe,EAAWC,KAAOD,EAAWE,MAEnDf,IACFA,EAAYsB,UAAUC,OAAOH,GAC7BpB,EAAYsB,UAAUC,OAAOF,GAC7BrB,EAAYsB,UAAUE,IAAIH,IAGJ,oBAAb1B,WACTA,SAAS8B,iBAAgBC,IAAAA,OAAKN,IAAYO,SAASC,IACjDA,EAAQN,UAAUE,QAAGE,OAAKL,IAC1BO,EAAQN,UAAUC,WAAMG,OAAKN,GAAW,IAGtCD,IACFxB,SAAS8B,iBAAiB,eAAeE,SAASC,IAAY,IAAAC,EAAAC,EAC1C,QAAlBD,EAAAD,EAAQG,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAAN,OAAKN,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUE,IAAIH,GAC/C,QAAlBS,EAAAF,EAAQG,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAAN,OAAKN,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUC,OAAOH,EAAS,IAG/EzB,SAAS8B,iBAAiB,gBAAgBE,SAASC,IAAY,IAAAK,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAL,EAAQG,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAAN,OAAKN,WAAW,IAAAa,GAAjDA,EAAmDX,UAAUE,IAAIH,GAC/C,QAAlBa,EAAAN,EAAQG,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAAN,OAAKN,WAAW,IAAAc,GAAjDA,EAAmDZ,UAAUC,OAAOH,GAEpE,MAAMgB,EAA4CD,QAArBA,EAAGP,EAAQG,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWd,UAAUE,IAAIH,GACzBe,EAAWd,UAAUC,OAAOH,GAC9B,KAIR,EAOakB,EAAmBA,CAACxC,EAAkBE,KACjD,IAAIuC,EAA0BzC,IAAU,EAEhB,oBAAbH,eAAuCD,IAAXI,IACrCyC,EAAiB5C,SAASC,KAAK0B,UAAUkB,SAAS3B,EAAWC,OAE/Db,EAAiBsC,EAAgBvC,GAAeL,SAASC,KAAK"}
1	+ {"version":3,"file":"useThemePreference.js","sources":["../../../../../../src/core/hooks/useThemePreference.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n\nconst windowMatchMediaChangeEventType = 'change'\n\n/*\n Observes the user's theme preference and applies the appropriate theme.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n * @returns {() => void} Function to stop observing the theme preference.\n /\nexport const observeThemePreference = (\n getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): () => void => {\n const switchColorThemeHandler = (isDark: boolean): void => {\n const htmlElement = getHtmlElement()\n\n switchColorTheme?.(isDark, htmlElement)\n switchCallback?.(isDark)\n }\n\n const changeDarkColorThemeHandler = (event: MediaQueryListEvent): void => {\n switchColorThemeHandler(event.matches)\n }\n\n const changeLightColorThemeHandler = (event: MediaQueryListEvent): void => {\n switchColorThemeHandler(!event.matches)\n }\n\n const isDark = window.matchMedia('(prefers-color-scheme: dark)')\n\n try {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n } catch (error) {\n console.error(`Error::observeThemePreference::removeEventListener: ${error}`)\n }\n\n switchColorThemeHandler(isDark?.matches)\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').addEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n\n return () => {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener(\n windowMatchMediaChangeEventType, changeDarkColorThemeHandler,\n )\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener(\n windowMatchMediaChangeEventType, changeLightColorThemeHandler,\n )\n }\n}\n\n/\n Custom hook to use theme preference in a React component.\n * @param {() => HTMLElement} [getHtmlElement] - Function to get the HTML element to which the theme will be applied.\n * @param {(isDark: boolean) => void} [switchCallback] - Callback function to execute when the theme changes.\n /\nexport const useThemePreference = (\n getHtmlElement: () => HTMLElement = (): HTMLElement => document.body,\n switchCallback: (isDark: boolean) => void = (isDark: boolean): boolean => isDark,\n): void => {\n useEffect(() => observeThemePreference(getHtmlElement, switchCallback), [getHtmlElement, switchCallback])\n}\n\n/\n Type definition for theme map.\n * @typedef {Object} ThemeMap\n * @property {string} dark - CSS class for the dark theme.\n * @property {string} light - CSS class for the light theme.\n /\ntype ThemeMap = {\n dark: string\n light: string\n}\n\nlet baseThemes: ThemeMap = {\n dark: 'theme-dark',\n light: 'theme-light',\n}\n\n/\n Gets the base themes.\n * @returns {ThemeMap} The current base themes.\n /\nexport const getBaseThemes = (): ThemeMap => baseThemes\n\n/\n Sets the base theme class names.\n * @param {ThemeMap} themes - Object containing the CSS classes for dark and light themes.\n /\nexport const setThemeClassNames = (themes: ThemeMap): void => {\n baseThemes = themes\n}\n\n/\n Switches the color theme of the document.\n * @param {boolean} isDark - Flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n * @param {boolean} [findShadows=true] - Flag to determine if shadow DOM elements should also be themed.\n /\nexport const switchColorTheme = (isDark: boolean, htmlElement?: HTMLElement, findShadows = true): void => {\n const oldClass = isDark ? baseThemes.light : baseThemes.dark\n const newClass = isDark ? baseThemes.dark : baseThemes.light\n\n if (htmlElement) {\n htmlElement.classList.remove(oldClass)\n htmlElement.classList.remove(newClass)\n htmlElement.classList.add(newClass)\n }\n\n if (typeof document !== 'undefined') {\n document.querySelectorAll(`.${oldClass}`).forEach((element) => {\n element.classList.add(`.${newClass}`)\n element.classList.remove(`.${oldClass}`)\n })\n\n if (findShadows) {\n document.querySelectorAll('.shadow-div').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n })\n\n document.querySelectorAll('esmf-wrapper').forEach((element) => {\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.add(newClass)\n element.shadowRoot?.querySelector(`.${oldClass}`)?.classList.remove(oldClass)\n\n const firstChild: HTMLElement = element.shadowRoot?.childNodes[0] as HTMLElement\n\n if (firstChild) {\n firstChild.classList.add(newClass)\n firstChild.classList.remove(oldClass)\n }\n })\n }\n }\n}\n\n/\n Updates the color theme of the document.\n * @param {boolean} [isDark] - Optional flag to determine if the dark theme should be applied.\n * @param {HTMLElement} [htmlElement] - The HTML element to which the theme will be applied.\n */\nexport const updateColorTheme = (isDark?: boolean, htmlElement?: HTMLElement): void => {\n let resolvedIsDark: boolean = isDark \|\| false\n\n if (typeof document !== 'undefined' && isDark === undefined) {\n resolvedIsDark = document.body.classList.contains(baseThemes.dark)\n }\n switchColorTheme(resolvedIsDark, htmlElement \|\| document.body)\n}\n"],"names":["windowMatchMediaChangeEventType","observeThemePreference","getHtmlElement","arguments","length","undefined","document","body","switchCallback","isDark","switchColorThemeHandler","htmlElement","switchColorTheme","changeDarkColorThemeHandler","event","matches","changeLightColorThemeHandler","window","matchMedia","removeEventListener","error","addEventListener","useThemePreference","useEffect","baseThemes","dark","light","getBaseThemes","setThemeClassNames","themes","findShadows","oldClass","newClass","classList","remove","add","querySelectorAll","concat","forEach","element","_element$shadowRoot","_element$shadowRoot2","shadowRoot","querySelector","_element$shadowRoot3","_element$shadowRoot4","_element$shadowRoot5","firstChild","childNodes","updateColorTheme","resolvedIsDark","contains"],"mappings":"kCAGA,MAAMA,EAAkC,SAQ3BC,EAAyB,WAGrB,IAFfC,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1E,MAAMC,EAA2BD,IAC/B,MAAME,EAAcT,IAEpBU,SAAAA,EAAmBH,EAAQE,GAC3BH,SAAAA,EAAiBC,EAAO,EAGpBI,EAA+BC,IACnCJ,EAAwBI,EAAMC,QAAQ,EAGlCC,EAAgCF,IACpCJ,GAAyBI,EAAMC,QAAQ,EAGnCN,EAASQ,OAAOC,WAAW,gCAEjC,IACED,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAEpC,CAAC,MAAOI,GAAO,CAYhB,OARAV,EAAwBD,eAAAA,EAAQM,SAChCE,OAAOC,WAAW,gCAAgCG,iBAChDrB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCG,iBACjDrB,EAAiCgB,GAG5B,KACLC,OAAOC,WAAW,gCAAgCC,oBAChDnB,EAAiCa,GAEnCI,OAAOC,WAAW,iCAAiCC,oBACjDnB,EAAiCgB,EAClC,CAEL,EAOaM,EAAqB,WAGvB,IAFTpB,EAAiCC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAG,IAAmBG,SAASC,KAChEC,EAAyCL,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAIM,GAAAA,GAA6BA,EAE1Ec,GAAU,IAAMtB,EAAuBC,EAAgBM,IAAiB,CAACN,EAAgBM,GAC3F,EAaA,IAAIgB,EAAuB,CACzBC,KAAM,aACNC,MAAO,eAOIC,MAAAA,EAAgBA,IAAgBH,EAMhCI,EAAsBC,IACjCL,EAAaK,CAAM,EASRjB,EAAmB,SAACH,EAAiBE,GAAwD,IAA7BmB,IAAW3B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACtF,MAAM4B,EAAWtB,EAASe,EAAWE,MAAQF,EAAWC,KAClDO,EAAWvB,EAASe,EAAWC,KAAOD,EAAWE,MAEnDf,IACFA,EAAYsB,UAAUC,OAAOH,GAC7BpB,EAAYsB,UAAUC,OAAOF,GAC7BrB,EAAYsB,UAAUE,IAAIH,IAGJ,oBAAb1B,WACTA,SAAS8B,iBAAgBC,IAAAA,OAAKN,IAAYO,SAASC,IACjDA,EAAQN,UAAUE,QAAGE,OAAKL,IAC1BO,EAAQN,UAAUC,WAAMG,OAAKN,GAAW,IAGtCD,IACFxB,SAAS8B,iBAAiB,eAAeE,SAASC,IAAY,IAAAC,EAAAC,EAC1C,QAAlBD,EAAAD,EAAQG,kBAAU,IAAAF,GAA+B,QAA/BA,EAAlBA,EAAoBG,cAAa,IAAAN,OAAKN,WAAW,IAAAS,GAAjDA,EAAmDP,UAAUE,IAAIH,GAC/C,QAAlBS,EAAAF,EAAQG,kBAAU,IAAAD,GAA+B,QAA/BA,EAAlBA,EAAoBE,cAAa,IAAAN,OAAKN,WAAW,IAAAU,GAAjDA,EAAmDR,UAAUC,OAAOH,EAAS,IAG/EzB,SAAS8B,iBAAiB,gBAAgBE,SAASC,IAAY,IAAAK,EAAAC,EAAAC,EAC3C,QAAlBF,EAAAL,EAAQG,kBAAU,IAAAE,GAA+B,QAA/BA,EAAlBA,EAAoBD,cAAa,IAAAN,OAAKN,WAAW,IAAAa,GAAjDA,EAAmDX,UAAUE,IAAIH,GAC/C,QAAlBa,EAAAN,EAAQG,kBAAU,IAAAG,GAA+B,QAA/BA,EAAlBA,EAAoBF,cAAa,IAAAN,OAAKN,WAAW,IAAAc,GAAjDA,EAAmDZ,UAAUC,OAAOH,GAEpE,MAAMgB,EAA4CD,QAArBA,EAAGP,EAAQG,sBAAUI,SAAlBA,EAAoBE,WAAW,GAE3DD,IACFA,EAAWd,UAAUE,IAAIH,GACzBe,EAAWd,UAAUC,OAAOH,GAC9B,KAIR,EAOakB,EAAmBA,CAACxC,EAAkBE,KACjD,IAAIuC,EAA0BzC,IAAU,EAEhB,oBAAbH,eAAuCD,IAAXI,IACrCyC,EAAiB5C,SAASC,KAAK0B,UAAUkB,SAAS3B,EAAWC,OAE/Db,EAAiBsC,EAAgBvC,GAAeL,SAASC,KAAK"}

package/dist/lib/esm/src/core/hooks/useToggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../node_modules/react/index.js";const e=function(e){let l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[t,n]=o.useState(e),s=o.useCallback((o=>{n(l?e=>"boolean"==typeof o?o:!e:null!=o?o:!t)}),[l,t,n]),a=o.useCallback((o=>s(void 0===o||"boolean"!=typeof o||o)),[s]),r=o.useCallback((o=>s(void 0!==o&&"boolean"==typeof o&&!0===o)),[s]);return[t,s,a,r]};export{e as useToggle};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as e}from"react";const t=function(t){let n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[l,r]=o(t),i=e((o=>{r(n?e=>"boolean"==typeof o?o:!e:null!=o?o:!l)}),[n,l,r]),c=e((o=>i(void 0===o||"boolean"!=typeof o||o)),[i]),d=e((o=>i(void 0!==o&&"boolean"==typeof o&&!0===o)),[i]);return[l,i,c,d]};export{t as useToggle};
 //# sourceMappingURL=useToggle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/*\n Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any \| boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any \| boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any \| boolean) => void} 3 - Function to forcefully set the state to false.\n /\nexport type useToggleReturnType = [\n boolean,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void\n]\n\n/\n Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n /\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n const [toggled, setToggled] = useState(defaultValue)\n\n /\n Function to toggle the state.\n * @param {any \| boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n /\n const handleToggle: (value?: any \| boolean) => void = useCallback((value?: any \| boolean) => {\n if (async) {\n setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n } else {\n setToggled((value !== undefined && value !== null ? value : !toggled))\n }\n }, [async, toggled, setToggled])\n\n /\n Function to set the state to true.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to true.\n /\n const handleToggleTrue = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined\n \|\| typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n )\n\n /\n Function to set the state to false.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to false.\n */\n const handleToggleFalse = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined\n \|\| typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n )\n\n return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"~~6IAwBaA~~,EAAY,SAACC,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,~~EAAAA~~,~~SAASP,~~GAMjCQ,EAAgDC,~~EAAWA~~,~~aAAEC,~~IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,~~EAAWA~~,~~aACjCI,~~GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,~~EAAAA~~,~~aACvBI,~~GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}
1	+ {"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/*\n Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any \| boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any \| boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any \| boolean) => void} 3 - Function to forcefully set the state to false.\n /\nexport type useToggleReturnType = [\n boolean,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void\n]\n\n/\n Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n /\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n const [toggled, setToggled] = useState(defaultValue)\n\n /\n Function to toggle the state.\n * @param {any \| boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n /\n const handleToggle: (value?: any \| boolean) => void = useCallback((value?: any \| boolean) => {\n if (async) {\n setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n } else {\n setToggled((value !== undefined && value !== null ? value : !toggled))\n }\n }, [async, toggled, setToggled])\n\n /\n Function to set the state to true.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to true.\n /\n const handleToggleTrue = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined\n \|\| typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n )\n\n /\n Function to set the state to false.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to false.\n */\n const handleToggleFalse = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined\n \|\| typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n )\n\n return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sIAwBaA,EAAY,SAACC,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAMjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,GACvBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/lib/esm/src/core/hooks/useToggle2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as o}from"../../../node_modules/react/index.js";const e=e=>{const[s,t]=o.useState(e),l=o.useCallback((o=>{t((e=>"boolean"==typeof o?o:!e))}),[]),a=o.useCallback((o=>l(void 0===o||o)),[l]),r=o.useCallback((o=>l(void 0!==o&&o)),[l]);return[s,l,a,r]};export{e as useToggle2};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as e}from"react";const t=t=>{const[r,s]=o(t),c=e((o=>{s((e=>"boolean"==typeof o?o:!e))}),[]),d=e((o=>c(void 0===o||o)),[c]),i=e((o=>c(void 0!==o&&o)),[c]);return[r,c,d,i]};export{t as useToggle2};
 //# sourceMappingURL=useToggle2.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/*\n Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any \| boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any \| boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any \| boolean) => void} 3 - Function to forcefully set the state to false.\n /\nexport type useToggleReturnType2 = [\n boolean,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void\n]\n\n/\n Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n /\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n const [toggled, setToggled] = useState(defaultValue)\n\n /\n Function to toggle the state.\n * @param {any \| boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n /\n const handleToggle: (value?: any \| boolean) => void = useCallback((value?: any \| boolean) => {\n setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n }, [])\n\n /\n Function to set the state to true.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to true.\n /\n const handleToggleTrue = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n )\n\n /\n Function to set the state to false.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to false.\n */\n const handleToggleFalse = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n )\n\n return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"~~uIAuBaA~~,MAAAA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,~~EAAAA~~,~~SAASH,~~GAMjCI,EAAgDC,~~EAAWA~~,~~aAAEC,~~IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,~~EAAAA~~,~~aACtBI,~~GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,~~EAAAA~~,~~aACvBI,~~GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}
1	+ {"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/*\n Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any \| boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any \| boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any \| boolean) => void} 3 - Function to forcefully set the state to false.\n /\nexport type useToggleReturnType2 = [\n boolean,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void,\n (value?: any \| boolean) => void\n]\n\n/\n Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n /\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n const [toggled, setToggled] = useState(defaultValue)\n\n /\n Function to toggle the state.\n * @param {any \| boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n /\n const handleToggle: (value?: any \| boolean) => void = useCallback((value?: any \| boolean) => {\n setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n }, [])\n\n /\n Function to set the state to true.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to true.\n /\n const handleToggleTrue = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n )\n\n /\n Function to set the state to false.\n * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n * If not provided, the state will be set to false.\n */\n const handleToggleFalse = useCallback(\n (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n )\n\n return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"gIAuBaA,MAAAA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,EAASH,GAMjCI,EAAgDC,GAAaC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,GACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,GACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}

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

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t,extends as e,objectSpread2 as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{r as n}from"../../../../../../node_modules/react/index.js";import o from"./button.module.scss.js";import{Link as r}from"../text/Link.js";import{classNames as i,noop as l}from"../../../../utils/helpers/ui.js";import{composeId as s}from"../../../../utils/helpers/text.js";import{IconBase as c}from"../../icon/IconBase.js";const d=["variant","href","target","children"],m=["label","children","variant","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","href","target"],p={ENTER:{key:"Enter",keyCode:13}},u=n.memo((e=>{let{variant:o,href:i,target:s,children:c}=e,m=t(e,d);return"link"===o?n.createElement(r,a(a({width:"100%",href:i,target:s},m),{},{onClick:l}),c):n.createElement("span",{},c)}));u.displayName="InnerElement";const h=n.memo((a=>{let{label:r,children:l,variant:c,tiny:d,truncate:h,fluid:f,preventDefualt:b,stopPropagation:g,onClick:v,type:E="button",transparent:y,hasShadow:j,hasIcon:k,disabled:I,animated:C=!1,className:N="",id:P,href:w,target:x}=a,R=t(a,m);const S="".concat(r||(null==l?void 0:l.toString())),D=n.useCallback((t=>{b&&t.preventDefault(),g&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t)}),[v,b,g]),B=n.useCallback((t=>{t.key===p.ENTER.key&&(b&&t.preventDefault(),g&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t))}),[v,b,g]);return React.createElement("button",e({type:E,tabIndex:-1,onClick:D,onKeyDown:B,className:i(o.button,d&&o.tiny,c&&o[c],h&&o.truncate,f&&o.fluid,C&&o.animated,y&&o.transparent,j&&o.hasShadow,k&&o.hasIcon,I&&o.disabled,N),id:"".concat(P||S&&s(S)),"data-testid":"".concat(R.dataTestId||R["data-testid"]||P||S&&s(S))},R),React.createElement(u,{variant:c,href:w,target:x},r&&r,l||l))}));h.displayName="Button";const f=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],b=n.memo((t=>{const a={},n={};return Object.entries(t).forEach((t=>{let[e,o]=t;f.includes(e)?n[e]=o:a[e]=o})),n.children=t.children,React.createElement(h,e({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(c,n))}));b.displayName="IconButton";export{h as Button,b as IconButton,p as keys};
+import{objectWithoutProperties as t,extends as e,objectSpread2 as a}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as n,useCallback as o,createElement as r}from"react";import i from"./button.module.scss.js";import{Link as s}from"../text/Link.js";import{classNames as l,noop as c}from"../../../../utils/helpers/ui.js";import{composeId as d}from"../../../../utils/helpers/text.js";import{IconBase as p}from"../../icon/IconBase.js";const m=["variant","href","target","children"],u=["label","children","variant","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","href","target"],h={ENTER:{key:"Enter",keyCode:13}},f=n((e=>{let{variant:n,href:o,target:i,children:l}=e,d=t(e,m);return"link"===n?r(s,a(a({width:"100%",href:o,target:i},d),{},{onClick:c}),l):r("span",{},l)}));f.displayName="InnerElement";const g=n((a=>{let{label:n,children:r,variant:s,tiny:c,truncate:p,fluid:m,preventDefualt:g,stopPropagation:b,onClick:v,type:y="button",transparent:E,hasShadow:j,hasIcon:I,disabled:k,animated:C=!1,className:N="",id:P,href:w,target:R}=a,S=t(a,u);const x="".concat(n||(null==r?void 0:r.toString())),D=o((t=>{g&&t.preventDefault(),b&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t)}),[v,g,b]),B=o((t=>{t.key===h.ENTER.key&&(g&&t.preventDefault(),b&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),null==v||v(t))}),[v,g,b]);return React.createElement("button",e({type:y,tabIndex:-1,onClick:D,onKeyDown:B,className:l(i.button,c&&i.tiny,s&&i[s],p&&i.truncate,m&&i.fluid,C&&i.animated,E&&i.transparent,j&&i.hasShadow,I&&i.hasIcon,k&&i.disabled,N),id:"".concat(P||x&&d(x)),"data-testid":"".concat(S.dataTestId||S["data-testid"]||P||x&&d(x))},S),React.createElement(f,{variant:s,href:w,target:R},n&&n,r||r))}));g.displayName="Button";const b=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],v=n((t=>{const a={},n={};return Object.entries(t).forEach((t=>{let[e,o]=t;b.includes(e)?n[e]=o:a[e]=o})),n.children=t.children,React.createElement(g,e({},a,{hasIcon:!0}),t.iconContent&&t.iconContent,!t.iconContent&&React.createElement(p,n))}));v.displayName="IconButton";export{g as Button,v as IconButton,h as keys};
 //# sourceMappingURL=Button.js.map

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

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

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

@@ -1,2 +1,2 @@
-import e from"../../../../../node_modules/react/index.js";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"}));export{c as closeIconJSX,t as infoIconJSX};
+import e from"react";const c=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"})),t=e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e.createElement("path",{d:"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"}));export{c as closeIconJSX,t as infoIconJSX};
 //# sourceMappingURL=icons.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"~~0DAIaA~~,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}
1	+ {"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"qBAIaA,MAAAA,EACXC,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,EAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAC,cAAA,OAAA,CAAMG,EAAE"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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