@willbooster/shared-lib-react 3.2.3 → 3.2.5

package/dist/hooks/useInterval.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.cjs","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(immutableCallback: () => void, milliseconds: number): () => void {\n  const timerId = useRef<number>();\n\n  const clearInterval = useCallback(() => {\n    window.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    timerId.current = window.setInterval(immutableCallback, milliseconds);\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["immutableCallback","milliseconds","timerId","useRef","clearInterval","useCallback","window","current","useEffect","setInterval"],"mappings":"wDAEO,SAAqBA,EAA+BC,GACzD,MAAMC,EAAUC,EAAAA,SAEVC,EAAgBC,EAAAA,aAAY,KAChCC,OAAOF,cAAcF,EAAQK,QAAQ,GACpC,IAQH,OANAC,EAAAA,WAAU,KACRN,EAAQK,QAAUD,OAAOG,YAAYT,EAAmBC,GACjDG,IAEN,CAACH,IAEGG,CACT"}
+{"version":3,"file":"useInterval.cjs","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(nonReactiveCallback: () => void, milliseconds: number): () => void {\n  const timerId = useRef<number>();\n\n  const clearInterval = useCallback(() => {\n    window.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    timerId.current = window.setInterval(nonReactiveCallback, milliseconds);\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["nonReactiveCallback","milliseconds","timerId","useRef","clearInterval","useCallback","window","current","useEffect","setInterval"],"mappings":"wDAEO,SAAqBA,EAAiCC,GAC3D,MAAMC,EAAUC,EAAAA,SAEVC,EAAgBC,EAAAA,aAAY,KAChCC,OAAOF,cAAcF,EAAQK,QAAQ,GACpC,IAQH,OANAC,EAAAA,WAAU,KACRN,EAAQK,QAAUD,OAAOG,YAAYT,EAAqBC,GACnDG,IAEN,CAACH,IAEGG,CACT"}

package/dist/hooks/useInterval.d.ts

@@ -1 +1 @@
-export declare function useInterval(immutableCallback: () => void, milliseconds: number): () => void;
+export declare function useInterval(nonReactiveCallback: () => void, milliseconds: number): () => void;

package/dist/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(immutableCallback: () => void, milliseconds: number): () => void {\n  const timerId = useRef<number>();\n\n  const clearInterval = useCallback(() => {\n    window.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    timerId.current = window.setInterval(immutableCallback, milliseconds);\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["useInterval","immutableCallback","milliseconds","timerId","useRef","clearInterval","useCallback","window","current","useEffect","setInterval"],"mappings":"+DAEO,SAASA,EAAYC,EAA+BC,GACzD,MAAMC,EAAUC,IAEVC,EAAgBC,GAAY,KAChCC,OAAOF,cAAcF,EAAQK,QAAQ,GACpC,IAQH,OANAC,GAAU,KACRN,EAAQK,QAAUD,OAAOG,YAAYT,EAAmBC,GACjDG,IAEN,CAACH,IAEGG,CACT"}
+{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(nonReactiveCallback: () => void, milliseconds: number): () => void {\n  const timerId = useRef<number>();\n\n  const clearInterval = useCallback(() => {\n    window.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    timerId.current = window.setInterval(nonReactiveCallback, milliseconds);\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["useInterval","nonReactiveCallback","milliseconds","timerId","useRef","clearInterval","useCallback","window","current","useEffect","setInterval"],"mappings":"+DAEO,SAASA,EAAYC,EAAiCC,GAC3D,MAAMC,EAAUC,IAEVC,EAAgBC,GAAY,KAChCC,OAAOF,cAAcF,EAAQK,QAAQ,GACpC,IAQH,OANAC,GAAU,KACRN,EAAQK,QAAUD,OAAOG,YAAYT,EAAqBC,GACnDG,IAEN,CAACH,IAEGG,CACT"}

package/dist/hooks/useLocalStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.cjs","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, immutableOptions);\n}\n"],"names":["key","initialValue","immutableOptions","useStorage"],"mappings":"uEAKO,SACLA,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAUA,WAAC,eAAgBH,EAAKC,EAAcC,EACvD"}
+{"version":3,"file":"useLocalStorage.cjs","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, nonReactiveOptions);\n}\n"],"names":["key","initialValue","nonReactiveOptions","useStorage"],"mappings":"uEAKO,SACLA,EACAC,EACAC,EAA2C,CAAA,GAE3C,OAAOC,EAAUA,WAAC,eAAgBH,EAAKC,EAAcC,EACvD"}

package/dist/hooks/useLocalStorage.d.ts

@@ -1,3 +1,3 @@
 import type React from 'react';
 import type { UseStorageOptions } from './useStorage.js';
-export declare function useLocalStorage<T>(key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];
+export declare function useLocalStorage<T>(key: string, initialValue: T, nonReactiveOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, immutableOptions);\n}\n"],"names":["useLocalStorage","key","initialValue","immutableOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAW,eAAgBH,EAAKC,EAAcC,EACvD"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('localStorage', key, initialValue, nonReactiveOptions);\n}\n"],"names":["useLocalStorage","key","initialValue","nonReactiveOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAA2C,CAAA,GAE3C,OAAOC,EAAW,eAAgBH,EAAKC,EAAcC,EACvD"}

package/dist/hooks/useSessionStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorage.cjs","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, immutableOptions);\n}\n"],"names":["key","initialValue","immutableOptions","useStorage"],"mappings":"yEAKO,SACLA,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAUA,WAAC,iBAAkBH,EAAKC,EAAcC,EACzD"}
+{"version":3,"file":"useSessionStorage.cjs","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, nonReactiveOptions);\n}\n"],"names":["key","initialValue","nonReactiveOptions","useStorage"],"mappings":"yEAKO,SACLA,EACAC,EACAC,EAA2C,CAAA,GAE3C,OAAOC,EAAUA,WAAC,iBAAkBH,EAAKC,EAAcC,EACzD"}

package/dist/hooks/useSessionStorage.d.ts

@@ -1,3 +1,3 @@
 import type React from 'react';
 import type { UseStorageOptions } from './useStorage.js';
-export declare function useSessionStorage<T>(key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];
+export declare function useSessionStorage<T>(key: string, initialValue: T, nonReactiveOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useSessionStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorage.js","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, immutableOptions);\n}\n"],"names":["useSessionStorage","key","initialValue","immutableOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAAyC,CAAA,GAEzC,OAAOC,EAAW,iBAAkBH,EAAKC,EAAcC,EACzD"}
+{"version":3,"file":"useSessionStorage.js","sources":["../../src/hooks/useSessionStorage.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { UseStorageOptions } from './useStorage.js';\nimport { useStorage } from './useStorage.js';\n\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  return useStorage('sessionStorage', key, initialValue, nonReactiveOptions);\n}\n"],"names":["useSessionStorage","key","initialValue","nonReactiveOptions","useStorage"],"mappings":"6CAKO,SAASA,EACdC,EACAC,EACAC,EAA2C,CAAA,GAE3C,OAAOC,EAAW,iBAAkBH,EAAKC,EAAcC,EACzD"}

package/dist/hooks/useStorage.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");function t(e){return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}exports.useStorage=function(n,r,s,o={}){const i=e.useSyncExternalStore(t,(()=>{const e=window[n].getItem(r);try{if(e){const t=JSON.parse(e);return null!=o&&o.parseAfterJsonParse?null==o?void 0:o.parseAfterJsonParse(t):t}}catch(e){}return s}),(()=>"ssrValue"in o?o.ssrValue:s)),a=e.useCallback((e=>{try{const t="function"==typeof e?e(i):e;null==t?window[n].removeItem(r):window[n].setItem(r,JSON.stringify(t))}catch(e){console.warn(e)}}),[r,i]);return e.useEffect((()=>{null===window[n].getItem(r)&&void 0!==s&&window[n].setItem(r,JSON.stringify(s))}),[r,s]),[i,a]};
+"use strict";var e=require("react");exports.useStorage=function(t,n,r,s={}){const o=e.useSyncExternalStore((e=>{const t=t=>{t.key===n&&e()};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}),(()=>window[t].getItem(n)),(()=>"ssrJsonText"in s&&s.ssrJsonText)),i=e.useMemo((()=>{try{if(o){const e=JSON.parse(o);return null!=s&&s.parseAfterJsonParse?null==s?void 0:s.parseAfterJsonParse(e):e}}catch(e){}return r}),[o,r]),a=e.useCallback((e=>{const r="function"==typeof e?e(i):e;let s=null;null==r?window[t].removeItem(n):(s=JSON.stringify(r),window[t].setItem(n,s)),window.dispatchEvent(new StorageEvent("storage",{key:n,newValue:s}))}),[n,i]);return e.useEffect((()=>{null===window[t].getItem(n)&&void 0!==r&&window[t].setItem(n,JSON.stringify(r))}),[n,r]),[i,a]};
 //# sourceMappingURL=useStorage.cjs.map

package/dist/hooks/useStorage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.cjs","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> =\n  | {\n      parseAfterJsonParse?: (value: unknown) => T;\n      ssrValue: T;\n    }\n  | { parseAfterJsonParse?: (value: unknown) => T };\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return immutableOptions?.parseAfterJsonParse ? immutableOptions?.parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ('ssrValue' in immutableOptions ? immutableOptions.ssrValue : initialValue)\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["subscribeStorageEvent","callback","window","addEventListener","removeEventListener","storageType","key","initialValue","immutableOptions","value","useSyncExternalStore","jsonText","getItem","json","JSON","parse","parseAfterJsonParse","_unused","ssrValue","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined"],"mappings":"oCA6DA,SAASA,EAAsBC,GAE7B,OADAC,OAAOC,iBAAiB,UAAWF,GAC5B,IAAMC,OAAOE,oBAAoB,UAAWH,EACrD,oBAtDO,SACLI,EACAC,EACAC,EACAC,EAAyC,CAAA,GAEzC,MAAMC,EAAQC,uBACZV,GACA,KACE,MAAMW,EAAWT,OAAOG,GAAaO,QAAQN,GAC7C,IACE,GAAIK,EAAU,CACZ,MAAME,EAAOC,KAAKC,MAAMJ,GACxB,OAAuB,MAAhBH,GAAAA,EAAkBQ,oBAAsBR,MAAAA,OAAAA,EAAAA,EAAkBQ,oBAAoBH,GAAQA,CAC/F,CACD,CAAC,MAAAI,GACA,CAEF,OAAOV,CAAY,IAErB,IAAO,aAAcC,EAAmBA,EAAiBU,SAAWX,IAGhEY,EAAWC,EAAWA,aACzBC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCZ,GAASY,EAEhGC,QACFpB,OAAOG,GAAakB,WAAWjB,GAE/BJ,OAAOG,GAAamB,QAAQlB,EAAKQ,KAAKW,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACpB,EAAKG,IAUR,OAPAoB,EAAAA,WAAU,KACiC,OAArC3B,OAAOG,GAAaO,QAAQN,SAAkCwB,IAAjBvB,GAC/CL,OAAOG,GAAamB,QAAQlB,EAAKQ,KAAKW,UAAUlB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACE,EAAOU,EACjB"}
+{"version":3,"file":"useStorage.cjs","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useMemo, useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> =\n  | {\n      parseAfterJsonParse?: (value: unknown) => T;\n      ssrJsonText: string;\n    }\n  | { parseAfterJsonParse?: (value: unknown) => T };\n\nexport function useStorage<T>(\n  nonReactiveStorageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const jsonText = useSyncExternalStore(\n    (callback) => {\n      const newCallback = (event: StorageEvent): void => {\n        if (event.key === key) callback();\n      };\n      window.addEventListener('storage', newCallback);\n      return () => window.removeEventListener('storage', newCallback);\n    },\n    () => window[nonReactiveStorageType].getItem(key),\n    () => 'ssrJsonText' in nonReactiveOptions && nonReactiveOptions.ssrJsonText\n  );\n  const value = useMemo(() => {\n    try {\n      if (jsonText) {\n        const json = JSON.parse(jsonText);\n        return nonReactiveOptions?.parseAfterJsonParse ? nonReactiveOptions?.parseAfterJsonParse(json) : json;\n      }\n    } catch {\n      // do nothing\n    }\n    return initialValue;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [jsonText, initialValue]);\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n      // eslint-disable-next-line unicorn/no-null\n      let newValue: string | null = null;\n      if (nextState === undefined || nextState === null) {\n        window[nonReactiveStorageType].removeItem(key);\n      } else {\n        newValue = JSON.stringify(nextState);\n        window[nonReactiveStorageType].setItem(key, newValue);\n      }\n      window.dispatchEvent(new StorageEvent('storage', { key, newValue }));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[nonReactiveStorageType].getItem(key) === null && initialValue !== undefined) {\n      window[nonReactiveStorageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n"],"names":["nonReactiveStorageType","key","initialValue","nonReactiveOptions","jsonText","useSyncExternalStore","callback","newCallback","event","window","addEventListener","removeEventListener","getItem","ssrJsonText","value","useMemo","json","JSON","parse","parseAfterJsonParse","_unused","setState","useCallback","valueOrFunc","nextState","newValue","removeItem","stringify","setItem","dispatchEvent","StorageEvent","useEffect","undefined"],"mappings":"uDAUO,SACLA,EACAC,EACAC,EACAC,EAA2C,CAAA,GAE3C,MAAMC,EAAWC,EAAoBA,sBAClCC,IACC,MAAMC,EAAeC,IACfA,EAAMP,MAAQA,GAAKK,GAAU,EAGnC,OADAG,OAAOC,iBAAiB,UAAWH,GAC5B,IAAME,OAAOE,oBAAoB,UAAWJ,EAAY,IAEjE,IAAME,OAAOT,GAAwBY,QAAQX,KAC7C,IAAM,gBAAiBE,GAAsBA,EAAmBU,cAE5DC,EAAQC,EAAAA,SAAQ,KACpB,IACE,GAAIX,EAAU,CACZ,MAAMY,EAAOC,KAAKC,MAAMd,GACxB,OAAyB,MAAlBD,GAAAA,EAAoBgB,oBAAsBhB,MAAAA,OAAAA,EAAAA,EAAoBgB,oBAAoBH,GAAQA,CACnG,CACD,CAAC,MAAAI,GACA,CAEF,OAAOlB,CAAY,GAElB,CAACE,EAAUF,IAERmB,EAAWC,EAAWA,aACzBC,IACC,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCT,GAASS,EAGpG,IAAIE,EAA0B,KAC1BD,QACFf,OAAOT,GAAwB0B,WAAWzB,IAE1CwB,EAAWR,KAAKU,UAAUH,GAC1Bf,OAAOT,GAAwB4B,QAAQ3B,EAAKwB,IAE9ChB,OAAOoB,cAAc,IAAIC,aAAa,UAAW,CAAE7B,MAAKwB,aAAY,GAGtE,CAACxB,EAAKa,IAUR,OAPAiB,EAAAA,WAAU,KAC4C,OAAhDtB,OAAOT,GAAwBY,QAAQX,SAAkC+B,IAAjB9B,GAC1DO,OAAOT,GAAwB4B,QAAQ3B,EAAKgB,KAAKU,UAAUzB,GAC7D,GAEC,CAACD,EAAKC,IAEF,CAACY,EAAOO,EACjB"}

package/dist/hooks/useStorage.d.ts

@@ -1,8 +1,8 @@
 import type React from 'react';
 export type UseStorageOptions<T> = {
     parseAfterJsonParse?: (value: unknown) => T;
-    ssrValue: T;
+    ssrJsonText: string;
 } | {
     parseAfterJsonParse?: (value: unknown) => T;
 };
-export declare function useStorage<T>(storageType: 'localStorage' | 'sessionStorage', key: string, initialValue: T, immutableOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];
+export declare function useStorage<T>(nonReactiveStorageType: 'localStorage' | 'sessionStorage', key: string, initialValue: T, nonReactiveOptions?: UseStorageOptions<T>): [T, React.Dispatch<React.SetStateAction<T>>];

package/dist/hooks/useStorage.js

@@ -1,2 +1,2 @@
-import{useSyncExternalStore as e,useCallback as t,useEffect as n}from"react";function r(r,s,i,w={}){const a=e(o,(()=>{const e=window[r].getItem(s);try{if(e){const t=JSON.parse(e);return null!=w&&w.parseAfterJsonParse?null==w?void 0:w.parseAfterJsonParse(t):t}}catch(e){}return i}),(()=>"ssrValue"in w?w.ssrValue:i)),c=t((e=>{try{const t="function"==typeof e?e(a):e;null==t?window[r].removeItem(s):window[r].setItem(s,JSON.stringify(t))}catch(e){console.warn(e)}}),[s,a]);return n((()=>{null===window[r].getItem(s)&&void 0!==i&&window[r].setItem(s,JSON.stringify(i))}),[s,i]),[a,c]}function o(e){return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}export{r as useStorage};
+import{useSyncExternalStore as e,useMemo as t,useCallback as n,useEffect as r}from"react";function o(o,s,i,w={}){const a=e((e=>{const t=t=>{t.key===s&&e()};return window.addEventListener("storage",t),()=>window.removeEventListener("storage",t)}),(()=>window[o].getItem(s)),(()=>"ssrJsonText"in w&&w.ssrJsonText)),d=t((()=>{try{if(a){const e=JSON.parse(a);return null!=w&&w.parseAfterJsonParse?null==w?void 0:w.parseAfterJsonParse(e):e}}catch(e){}return i}),[a,i]),l=n((e=>{const t="function"==typeof e?e(d):e;let n=null;null==t?window[o].removeItem(s):(n=JSON.stringify(t),window[o].setItem(s,n)),window.dispatchEvent(new StorageEvent("storage",{key:s,newValue:n}))}),[s,d]);return r((()=>{null===window[o].getItem(s)&&void 0!==i&&window[o].setItem(s,JSON.stringify(i))}),[s,i]),[d,l]}export{o as useStorage};
 //# sourceMappingURL=useStorage.js.map

package/dist/hooks/useStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStorage.js","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> =\n  | {\n      parseAfterJsonParse?: (value: unknown) => T;\n      ssrValue: T;\n    }\n  | { parseAfterJsonParse?: (value: unknown) => T };\n\nexport function useStorage<T>(\n  storageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  immutableOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const value = useSyncExternalStore<T>(\n    subscribeStorageEvent,\n    () => {\n      const jsonText = window[storageType].getItem(key);\n      try {\n        if (jsonText) {\n          const json = JSON.parse(jsonText);\n          return immutableOptions?.parseAfterJsonParse ? immutableOptions?.parseAfterJsonParse(json) : json;\n        }\n      } catch {\n        // do nothing\n      }\n      return initialValue;\n    },\n    () => ('ssrValue' in immutableOptions ? immutableOptions.ssrValue : initialValue)\n  );\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      try {\n        const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n        if (nextState === undefined || nextState === null) {\n          window[storageType].removeItem(key);\n        } else {\n          window[storageType].setItem(key, JSON.stringify(nextState));\n        }\n      } catch (error) {\n        console.warn(error);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[storageType].getItem(key) === null && initialValue !== undefined) {\n      window[storageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n\nfunction subscribeStorageEvent(callback: (this: Window, ev: StorageEvent) => unknown) {\n  window.addEventListener('storage', callback);\n  return () => window.removeEventListener('storage', callback);\n}\n"],"names":["useStorage","storageType","key","initialValue","immutableOptions","value","useSyncExternalStore","subscribeStorageEvent","jsonText","window","getItem","json","JSON","parse","parseAfterJsonParse","_unused","ssrValue","setState","useCallback","valueOrFunc","nextState","removeItem","setItem","stringify","error","console","warn","useEffect","undefined","callback","addEventListener","removeEventListener"],"mappings":"6EAUO,SAASA,EACdC,EACAC,EACAC,EACAC,EAAyC,CAAA,GAEzC,MAAMC,EAAQC,EACZC,GACA,KACE,MAAMC,EAAWC,OAAOR,GAAaS,QAAQR,GAC7C,IACE,GAAIM,EAAU,CACZ,MAAMG,EAAOC,KAAKC,MAAML,GACxB,OAAuB,MAAhBJ,GAAAA,EAAkBU,oBAAsBV,MAAAA,OAAAA,EAAAA,EAAkBU,oBAAoBH,GAAQA,CAC/F,CACD,CAAC,MAAAI,GACA,CAEF,OAAOZ,CAAY,IAErB,IAAO,aAAcC,EAAmBA,EAAiBY,SAAWb,IAGhEc,EAAWC,GACdC,IACC,IACE,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCd,GAASc,EAEhGC,QACFX,OAAOR,GAAaoB,WAAWnB,GAE/BO,OAAOR,GAAaqB,QAAQpB,EAAKU,KAAKW,UAAUH,GAEnD,CAAC,MAAOI,GACPC,QAAQC,KAAKF,EACf,IAGF,CAACtB,EAAKG,IAUR,OAPAsB,GAAU,KACiC,OAArClB,OAAOR,GAAaS,QAAQR,SAAkC0B,IAAjBzB,GAC/CM,OAAOR,GAAaqB,QAAQpB,EAAKU,KAAKW,UAAUpB,GAClD,GAEC,CAACD,EAAKC,IAEF,CAACE,EAAOY,EACjB,CAEA,SAASV,EAAsBsB,GAE7B,OADApB,OAAOqB,iBAAiB,UAAWD,GAC5B,IAAMpB,OAAOsB,oBAAoB,UAAWF,EACrD"}
+{"version":3,"file":"useStorage.js","sources":["../../src/hooks/useStorage.ts"],"sourcesContent":["import type React from 'react';\nimport { useMemo, useCallback, useEffect, useSyncExternalStore } from 'react';\n\nexport type UseStorageOptions<T> =\n  | {\n      parseAfterJsonParse?: (value: unknown) => T;\n      ssrJsonText: string;\n    }\n  | { parseAfterJsonParse?: (value: unknown) => T };\n\nexport function useStorage<T>(\n  nonReactiveStorageType: 'localStorage' | 'sessionStorage',\n  key: string,\n  initialValue: T,\n  nonReactiveOptions: UseStorageOptions<T> = {}\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const jsonText = useSyncExternalStore(\n    (callback) => {\n      const newCallback = (event: StorageEvent): void => {\n        if (event.key === key) callback();\n      };\n      window.addEventListener('storage', newCallback);\n      return () => window.removeEventListener('storage', newCallback);\n    },\n    () => window[nonReactiveStorageType].getItem(key),\n    () => 'ssrJsonText' in nonReactiveOptions && nonReactiveOptions.ssrJsonText\n  );\n  const value = useMemo(() => {\n    try {\n      if (jsonText) {\n        const json = JSON.parse(jsonText);\n        return nonReactiveOptions?.parseAfterJsonParse ? nonReactiveOptions?.parseAfterJsonParse(json) : json;\n      }\n    } catch {\n      // do nothing\n    }\n    return initialValue;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [jsonText, initialValue]);\n\n  const setState = useCallback(\n    (valueOrFunc: T | ((prevState: T) => T)) => {\n      const nextState = typeof valueOrFunc === 'function' ? (valueOrFunc as (prevState: T) => T)(value) : valueOrFunc;\n\n      // eslint-disable-next-line unicorn/no-null\n      let newValue: string | null = null;\n      if (nextState === undefined || nextState === null) {\n        window[nonReactiveStorageType].removeItem(key);\n      } else {\n        newValue = JSON.stringify(nextState);\n        window[nonReactiveStorageType].setItem(key, newValue);\n      }\n      window.dispatchEvent(new StorageEvent('storage', { key, newValue }));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, value]\n  );\n\n  useEffect(() => {\n    if (window[nonReactiveStorageType].getItem(key) === null && initialValue !== undefined) {\n      window[nonReactiveStorageType].setItem(key, JSON.stringify(initialValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, initialValue]);\n\n  return [value, setState];\n}\n"],"names":["useStorage","nonReactiveStorageType","key","initialValue","nonReactiveOptions","jsonText","useSyncExternalStore","callback","newCallback","event","window","addEventListener","removeEventListener","getItem","ssrJsonText","value","useMemo","json","JSON","parse","parseAfterJsonParse","_unused","setState","useCallback","valueOrFunc","nextState","newValue","removeItem","stringify","setItem","dispatchEvent","StorageEvent","useEffect","undefined"],"mappings":"0FAUO,SAASA,EACdC,EACAC,EACAC,EACAC,EAA2C,CAAA,GAE3C,MAAMC,EAAWC,GACdC,IACC,MAAMC,EAAeC,IACfA,EAAMP,MAAQA,GAAKK,GAAU,EAGnC,OADAG,OAAOC,iBAAiB,UAAWH,GAC5B,IAAME,OAAOE,oBAAoB,UAAWJ,EAAY,IAEjE,IAAME,OAAOT,GAAwBY,QAAQX,KAC7C,IAAM,gBAAiBE,GAAsBA,EAAmBU,cAE5DC,EAAQC,GAAQ,KACpB,IACE,GAAIX,EAAU,CACZ,MAAMY,EAAOC,KAAKC,MAAMd,GACxB,OAAyB,MAAlBD,GAAAA,EAAoBgB,oBAAsBhB,MAAAA,OAAAA,EAAAA,EAAoBgB,oBAAoBH,GAAQA,CACnG,CACD,CAAC,MAAAI,GACA,CAEF,OAAOlB,CAAY,GAElB,CAACE,EAAUF,IAERmB,EAAWC,GACdC,IACC,MAAMC,EAAmC,mBAAhBD,EAA8BA,EAAoCT,GAASS,EAGpG,IAAIE,EAA0B,KAC1BD,QACFf,OAAOT,GAAwB0B,WAAWzB,IAE1CwB,EAAWR,KAAKU,UAAUH,GAC1Bf,OAAOT,GAAwB4B,QAAQ3B,EAAKwB,IAE9ChB,OAAOoB,cAAc,IAAIC,aAAa,UAAW,CAAE7B,MAAKwB,aAAY,GAGtE,CAACxB,EAAKa,IAUR,OAPAiB,GAAU,KAC4C,OAAhDtB,OAAOT,GAAwBY,QAAQX,SAAkC+B,IAAjB9B,GAC1DO,OAAOT,GAAwB4B,QAAQ3B,EAAKgB,KAAKU,UAAUzB,GAC7D,GAEC,CAACD,EAAKC,IAEF,CAACY,EAAOO,EACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willbooster/shared-lib-react",
-  "version": "3.2.3",
+  "version": "3.2.5",
   "license": "Apache-2.0",
   "author": "WillBooster Inc.",
   "sideEffects": false,