npm - @e1011/es-kit - Versions diffs - 1.0.182 → 1.0.184 - Mend

@e1011/es-kit 1.0.182 → 1.0.184

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T>\n\| string \| number \| boolean \| undefined \| string[] \| number[] \| boolean[] \| undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @param selector - Optional selector function to transform the store state.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n if (selector && listener.selector && listener.selector !== selector) {\n throw new Error('Error, mismatchm selector, listener.selector !== selector.')\n }\n if (selector && !listener.selector) {\n // eslint-disable-next-line no-param-reassign\n listener.selector = selector\n }\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller<T>> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller<T>>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","_Object$entries","currentState","listeners","Set","getState","setState","~~_ref~~","~~_asyncToGenerator","~~newState","listener","selector","newValue","undefined","previousValue","~~_x","apply","this","arguments","~~storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","~~_ref2~~","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"~~qPA2F2BA~~,CACzBC,EACAC,EACAC,KACmC,IAAAC,EACnC,IAAIC,EAA2BJ,EAC/B,MAAMK,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,~~EAAQ~~,~~WAAA~~,~~IAAAC~~,~~EAAAC,oBAAG,UAAOC,GACtBP,EAAeO,~~EAGf,IAAK,MAAMC,~~KAAYP~~,EAAW,CAEhC,~~MAAMQ~~,EAAoCD,aAAAA,EAAAA,EAAUC,SAM9CC,EAAiCD,EAAWA,~~EAAST~~,GAAgBA,~~OAG5CW~~,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,~~OAAOV~~,~~KACR~~,~~OAtBKI~~,~~SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,~~EAA2B,CAK/Bd,WAMAC,~~WAMAc~~,UAAWA,~~CAACV~~,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,~~IAAIU~~,MAAM,8DAOlB,~~OALIV~~,IAAaD,EAASC,WAExBD,EAASC,SAAWA,~~GAEtBR~~,~~EAAUmB~~,~~IAAIZ~~,GACP,~~IAAMP~~,~~EAAUoB~~,~~OAAOb~~,EAAS,~~EAMzCc~~,~~YAAcd~~,~~IACZP~~,~~EAAUoB~~,~~OAAOb~~,EAAS,~~GAOxBe~~,~~EACF1B~~,EAAiCE,QAA1BA,~~EAAGyB~~,OAAOC,~~QAAQ5B~~,cAAQE,SAAvBA,~~EAAyB2B~~,QACnC,CACEC,EAAkDC,KAAA,IACjDC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,~~GAAUvB~~,~~EAAAA~~,~~kBAAG,YAA6B,~~IAAA,~~IAAAyB~~,~~EAAAf~~,~~UAAAgB~~,OAApBC,EAAIC,IAAAA,~~MAAAH~~,~~GAAAI~~,EAAA,EAAAA,~~EAAAJ~~,~~EAAAI~~,IAAJF,EAAIE,~~GAAAnB~~,~~UAAAmB~~,GACzB,MAAMC,~~QAAuBN~~,~~EAAc3B~~,EAAUC,~~KAAa6B~~,GAKlE,~~OAHInC~~,GACFM,EAASN,EAAQK,~~IAAY0B~~,~~KAAeI~~,IAEvCG,~~KAEV~~,GACD,CAAA,GACE,KAKAC,EAA2B,~~IAC5BpB~~,KACCM,EAAkB,~~CAAE1B~~,QAAS,~~IAAK0B~~,IAAsB,IAG9D,~~OACIc~~,CACoC"}
1	+ {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T>\n\| string \| number \| boolean \| undefined \| string[] \| number[] \| boolean[] \| undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @param selector - Optional selector function to transform the store state.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n if (selector && listener.selector && listener.selector !== selector) {\n throw new Error('Error, mismatchm selector, listener.selector !== selector.')\n }\n if (selector && !listener.selector) {\n // eslint-disable-next-line no-param-reassign\n listener.selector = selector\n }\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller<T>> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller<T>>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","_Object$entries","currentState","listeners","Set","getState","setState","async","newState","listener","selector","newValue","undefined","previousValue","storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref","actionName","actionHandler","_len","arguments","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"+KA2F2BA,CACzBC,EACAC,EACAC,KACmC,IAAAC,EACnC,IAAIC,EAA2BJ,EAC/B,MAAMK,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAWC,UACfL,EAAeM,EAGf,IAAK,MAAMC,KAAYN,EAAW,CAEhC,MAAMO,EAAoCD,aAAAA,EAAAA,EAAUC,SAM9CC,EAAiCD,EAAWA,EAASR,GAAgBA,OAG5CU,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOT,CAAY,EAMfY,EAA2B,CAK/BT,WAMAC,WAMAS,UAAWA,CAACN,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,IAAIM,MAAM,8DAOlB,OALIN,IAAaD,EAASC,WAExBD,EAASC,SAAWA,GAEtBP,EAAUc,IAAIR,GACP,IAAMN,EAAUe,OAAOT,EAAS,EAMzCU,YAAcV,IACZN,EAAUe,OAAOT,EAAS,GAOxBW,EACFrB,EAAiCE,QAA1BA,EAAGoB,OAAOC,QAAQvB,cAAQE,SAAvBA,EAAyBsB,QACnC,CACEC,EAAkDC,KAAA,IACjDC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAanB,iBAA6B,IAAA,IAAAqB,EAAAC,UAAAC,OAApBC,EAAIC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACzB,MAAMC,QAAuBP,EAActB,EAAUC,KAAayB,GAKlE,OAHI/B,GACFM,EAASN,EAAQK,IAAYqB,KAAeK,IAEvCG,CACT,EACD,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BrB,KACCM,EAAkB,CAAErB,QAAS,IAAKqB,IAAsB,IAG9D,OACIe,CACoC"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js");const n=function(){var n=e.asyncToGenerator((function*(){try{var e,n;const r=(yield null===(e=navigator)||void 0===e||null===(e=e.mediaDevices)||void 0===e||null===(n=e.enumerateDevices)||void 0===n?void 0:n.call(e)).find((e=>"videoinput"===e.kind));return(null==r?void 0:r.deviceId)||(null==r?void 0:r.groupId)}catch(e){return null}}));return function(){return n.apply(this,arguments)}}();exports.getDeviceId=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getDeviceId=async()=>{try{var e,i;const d=(await(null===(e=navigator)||void 0===e||null===(e=e.mediaDevices)||void 0===e||null===(i=e.enumerateDevices)||void 0===i?void 0:i.call(e))).find((e=>"videoinput"===e.kind));return(null==d?void 0:d.deviceId)||(null==d?void 0:d.groupId)}catch(e){return null}};
 //# sourceMappingURL=deviceInfo.js.map

package/dist/lib/cjs/src/core/utils/helpers/deviceInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"deviceInfo.js","sources":["../../../../../../../src/core/utils/helpers/deviceInfo.ts"],"sourcesContent":["export const getDeviceId = async (): Promise<string \| null \| undefined> => {\n try {\n const devices = await navigator?.mediaDevices?.enumerateDevices?.()\n const device = devices.find((device) => device.kind === 'videoinput')\n\n return device?.deviceId \|\| device?.groupId\n } catch (error: any) {\n return null\n }\n}\n"],"names":["~~getDeviceId~~","~~_ref","_asyncToGenerator","~~_navigator","_navigator$enumerateD","device","navigator","mediaDevices","enumerateDevices","call","find","kind","deviceId","groupId","error"~~,"apply","this","arguments"~~],"mappings":"~~6IAAaA~~,~~EAAW~~,~~WAAA,IAAAC,EAAAC,EAAAA,kBAAG,YACzB,~~IAAI,IAAAC,EAAAC,EACF,MACMC,~~SADyB~~,~~QAAlBF~~,~~EAASG~~,~~iBAAS~~,~~IAAAH~~,GAAc,QAAdA,EAATA,EAAWI,oBAAY,IAAAJ,GAAkB,QAAlBC,EAAvBD,EAAyBK,wBAAgB,IAAAJ,OAAA,EAAzCA,EAAAK,KAAAN,~~IACCO~~,MAAML,GAA2B,eAAhBA,EAAOM,OAE/C,OAAON,eAAAA,EAAQO,YAAYP,aAAAA,EAAAA,EAAQQ,QACpC,CAAC,MAAOC,GACP,OAAO,IACT~~,KACD,OAAA,WATuB,OAAAb,EAAAc,MAAAC,KAAAC,UAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"deviceInfo.js","sources":["../../../../../../../src/core/utils/helpers/deviceInfo.ts"],"sourcesContent":["export const getDeviceId = async (): Promise<string \| null \| undefined> => {\n try {\n const devices = await navigator?.mediaDevices?.enumerateDevices?.()\n const device = devices.find((device) => device.kind === 'videoinput')\n\n return device?.deviceId \|\| device?.groupId\n } catch (error: any) {\n return null\n }\n}\n"],"names":["async","_navigator","_navigator$enumerateD","device","navigator","mediaDevices","enumerateDevices","call","find","kind","deviceId","groupId","error"],"mappings":"wFAA2BA,UACzB,IAAI,IAAAC,EAAAC,EACF,MACMC,SADyBF,QAAfA,EAAMG,iBAASH,IAAAA,GAAc,QAAdA,EAATA,EAAWI,oBAAY,IAAAJ,GAAkB,QAAlBC,EAAvBD,EAAyBK,wBAAgB,IAAAJ,OAAA,EAAzCA,EAAAK,KAAAN,KACCO,MAAML,GAA2B,eAAhBA,EAAOM,OAE/C,OAAON,eAAAA,EAAQO,YAAYP,aAAAA,EAAAA,EAAQQ,QACpC,CAAC,MAAOC,GACP,OAAO,IACT"}

package/dist/lib/esm/_virtual/_rollupPluginBabelHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function n(n,t,r,e,o,a,i){try{var c=n[a](i),s=c.value}catch(n){return void r(n)}c.done?t(s):Promise.resolve(s).then(e,o)}function t(t){return function(){var r=this,e=arguments;return new Promise((function(o,a){var i=t.apply(r,e);function c(t){n(i,o,a,c,s,"next",t)}function s(t){n(i,o,a,c,s,"throw",t)}c(void 0)}))}}function r(){return r=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},r.apply(this,arguments)}export{t as asyncToGenerator,r as extends};
+function e(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function r(r){var t=e(r,"string");return"symbol"==typeof t?t:String(t)}function t(e,t,i){return(t=r(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},i.apply(this,arguments)}function n(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}export{t as defineProperty,i as extends,n as taggedTemplateLiteral,e as toPrimitive,r as toPropertyKey};
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

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

@@ -1,2 +1,2 @@
-import{asyncToGenerator as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as a}from"react";const e={},l={loading:!1,error:null,data:null},t=(t,n,d,c,s)=>{const[i,u]=o(l);e[t]||(e[t]={id:t,caller:n,decorator:d,successHandler:c,errorHandler:s});const{caller:m,decorator:g,successHandler:p,errorHandler:H}=e[t];return[a(r((function*(){try{u((r=>({...r,loading:!0})));const r=yield m(...arguments),o=g?g(r):r;return p&&p({data:o,originalData:r.data}),u((a=>({...a,loading:!1,error:null,data:o,originalData:r.data}))),o}catch(r){throw H&&H(r),u((o=>({...o,loading:!1,error:r}))),r}})),[m,g,p,H]),i]};export{t as useApi};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as r,useCallback as a}from"react";const o={},t={loading:!1,error:null,data:null},e=(e,l,n,c,d)=>{const[s,i]=r(t);o[e]||(o[e]={id:e,caller:l,decorator:n,successHandler:c,errorHandler:d});const{caller:u,decorator:g,successHandler:m,errorHandler:H}=o[e];return[a((async function(){try{i((r=>({...r,loading:!0})));const r=await u(...arguments),a=g?g(r):r;return m&&m({data:a,originalData:r.data}),i((o=>({...o,loading:!1,error:null,data:a,originalData:r.data}))),a}catch(r){throw H&&H(r),i((a=>({...a,loading:!1,error:r}))),r}}),[u,g,m,H]),s]};export{e as useApi};
 //# sourceMappingURL=useApi.js.map

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","arguments","returnData","originalData"],"mappings":"~~kNAkBA~~,MAAMA,EAAkC,CAAA,EAElCC,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,IAA6B,IAAKA,EAAWlB,SAAS,MACvE,MAAME,QAAmBU,KAAOO,WAC1BC,EAAaP,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMkB,EAAYC,aAAcnB,EAAKA,OAE9DQ,GAAiBQ,IACE,IAAKA,EAAWlB,SAAS,EAAOC,MAAO,KAAMC,KAAMkB,EAAYC,aAAcnB,EAAKA,SAK9FkB,CACR,CAAC,MAAOnB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,EAAOC,YACxEA,CACR,~~KACC~~,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","async","prevState","arguments","returnData","originalData"],"mappings":"gIAkBA,MAAMA,EAAkC,CAAA,EAElCC,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,GAAYC,iBAC7C,IACEP,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,MACvE,MAAME,QAAmBU,KAAOO,WAC1BC,EAAaP,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMkB,EAAYC,aAAcnB,EAAKA,OAE9DQ,GAAiBQ,IACE,IAAKA,EAAWlB,SAAS,EAAOC,MAAO,KAAMC,KAAMkB,EAAYC,aAAcnB,EAAKA,SAK9FkB,CACR,CAAC,MAAOnB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,EAAOC,YACxEA,CACR,CACD,GAAE,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}

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

@@ -1,2 +1,2 @@
-import{memo as t}from"react";import e from"styled-components";const i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=t=>t&&i[t]||t,n=t(e.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(t=>{let{direction:e}=t;return e||"row"}),(t=>{let{flex:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexGrow:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexShrink:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexBasis:e}=t;return e||"auto"}),(t=>{let{flexWrap:e}=t;return e||"nowrap"}),(t=>{let{gap:e}=t;return void 0!==e?e:"0"}),(t=>{let{alignText:e}=t;return e||"left"}),(t=>{let{justify:e}=t;return r(e)||"flex-start"}),(t=>{let{align:e}=t;return r(e)||"flex-start"}),(t=>{let{alignSelf:e}=t;return e||"auto"}),(t=>{let{margin:e}=t;return e||"0"}),(t=>{let{padding:e}=t;return e||"0"}),(t=>{let{width:e}=t;return e||"auto"}),(t=>{let{height:e}=t;return e||"auto"}),(t=>{let{maxWidth:e}=t;return e||"none"}),(t=>{let{maxHeight:e}=t;return e||"none"}),(t=>{let{minWidth:e}=t;return e||"0"===e?e:"0"}),(t=>{let{minHeight:e}=t;return e||"0"}),(t=>{let{borderRadius:e}=t;return e||"initial"}))),l=t(e(n).attrs((t=>({width:t.width||"100%",height:t.height||"100%",justify:t.justify||"center",align:t.align||"center",...t}))).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),a=t(e(n).attrs((t=>({width:"initial",...t}))).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),d=t(e(n).attrs((t=>({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"},...t}))).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{n as Flex,a as FlexTight,d as FlexTightStyled,l as FlexWrapper};
+import{taggedTemplateLiteral as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e}from"react";import n from"styled-components";var r,i,l,a;const d={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=t=>t&&d[t]||t,u=e(n.div(r||(r=t(["\n  display: flex;\n  position: relative;\n  flex-direction: ",";\n  flex: ",";\n  flex-grow: ",";\n  flex-shrink: ",";\n  flex-basis: ",";\n  flex-wrap: ",";\n  gap: ",";\n  text-align: ",";\n  justify-content: ",";\n  align-items: ",";\n  align-self: ",";\n  margin: ",";\n  padding: ",";\n  width: ",";\n  height: ",";\n  max-width: ",";\n  max-height: ",";\n  min-width: ",";\n  min-height: ",";\n  border-radius: ",";\n"])),(t=>{let{direction:e}=t;return e||"row"}),(t=>{let{flex:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexGrow:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexShrink:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexBasis:e}=t;return e||"auto"}),(t=>{let{flexWrap:e}=t;return e||"nowrap"}),(t=>{let{gap:e}=t;return void 0!==e?e:"0"}),(t=>{let{alignText:e}=t;return e||"left"}),(t=>{let{justify:e}=t;return o(e)||"flex-start"}),(t=>{let{align:e}=t;return o(e)||"flex-start"}),(t=>{let{alignSelf:e}=t;return e||"auto"}),(t=>{let{margin:e}=t;return e||"0"}),(t=>{let{padding:e}=t;return e||"0"}),(t=>{let{width:e}=t;return e||"auto"}),(t=>{let{height:e}=t;return e||"auto"}),(t=>{let{maxWidth:e}=t;return e||"none"}),(t=>{let{maxHeight:e}=t;return e||"none"}),(t=>{let{minWidth:e}=t;return e||"0"===e?e:"0"}),(t=>{let{minHeight:e}=t;return e||"0"}),(t=>{let{borderRadius:e}=t;return e||"initial"}))),s=e(n(u).attrs((t=>({width:t.width||"100%",height:t.height||"100%",justify:t.justify||"center",align:t.align||"center",...t})))(i||(i=t([""])))),f=e(n(u).attrs((t=>({width:"initial",...t})))(l||(l=t([""])))),x=e(n(u).attrs((t=>({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"},...t})))(a||(a=t([""]))));export{u as Flex,f as FlexTight,x as FlexTightStyled,s as FlexWrapper};
 //# sourceMappingURL=Flex.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string \| number\n alignText?: 'center' \| 'right' \| 'left'\n direction?: string\n flexShrink?: string \| number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction \|\| 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis \|\| 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap \|\| 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText \|\| 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) \|\| 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) \|\| 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf \|\| 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin \|\| '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding \|\| '0'};\n width: ${({ width }: Partial<FlexProps>) => width \|\| 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height \|\| 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth \|\| 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight \|\| 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth \|\| minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight \|\| '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius \|\| 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width \|\| '100%',\n height: props.height \|\| '100%',\n justify: props.justify \|\| 'center',\n align: props.align \|\| 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n style: {\n text: 'blue',\n padding: '1rem',\n border: '1px solid green',\n },\n ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","~~withConfig~~","~~displayName~~","~~componentId","~~_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","FlexTight","FlexTightStyled","style","text","border"],"mappings":"~~8DA2BA~~,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAE9FC,EAAOC,EAAKC,EAAOC,IAAGC,~~WAAA~~,~~CAAAC~~,~~YAAA~~,~~OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGfK,~~IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,KAAK,IACnEC,IAAA,IAACC,KAAEA,GAA0BD,EAAA,YAAeE,IAATD,EAAqBA,EAAO,GAAG,IAC7DE,IAAA,IAACC,SAAEA,GAA8BD,EAAA,YAAmBD,IAAbE,EAAyBA,EAAW,GAAG,IAC5EC,IAAA,IAACC,WAAEA,GAAgCD,EAAA,YAAqBH,IAAfI,EAA2BA,EAAa,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,QAAQ,IAChEC,IAAA,IAACC,IAAEA,GAAyBD,EAAA,YAAcT,IAARU,EAAoBA,EAAM,GAAG,IACxDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IACrDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,~~OAAK1B~~,~~EAAiB2B~~,IAAY,YAAY,IAClFC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,~~OAAK5B~~,~~EAAiB6B~~,IAAU,YAAY,IAC3EC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC9DC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,GAAG,IAChDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKC,GAAW,GAAG,IACrDC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAKC,GAAS,MAAM,IACjDC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,MAAM,IACjDC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,MAAM,IACvDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAOC,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,GAAG,IACpDC,IAAA,IAACC,aAAEA,GAAkCD,EAAA,OAAKC,GAAgB,SAAS,KAIzEC,~~EAAc/C~~,EAAKC,EAAOF,~~GAAMiD~~,OAAOC,IAClD,CACEf,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,YACnBuB,~~MAEL9C~~,~~WAAA~~,~~CAAAC~~,~~YAAA~~,~~oBAAAC~~,~~YAAA,gBAR8BJ,CAQ9B,~~CAAA,~~MAEWiD~~,EAAYlD,EAAKC,EAAOF,~~GAAMiD~~,OAAOC,IAA+B,CAC/Ef,MAAO,aACJe,~~MACF9C~~,~~WAAA~~,~~CAAAC~~,~~YAAA~~,~~kBAAAC~~,~~YAAA,gBAH2BJ,CAG3B,~~CAAA,~~MAEUkD~~,~~EAAkBnD~~,EAAKC,EAAOF,~~GAAMiD~~,OAAOC,IAA+B,CACrFf,MAAO,~~UACPkB~~,MAAO,CACLC,KAAM,~~OACNrB~~,QAAS,~~OACTsB~~,OAAQ,~~sBAEPL~~,~~MACF9C~~,~~WAAA~~,~~CAAAC~~,~~YAAA~~,~~wBAAAC~~,~~YAAA,gBARiCJ,CAQjC,~~CAAA"}
1	+ {"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string \| number\n alignText?: 'center' \| 'right' \| 'left'\n direction?: string\n flexShrink?: string \| number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string \| undefined => (value ? (flexValueMap[value] \|\| value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction \|\| 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis \|\| 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap \|\| 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText \|\| 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) \|\| 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) \|\| 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf \|\| 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin \|\| '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding \|\| '0'};\n width: ${({ width }: Partial<FlexProps>) => width \|\| 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height \|\| 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth \|\| 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight \|\| 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth \|\| minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight \|\| '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius \|\| 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width \|\| '100%',\n height: props.height \|\| '100%',\n justify: props.justify \|\| 'center',\n align: props.align \|\| 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n style: {\n text: 'blue',\n padding: '1rem',\n border: '1px solid green',\n },\n ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","_templateObject","_taggedTemplateLiteral","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_templateObject2","FlexTight","_templateObject3","FlexTightStyled","style","text","border","_templateObject4"],"mappings":"uKA2BA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAE9FC,EAAOC,EAAKC,EAAOC,IAAGC,IAAAA,EAAAC,kbAGfC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,KAAK,IACnEC,IAAA,IAACC,KAAEA,GAA0BD,EAAA,YAAeE,IAATD,EAAqBA,EAAO,GAAG,IAC7DE,IAAA,IAACC,SAAEA,GAA8BD,EAAA,YAAmBD,IAAbE,EAAyBA,EAAW,GAAG,IAC5EC,IAAA,IAACC,WAAEA,GAAgCD,EAAA,YAAqBH,IAAfI,EAA2BA,EAAa,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,QAAQ,IAChEC,IAAA,IAACC,IAAEA,GAAyBD,EAAA,YAAcT,IAARU,EAAoBA,EAAM,GAAG,IACxDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IACrDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKzB,EAAiB0B,IAAY,YAAY,IAClFC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAK3B,EAAiB4B,IAAU,YAAY,IAC3EC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC9DC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,GAAG,IAChDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKC,GAAW,GAAG,IACrDC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAKC,GAAS,MAAM,IACjDC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,MAAM,IACjDC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,MAAM,IACvDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAOC,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,GAAG,IACpDC,IAAA,IAACC,aAAEA,GAAkCD,EAAA,OAAKC,GAAgB,SAAS,KAIzEC,EAAc9C,EAAKC,EAAOF,GAAMgD,OAAOC,IAClD,CACEf,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,YACnBuB,KANyB/C,CAQ9BgD,IAAAA,EAAA7C,EAAA,CAAA,QAEW8C,EAAYlD,EAAKC,EAAOF,GAAMgD,OAAOC,IAA+B,CAC/Ef,MAAO,aACJe,KAFyB/C,CAG3BkD,IAAAA,EAAA/C,EAAA,CAAA,QAEUgD,EAAkBpD,EAAKC,EAAOF,GAAMgD,OAAOC,IAA+B,CACrFf,MAAO,UACPoB,MAAO,CACLC,KAAM,OACNvB,QAAS,OACTwB,OAAQ,sBAEPP,KAP+B/C,CAQjCuD,IAAAA,EAAApD,EAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"styled-components";import{memo as o}from"react";import{FlexWrapper as l}from"./Flex.js";const s=o((r=>{let{title:o,border:l,background:s,onClick:t,cssProp:a,children:n,...i}=r;return React.createElement(c,e({onClick:t},i,{$_css:l||"border: 1px solid #999999;",$_css2:s||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),o&&React.createElement("h2",null,o),n&&n)}));s.displayName="Placeholder";var c=r(l).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(e=>e.$_css),(e=>e.$_css2),(e=>e.$_css3));export{s as Placeholder};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as r}from"react";import{FlexWrapper as o}from"./Flex.js";const c=r((r=>{let{title:c,border:l,background:t,onClick:n,cssProp:a,children:s,...i}=r;return React.createElement(o,e({css:"\n      ".concat(l||"border: 1px solid #999999;","\n      ").concat(t||"background-color: rgba(0, 120, 255, 0.2);","\n      ").concat(a,"\n    "),onClick:n},i),c&&React.createElement("h2",null,c),s&&s)}));c.displayName="Placeholder";export{c as Placeholder};
 //# sourceMappingURL=Placeholder.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n title?: string\n cssProp?: string\n background?: string\n border?: string\n onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n <FlexWrapper\n css={`\n ${border \|\| 'border: 1px solid #999999;'}\n ${background \|\| 'background-color: rgba(0, 120, 255, 0.2);'}\n ${cssProp}\n `}\n onClick={onClick}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n >\n {title && (<h2>{title}</h2>)}\n {children && children}\n </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","React","createElement","~~_StyledFlexWrapper~~","_extends","~~$_css~~","~~$_css2~~","~~$_css3","~~displayName"~~,"_styled","FlexWrapper","withConfig","componentId","p"~~],"mappings":"~~qLAYaA~~,MAAAA,EACXC,GAAuBC,IAAA,IAACC,MAAEA,EAAKC,OAAEA,EAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,KAAaC,GAAyBP,EAAA,OAC7GQ,MAAAC,~~cAAAC~~,~~EAAAC~~,EAAA,~~CAMEP~~,~~QAASA~~,~~GAELG~~,~~EAAK,CAAAK,MANLV,~~GAAU,6BAA4BW,OACtCV,GAAc,~~4CAA2CW~~,~~OACzDT~~,~~IAMHJ~~,GAAUO,MAAAC,~~cAAA~~,~~KAAA~~,~~KAAKR~~,GACfK,GAAYA,EACD,IAGhBR,~~EAAYiB~~,YAAc~~,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAAI,GAAAA,EAAAR,QAAAQ,GAAAA,EAAAP,SAAAO,GAAAA,EAAAN~~"}
1	+ {"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n title?: string\n cssProp?: string\n background?: string\n border?: string\n onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n <FlexWrapper\n css={`\n ${border \|\| 'border: 1px solid #999999;'}\n ${background \|\| 'background-color: rgba(0, 120, 255, 0.2);'}\n ${cssProp}\n `}\n onClick={onClick}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...props}\n >\n {title && (<h2>{title}</h2>)}\n {children && children}\n </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","React","createElement","FlexWrapper","_extends","css","concat","displayName"],"mappings":"oJAYaA,MAAAA,EACXC,GAAuBC,IAAA,IAACC,MAAEA,EAAKC,OAAEA,EAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,KAAaC,GAAyBP,EAAA,OAC7GQ,MAAAC,cAACC,EAAWC,EAAA,CACVC,eAAGC,OACCX,GAAU,6BAA4BW,YAAAA,OACtCV,GAAc,4CAA2C,YAAAU,OACzDR,EACF,UACFD,QAASA,GAELG,GAEHN,GAAUO,MAAAC,cAAKR,KAAAA,KAAAA,GACfK,GAAYA,EACD,IAGhBR,EAAYgB,YAAc"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events /\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string \| (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string \| (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number \| string \| Date \| any\n max?: number \| string \| Date \| any\n value?: string \| number \| readonly string[] \| undefined\n defaultValue?: string \| number \| readonly string[] \| undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string \| number) => string \| number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType \| undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] \| null\n creatable?: boolean\n async?: boolean\n css?: string\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string \| number \| undefined; value: string \| number \| undefined }\ntype Option = OptionObj \| string \| number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n css,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event \| EventType \| undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' \|\| options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName"],"mappings":"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"}
1	+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable jsx-a11y/no-static-element-interactions /\n/ eslint-disable jsx-a11y/click-events-have-key-events /\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren } from 'react'\nimport styled from 'styled-components'\n\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string \| (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string \| (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }) => (disabled \|\| userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n / Chrome, Safari, Edge, Opera /\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n / Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\n`\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number \| string \| Date \| any\n max?: number \| string \| Date \| any\n value?: string \| number \| readonly string[] \| undefined\n defaultValue?: string \| number \| readonly string[] \| undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string \| number) => string \| number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType \| undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] \| null\n creatable?: boolean\n async?: boolean\n css?: string\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string \| number \| undefined; value: string \| number \| undefined }\ntype Option = OptionObj \| string \| number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n css,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event \| EventType \| undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' \|\| options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","setIconColor","color","IconComponent","memo","React","createElement","setIconComponent","component","FieldWrapper","styled","div","_templateObject","_taggedTemplateLiteral","_ref","disabled","userDisabled","_ref2","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","concat","JSON","stringify","label","InputComponent","input","_templateObject2","TextAreaComponent","textarea","_templateObject3","StyledFieldLabel","_templateObject4","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","_event$preventDefault","preventDefault","call","handleChange","target","valueProps","useMemo","undefined","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","displayName"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null) {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","~~this~~","~~content~~","mainElement","~~iconUrl~~","~~minWidth~~","~~minHeight~~","~~width~~","~~height~~","~~size~~","~~fontSize~~","~~color~~","~~render~~","~~querySelector~~","~~classList~~","~~add~~","~~classes~~","~~styles~~","~~concat~~","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"~~+NAKA~~,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,~~KACtCC~~,~~aAAO~~,~~EAAAD~~,~~KAEPE~~,~~iBAAW~~,~~EAAAF~~,~~KAEXG~~,~~aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,~~KAAKE,~~YAAcF,KAAKE,aAAeF,KAAKY,~~cAAc,~~eACrDZ~~,~~KAAKE~~,YACR,~~OAEFF~~,~~KAAKa~~,UAAUC,IAAIC,EAAQ,~~qBAC3Bf~~,~~KAAKE~~,~~YAAYW~~,UAAUC,IAAIC,EAAQ,cAEvC,MAAMC,EAAS,CACb,~~cAAehB~~,~~KAAKI~~,~~UAAYJ~~,KAAKQ,MAAQR,~~KAAKM~~,OAAS,OAC3D,~~eAAgBN~~,~~KAAKK~~,~~WAAaL~~,KAAKQ,MAAQR,~~KAAKO~~,QAAU,OAC9D,~~UAAWP~~,KAAKQ,MAAQR,~~KAAKM~~,OAAS,OACtC,~~WAAYN~~,KAAKQ,MAAQR,~~KAAKO~~,QAAU,~~UACpCP~~,~~KAAKS~~,SAAW,CAAE,~~YAAaT~~,~~KAAKS~~,UAAY,SAAY,~~MAC5DT~~,~~KAAKG~~,QAAU,CAAE,~~aAAYc~~,OAAAA,~~OAASjB~~,~~KAAKG~~,QAAO,MAAQ,~~MAC1DH~~,~~KAAKG~~,QAAU,CAAE,~~eAAgBH~~,~~KAAKU~~,OAAU,CAAE,~~uBAAwBV~~,~~KAAKU~~,~~QAGrFV~~,~~KAAKE~~,YAAYX,~~UAAYS~~,~~KAAKG~~,QAAU,~~GAAMH~~,~~KAAKC~~,SAAW,~~GAElED~~,~~KAAKE~~,YAAYgB,aAAa,QAASC,OAAOC,~~QAAQJ~~,~~GAAQK~~,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAA,~~GAAAL~~,~~OAAQM~~,~~EAAGN~~,MAAAA,~~OAAKO~~,EAAK,IAAA,IAAKC,KAAK,KAAK,~~CACpH~~,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,~~IACM3B~~,~~KAAKC~~,~~SAAWD~~,~~KAAKT~~,~~aACvBS~~,~~KAAKC~~,~~QAAUD~~,~~KAAKC~~,~~SAAWD~~,~~KAAKT~~,~~WAAaS~~,~~KAAK4B~~,aAAa,~~YAGrE5B~~,~~KAAKT~~,UAAYH,EAASG,UAE1BsC,~~EAAkB7B~~,~~KAAMR~~,EAAOkC,oBAE/~~B1B~~,~~KAAKW~~,QACP,~~CAEAmB~~,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACTjC,~~KAAKa~~,~~UAAUqB~~,OAAOD,GACtBjC,~~KAAKa~~,UAAUC,~~IAAImB~~,IAGlBjC,~~KAAKU~~,~~QACRV~~,~~KAAKU~~,MAAQ,~~gBAIfV~~,KAAK+B,GAAaE,GAAqB,GACvCjC,~~KAAKW~~,QACP,~~KAwBDhB~~,EAWM,~~MAAMwC~~,EAAa,CACxBA,~~WAAY3C~~"}
1	+ {"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n content: string \| null\n\n mainElement: HTMLElement\n\n iconUrl?: string \| null\n\n minWidth?: string \| null\n\n minHeight?: string \| null\n\n width?: string \| null\n\n height?: string \| null\n\n size?: string \| null\n\n fontSize?: string \| null\n\n color?: string \| null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.content \|\| this.innerHTML) {\n this.content = this.content \|\| this.innerHTML \|\| this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, ESIcon.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string \| number \| null, newVal: string \| number \| null) {\n if (attrName === 'className' \|\| attrName === 'classname' \|\| attrName === 'class') {\n if (typeof newVal === 'string') {\n this.classList.remove(newVal as string)\n this.classList.add(newVal as string)\n }\n }\n if (!this.color) {\n this.color = 'currentColor'\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = (newVal as string) \|\| ''\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement \|\| this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth \|\| this.size \|\| this.width \|\| 'auto',\n '--min-height': this.minHeight \|\| this.size \|\| this.height \|\| 'auto',\n '--width': this.size \|\| this.width \|\| '1rem',\n '--height': this.size \|\| this.height \|\| '1rem',\n ...(this.fontSize ? { 'font-size': this.fontSize \|\| 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content \|\| '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const ESIconBase = {\n ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","_defineProperty","this","mainElement","querySelector","classList","add","classes","styles","minWidth","size","width","minHeight","height","fontSize","iconUrl","concat","color","content","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","render","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"qTAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,iBAqD7B,KAEP,GADAC,KAAKC,YAAcD,KAAKC,aAAeD,KAAKE,cAAc,eACrDF,KAAKC,YACR,OAEFD,KAAKG,UAAUC,IAAIC,EAAQ,qBAC3BL,KAAKC,YAAYE,UAAUC,IAAIC,EAAQ,cAEvC,MAAMC,EAAS,CACb,cAAeN,KAAKO,UAAYP,KAAKQ,MAAQR,KAAKS,OAAS,OAC3D,eAAgBT,KAAKU,WAAaV,KAAKQ,MAAQR,KAAKW,QAAU,OAC9D,UAAWX,KAAKQ,MAAQR,KAAKS,OAAS,OACtC,WAAYT,KAAKQ,MAAQR,KAAKW,QAAU,UACpCX,KAAKY,SAAW,CAAE,YAAaZ,KAAKY,UAAY,SAAY,MAC5DZ,KAAKa,QAAU,CAAE,aAAYC,OAAAA,OAASd,KAAKa,QAAO,MAAQ,MAC1Db,KAAKa,QAAU,CAAE,eAAgBb,KAAKe,OAAU,CAAE,uBAAwBf,KAAKe,QAGrFf,KAAKC,YAAYX,UAAYU,KAAKa,QAAU,GAAMb,KAAKgB,SAAW,GAElEhB,KAAKC,YAAYgB,aAAa,QAASC,OAAOC,QAAQb,GAAQc,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAA,GAAAP,OAAQQ,EAAGR,MAAAA,OAAKS,EAAK,IAAA,IAAKC,KAAK,KAAK,GACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKgB,SAAWhB,KAAKV,aACvBU,KAAKgB,QAAUhB,KAAKgB,SAAWhB,KAAKV,WAAaU,KAAK2B,aAAa,YAGrE3B,KAAKV,UAAYH,EAASG,UAE1BsC,EAAkB5B,KAAMT,EAAOkC,oBAE/BzB,KAAK6B,QACP,CAEAC,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACTjC,KAAKG,UAAU+B,OAAOD,GACtBjC,KAAKG,UAAUC,IAAI6B,IAGlBjC,KAAKe,QACRf,KAAKe,MAAQ,gBAIff,KAAK+B,GAAaE,GAAqB,GACvCjC,KAAK6B,QACP,KAwBDnC,EAWM,MAAMyC,EAAa,CACxBA,WAAY5C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T>\n\| string \| number \| boolean \| undefined \| string[] \| number[] \| boolean[] \| undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @param selector - Optional selector function to transform the store state.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n if (selector && listener.selector && listener.selector !== selector) {\n throw new Error('Error, mismatchm selector, listener.selector !== selector.')\n }\n if (selector && !listener.selector) {\n // eslint-disable-next-line no-param-reassign\n listener.selector = selector\n }\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller<T>> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller<T>>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","_Object$entries","currentState","listeners","Set","getState","setState","~~_ref~~","~~_asyncToGenerator","~~newState","listener","selector","newValue","undefined","previousValue","~~_x","apply","this","arguments","~~storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","~~_ref2~~","actionName","actionHandler","_len","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"~~4KA2FO~~,MAAMA,EAAcA,CACzBC,EACAC,EACAC,KACmC,IAAAC,EACnC,IAAIC,EAA2BJ,EAC/B,MAAMK,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,~~EAAQ~~,~~WAAA~~,~~IAAAC~~,~~EAAAC,GAAG,UAAOC,GACtBP,EAAeO,~~EAGf,IAAK,MAAMC,~~KAAYP~~,EAAW,CAEhC,~~MAAMQ~~,EAAoCD,aAAAA,EAAAA,EAAUC,SAM9CC,EAAiCD,EAAWA,~~EAAST~~,GAAgBA,~~OAG5CW~~,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,~~OAAOV~~,~~KACR~~,~~OAtBKI~~,~~SAAQS,GAAA,OAAAR,EAAAS,MAAAC,KAAAC,UAAA,EAAA,GA2BRC,~~EAA2B,CAK/Bd,WAMAC,~~WAMAc~~,UAAWA,~~CAACV~~,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,~~IAAIU~~,MAAM,8DAOlB,~~OALIV~~,IAAaD,EAASC,WAExBD,EAASC,SAAWA,~~GAEtBR~~,~~EAAUmB~~,~~IAAIZ~~,GACP,~~IAAMP~~,~~EAAUoB~~,~~OAAOb~~,EAAS,~~EAMzCc~~,~~YAAcd~~,~~IACZP~~,~~EAAUoB~~,~~OAAOb~~,EAAS,~~GAOxBe~~,~~EACF1B~~,EAAiCE,QAA1BA,~~EAAGyB~~,OAAOC,~~QAAQ5B~~,cAAQE,SAAvBA,~~EAAyB2B~~,QACnC,CACEC,EAAkDC,KAAA,IACjDC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,~~GAAUvB~~,~~GAAG~~,~~YAA6B,~~IAAA,~~IAAAyB~~,~~EAAAf~~,~~UAAAgB~~,OAApBC,EAAIC,IAAAA,~~MAAAH~~,~~GAAAI~~,EAAA,EAAAA,~~EAAAJ~~,~~EAAAI~~,IAAJF,EAAIE,~~GAAAnB~~,~~UAAAmB~~,GACzB,MAAMC,~~QAAuBN~~,~~EAAc3B~~,EAAUC,~~KAAa6B~~,GAKlE,~~OAHInC~~,GACFM,EAASN,EAAQK,~~IAAY0B~~,~~KAAeI~~,IAEvCG,~~KAEV~~,GACD,CAAA,GACE,KAKAC,EAA2B,~~IAC5BpB~~,KACCM,EAAkB,~~CAAE1B~~,QAAS,~~IAAK0B~~,IAAsB,IAG9D,~~OACIc~~,CACoC"}
1	+ {"version":3,"file":"store.vanillajs.js","sources":["../../../../../../../../src/core/utils/appState/store/store.vanillajs.ts"],"sourcesContent":["\n// TinyStore, inspired by https://github.com/jherr/syncexternalstore/blob/main/csr/src/store.js\n\n/*\n Represents the callback function for a store listener.\n /\nexport type ListenerCallBack<T> = (state: Partial<T>) => void\n\n/\n Represents a selector function that transforms the store state.\n /\n// export type Selector<T> = (state: Partial<T>) => Partial<T>;\nexport type SelectedValueType<T> = Partial<T> \| Partial<keyof T>\n\| string \| number \| boolean \| undefined \| string[] \| number[] \| boolean[] \| undefined[];\nexport type Selector<T> = (state: Partial<T>) => SelectedValueType<T>;\n\n\n/\n Represents a listener for the store.\n /\nexport type Listener<T> = {\n selector?: Selector<T>\n previousValue?: SelectedValueType<T>\n} & ListenerCallBack<T>\n\n/\n Represents a store.\n /\nexport type Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState: () => Partial<T>\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState: (state: Partial<T>) => Promise<Partial<T>>\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @param selector - Optional selector function to transform the store state.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => () => void\n /\n Unubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => void\n}\n// & { actions?: { [actionName: string]: ActionHandlerCaller } }\n\n/\n Represents a store with additional actions.\n /\nexport type StoreWithActions<T> = Store<T> & { actions: { [actionName: string]: ActionHandlerCaller<T> } }\n\n/\n Represents an action handler function.\n /\nexport type ActionHandler<T> = (\n getState: Store<T>['getState'], // Function to get the current state of the store\n setState: Store<T>['setState'], // Function to set the state of the store\n ...rest: unknown[]\n) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n/\n Represents an reducer function.\n /\nexport type Reducer<T> = (\n state: Partial<T>,\n action: string,\n ...rest: unknown[]\n) => Partial<T>\n\n\n/\n Represents a function that calls an action handler.\n /\nexport type ActionHandlerCaller<T> = (...args: unknown[]) => void \| Partial<T> \| Promise<void \| Partial<T>>\n\n\n/\n Creates a new store.\n * @param initialState - The initial state of the store.\n * @param actions - Optional actions for the store.\n * @returns The created store.\n /\nexport const createStore = <T>(\n initialState: Partial<T>,\n actions?: Record<string, ActionHandler<T>>,\n reducer?: Reducer<T>,\n): Store<T> \| StoreWithActions<T> => {\n let currentState: Partial<T> = initialState\n const listeners = new Set<Listener<T>>()\n\n /\n Gets the current state of the store.\n * @returns The current state of the store.\n /\n const getState = () => currentState\n\n // TODO debounce, batch? what is the meaningful time between setState ofr UI to be rendered and registerd by User?\n /\n Sets the state of the store.\n * @param newState - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n const setState = async (newState: Partial<T>) => {\n currentState = newState\n\n // eslint-disable-next-line no-restricted-syntax\n for (const listener of listeners) {\n // has Listener selector?\n const selector: Selector<T> \| undefined = listener?.selector\n\n // TODO compare selected value to the previous values of that listener/selector pair\n // if listener.previousValue === selector(currentState) no call\n // else listener.previousValue = selector(currentState) and call\n // l1 cache, weak references?\n const newValue: SelectedValueType<T> = selector ? selector(currentState) : currentState\n\n // TODO plugin equality\n if (listener.previousValue === undefined \|\| listener.previousValue !== newValue) {\n listener.previousValue = newValue\n // eslint-disable-next-line no-await-in-loop\n await listener(newValue as Partial<T>)\n }\n }\n return currentState\n }\n\n /\n Represents the basic API of the store.\n /\n const storeBaseicApi: Store<T> = {\n /\n Get the current state of the store.\n * @returns The current state of the store.\n /\n getState,\n /\n Set the state of the store.\n * @param state - The new state to set.\n * @returns A promise that resolves to the new state.\n /\n setState,\n /\n Subscribe a listener to the store.\n * @param listener - The listener function to be subscribed.\n * @returns A function to unsubscribe the listener.\n /\n subscribe: (listener: Listener<T>, selector?: Selector<T>) => {\n if (selector && listener.selector && listener.selector !== selector) {\n throw new Error('Error, mismatchm selector, listener.selector !== selector.')\n }\n if (selector && !listener.selector) {\n // eslint-disable-next-line no-param-reassign\n listener.selector = selector\n }\n listeners.add(listener)\n return () => listeners.delete(listener)\n },\n /\n Unsubscribe a listener from the store.\n * @param listener - The listener function to be unsubscribed.\n /\n unsubscribe: (listener: Listener<T>) => {\n listeners.delete(listener)\n },\n }\n\n /\n Resolves the actions and creates action handlers.\n /\n const resolvedActions: Record<string, ActionHandlerCaller<T>> \| null \| undefined\n = actions ? Object.entries(actions)?.reduce(\n (\n aggregator: Record<string, ActionHandlerCaller<T>>,\n [actionName, actionHandler]: [string, ActionHandler<T>],\n ) => ({\n ...aggregator,\n [actionName]: async(...rest: unknown[]) => {\n const resultOfAction = await actionHandler(getState, setState, ...rest)\n\n if (reducer) {\n setState(reducer(getState(), actionName, ...rest))\n }\n return resultOfAction\n },\n }),\n {},\n ) : null\n\n /\n Represents the store combined with actions.\n */\n const storeCombinedWithActions = {\n ...storeBaseicApi,\n ...(resolvedActions ? { actions: { ...resolvedActions } } : {}),\n }\n\n return resolvedActions\n ? storeCombinedWithActions as StoreWithActions<T>\n : storeCombinedWithActions as Store<T>\n}\n"],"names":["createStore","initialState","actions","reducer","_Object$entries","currentState","listeners","Set","getState","setState","async","newState","listener","selector","newValue","undefined","previousValue","storeBaseicApi","subscribe","Error","add","delete","unsubscribe","resolvedActions","Object","entries","reduce","aggregator","_ref","actionName","actionHandler","_len","arguments","length","rest","Array","_key","resultOfAction","storeCombinedWithActions"],"mappings":"oFA2FO,MAAMA,EAAcA,CACzBC,EACAC,EACAC,KACmC,IAAAC,EACnC,IAAIC,EAA2BJ,EAC/B,MAAMK,EAAY,IAAIC,IAMhBC,EAAWA,IAAMH,EAQjBI,EAAWC,UACfL,EAAeM,EAGf,IAAK,MAAMC,KAAYN,EAAW,CAEhC,MAAMO,EAAoCD,aAAAA,EAAAA,EAAUC,SAM9CC,EAAiCD,EAAWA,EAASR,GAAgBA,OAG5CU,IAA3BH,EAASI,eAA+BJ,EAASI,gBAAkBF,IACrEF,EAASI,cAAgBF,QAEnBF,EAASE,GAEnB,CACA,OAAOT,CAAY,EAMfY,EAA2B,CAK/BT,WAMAC,WAMAS,UAAWA,CAACN,EAAuBC,KACjC,GAAIA,GAAYD,EAASC,UAAYD,EAASC,WAAaA,EACzD,MAAM,IAAIM,MAAM,8DAOlB,OALIN,IAAaD,EAASC,WAExBD,EAASC,SAAWA,GAEtBP,EAAUc,IAAIR,GACP,IAAMN,EAAUe,OAAOT,EAAS,EAMzCU,YAAcV,IACZN,EAAUe,OAAOT,EAAS,GAOxBW,EACFrB,EAAiCE,QAA1BA,EAAGoB,OAAOC,QAAQvB,cAAQE,SAAvBA,EAAyBsB,QACnC,CACEC,EAAkDC,KAAA,IACjDC,EAAYC,GAA0CF,EAAA,MACnD,IACDD,EACHE,CAACA,GAAanB,iBAA6B,IAAA,IAAAqB,EAAAC,UAAAC,OAApBC,EAAIC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACzB,MAAMC,QAAuBP,EAActB,EAAUC,KAAayB,GAKlE,OAHI/B,GACFM,EAASN,EAAQK,IAAYqB,KAAeK,IAEvCG,CACT,EACD,GACD,CAAA,GACE,KAKAC,EAA2B,IAC5BrB,KACCM,EAAkB,CAAErB,QAAS,IAAKqB,IAAsB,IAG9D,OACIe,CACoC"}

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

@@ -1,2 +1,2 @@
-import{asyncToGenerator as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{createStore as o}from"./store.vanillajs.js";const t=(t,a,n,i)=>{const s={...n,load:(l=r((function*(r,o,t){const a=r();o({...a,isLoading:!0});try{const r=yield t;a.data=(null==r?void 0:r.data)||r}catch(r){a.error=r}return o({...a,isLoading:!1})})),function(r,o,t){return l.apply(this,arguments)})};var l;return o({...a,dataId:t,isLoading:!1},s,i)};export{t as createDataStore};
+import{createStore as a}from"./store.vanillajs.js";const t=(t,o,n,r)=>{const s={...n,load:async(a,t,o)=>{const n=a();t({...n,isLoading:!0});try{const a=await o;n.data=(null==a?void 0:a.data)||a}catch(a){n.error=a}return t({...n,isLoading:!1})}};return a({...o,dataId:t,isLoading:!1},s,r)};export{t as createDataStore};
 //# sourceMappingURL=store.vanillajs.templates.js.map

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

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

package/dist/lib/esm/src/core/utils/helpers/deviceInfo.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{asyncToGenerator as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";const i=function(){var i=n((function*(){try{var n,i;const e=(yield null===(n=navigator)||void 0===n||null===(n=n.mediaDevices)||void 0===n||null===(i=n.enumerateDevices)||void 0===i?void 0:i.call(n)).find((n=>"videoinput"===n.kind));return(null==e?void 0:e.deviceId)||(null==e?void 0:e.groupId)}catch(n){return null}}));return function(){return i.apply(this,arguments)}}();export{i as getDeviceId};
+const i=async()=>{try{var i,n;const e=(await(null===(i=navigator)||void 0===i||null===(i=i.mediaDevices)||void 0===i||null===(n=i.enumerateDevices)||void 0===n?void 0:n.call(i))).find((i=>"videoinput"===i.kind));return(null==e?void 0:e.deviceId)||(null==e?void 0:e.groupId)}catch(i){return null}};export{i as getDeviceId};
 //# sourceMappingURL=deviceInfo.js.map

package/dist/lib/esm/src/core/utils/helpers/deviceInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"deviceInfo.js","sources":["../../../../../../../src/core/utils/helpers/deviceInfo.ts"],"sourcesContent":["export const getDeviceId = async (): Promise<string \| null \| undefined> => {\n try {\n const devices = await navigator?.mediaDevices?.enumerateDevices?.()\n const device = devices.find((device) => device.kind === 'videoinput')\n\n return device?.deviceId \|\| device?.groupId\n } catch (error: any) {\n return null\n }\n}\n"],"names":["getDeviceId","~~_ref~~","~~_asyncToGenerator","~~_navigator","_navigator$enumerateD","device","navigator","mediaDevices","enumerateDevices","call","find","kind","deviceId","groupId","error"~~,"apply","this","arguments"~~],"mappings":"~~2FAAaA~~,~~EAAW~~,~~WAAA~~,~~IAAAC~~,~~EAAAC,GAAG,YACzB,~~IAAI,IAAAC,EAAAC,EACF,MACMC,~~SADyB~~,~~QAAlBF~~,~~EAASG~~,~~iBAAS~~,~~IAAAH~~,GAAc,QAAdA,EAATA,EAAWI,oBAAY,IAAAJ,GAAkB,QAAlBC,EAAvBD,EAAyBK,wBAAgB,IAAAJ,OAAA,EAAzCA,EAAAK,KAAAN,~~IACCO~~,MAAML,GAA2B,eAAhBA,EAAOM,OAE/C,OAAON,eAAAA,EAAQO,YAAYP,aAAAA,EAAAA,EAAQQ,QACpC,CAAC,MAAOC,GACP,OAAO,IACT~~,KACD,OAAA,WATuB,OAAAb,EAAAc,MAAAC,KAAAC,UAAA,CAAA,CAAA~~"}
1	+ {"version":3,"file":"deviceInfo.js","sources":["../../../../../../../src/core/utils/helpers/deviceInfo.ts"],"sourcesContent":["export const getDeviceId = async (): Promise<string \| null \| undefined> => {\n try {\n const devices = await navigator?.mediaDevices?.enumerateDevices?.()\n const device = devices.find((device) => device.kind === 'videoinput')\n\n return device?.deviceId \|\| device?.groupId\n } catch (error: any) {\n return null\n }\n}\n"],"names":["getDeviceId","async","_navigator","_navigator$enumerateD","device","navigator","mediaDevices","enumerateDevices","call","find","kind","deviceId","groupId","error"],"mappings":"AAAaA,MAAAA,EAAcC,UACzB,IAAI,IAAAC,EAAAC,EACF,MACMC,SADyBF,QAAfA,EAAMG,iBAASH,IAAAA,GAAc,QAAdA,EAATA,EAAWI,oBAAY,IAAAJ,GAAkB,QAAlBC,EAAvBD,EAAyBK,wBAAgB,IAAAJ,OAAA,EAAzCA,EAAAK,KAAAN,KACCO,MAAML,GAA2B,eAAhBA,EAAOM,OAE/C,OAAON,eAAAA,EAAQO,YAAYP,aAAAA,EAAAA,EAAQQ,QACpC,CAAC,MAAOC,GACP,OAAO,IACT"}