@choksheak/react-utils 0.4.1 → 0.4.3

package/storage.d.ts

@@ -1,3 +1,6 @@
+import { Duration } from '@choksheak/ts-utils/duration';
+import { StorageAdapter } from '@choksheak/ts-utils/storageAdapter';
+
 /**
  * @packageDocumentation
  *
@@ -8,12 +11,11 @@
  * Normally you will not need to use this module directly, but if you have a
  * need for it, feel free to use it.
  */
-import { Duration } from "@choksheak/ts-utils/duration";
-import { StorageAdapter } from "@choksheak/ts-utils/storageAdapter";
+
 /** List of all available pre-built persistence options. */
-export type PersistTo = "localStorage" | "indexedDb";
+type PersistTo = "localStorage" | "indexedDb";
 /** Options to configure a pre-built store adapter. */
-export type StoreOptions = {
+type StoreOptions = {
     /** Choose which pre-built store adapter to use. */
     persistTo: PersistTo;
     /** Storage key to act as a namespace to store the data. */
@@ -23,9 +25,9 @@ export type StoreOptions = {
     /** Returns true if the given value supposed to be of type T is valid. */
     isValid?: (u: unknown) => boolean;
 };
-export type StoreConstructorArgs = Omit<StoreOptions, "persistTo">;
+type StoreConstructorArgs = Omit<StoreOptions, "persistTo">;
 /** Either use a pre-built store, or a custom one you provide. */
-export type StorageOptions<T> = {
+type StorageOptions<T> = {
     /**
      * You can either specify the storage adapter directly to use a custom
      * store, or specify the properties to use the pre-built ones.
@@ -36,12 +38,12 @@ export type StorageOptions<T> = {
  * Convert a StorageOptions<T> config object into an actual storage adapter, or
  * returns null if a storage adapter is not configured.
  */
-export declare function getStorageAdapter<T>(options: StorageOptions<T> | undefined, defaultStoreExpiryMs: number): StorageAdapter<T> | null;
+declare function getStorageAdapter<T>(options: StorageOptions<T> | undefined, defaultStoreExpiryMs: number): StorageAdapter<T> | null;
 /**
  * Create a new SSR-safe local store adapter, which allows users to reuse the
  * same adapter in multiple shared states or shared queries.
  */
-export declare function localStoreAdapter<T>({ key, expiryMs, isValid, }: StoreConstructorArgs): {
+declare function localStoreAdapter<T>({ key, expiryMs, isValid, }: StoreConstructorArgs): {
     set: (key: string, value: T) => void;
     get: (key: string) => T | undefined;
     delete: (key: string) => void;
@@ -52,9 +54,11 @@ export declare function localStoreAdapter<T>({ key, expiryMs, isValid, }: StoreC
  * Create a new SSR-safe indexed DB KV store adapter, which allows users to
  * reuse the same adapter in multiple shared states or shared queries.
  */
-export declare function kvStoreAdapter<T>({ key, expiryMs, isValid, }: StoreConstructorArgs): {
+declare function kvStoreAdapter<T>({ key, expiryMs, isValid, }: StoreConstructorArgs): {
     set: (key: string, value: T) => Promise<void>;
     get: (key: string) => Promise<T | undefined>;
     delete: (key: string) => Promise<void>;
     clear: () => Promise<void>;
 };
+
+export { type PersistTo, type StorageOptions, type StoreConstructorArgs, type StoreOptions, getStorageAdapter, kvStoreAdapter, localStoreAdapter };

package/storage.min.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUFJQLQFImincjs = require('./chunk-UFJQLQFI.min.cjs');require('./chunk-KE3RXVMS.min.cjs');exports.getStorageAdapter = _chunkUFJQLQFImincjs.a; exports.kvStoreAdapter = _chunkUFJQLQFImincjs.c; exports.localStoreAdapter = _chunkUFJQLQFImincjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkUFJQLQFImincjs = require('./chunk-UFJQLQFI.min.cjs');require('./chunk-ZCDXPV3A.min.cjs');exports.getStorageAdapter = _chunkUFJQLQFImincjs.a; exports.kvStoreAdapter = _chunkUFJQLQFImincjs.c; exports.localStoreAdapter = _chunkUFJQLQFImincjs.b;
 //# sourceMappingURL=storage.min.cjs.map

package/storage.min.mjs

@@ -1,2 +1,2 @@
-import{a,b,c}from"./chunk-VHMO75EY.min.mjs";import"./chunk-MWDH7YON.min.mjs";export{a as getStorageAdapter,c as kvStoreAdapter,b as localStoreAdapter};
+import{a,b,c}from"./chunk-VHMO75EY.min.mjs";import"./chunk-HRE7YPUJ.min.mjs";export{a as getStorageAdapter,c as kvStoreAdapter,b as localStoreAdapter};
 //# sourceMappingURL=storage.min.mjs.map

package/storage.mjs

@@ -3,7 +3,7 @@ import {
   kvStoreAdapter,
   localStoreAdapter
 } from "./chunk-PHLY3LR4.mjs";
-import "./chunk-X6BYQHVC.mjs";
+import "./chunk-R7POPVJR.mjs";
 export {
   getStorageAdapter,
   kvStoreAdapter,

package/stringify.cjs

@@ -1,9 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkCYTO5EZEcjs = require('./chunk-CYTO5EZE.cjs');
+require('./chunk-IS3BZTWE.cjs');
 
-var _chunk5DO7KC3Lcjs = require('./chunk-5DO7KC3L.cjs');
-require('./chunk-74BS2FAO.cjs');
-_chunk5DO7KC3Lcjs.init_stringify.call(void 0, );
 
-
-exports.stringifyDeterministicForKeys = _chunk5DO7KC3Lcjs.stringifyDeterministicForKeys;
+exports.stringifyDeterministicForKeys = _chunkCYTO5EZEcjs.stringifyDeterministicForKeys;

package/stringify.d.ts

@@ -16,4 +16,6 @@
  * Note: The given value should not contain any functions because functions
  * cannot be serialized and deserialized properly.
  */
-export declare function stringifyDeterministicForKeys(params: unknown): string;
+declare function stringifyDeterministicForKeys(params: unknown): string;
+
+export { stringifyDeterministicForKeys };

package/stringify.min.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTEZPF6BGmincjs = require('./chunk-TEZPF6BG.min.cjs');require('./chunk-KE3RXVMS.min.cjs');_chunkTEZPF6BGmincjs.b.call(void 0, );exports.stringifyDeterministicForKeys = _chunkTEZPF6BGmincjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKGN4HQPPmincjs = require('./chunk-KGN4HQPP.min.cjs');require('./chunk-ZCDXPV3A.min.cjs');exports.stringifyDeterministicForKeys = _chunkKGN4HQPPmincjs.a;
 //# sourceMappingURL=stringify.min.cjs.map

package/stringify.min.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/stringify.min.cjs"],"names":[],"mappings":"AAAA,wIAAyC,oCAAiC,oCAAE,CAAE,CAAC,+DAA0C","file":"/Users/choksheaklau/src/react-utils/dist/stringify.min.cjs"}
+{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/stringify.min.cjs"],"names":[],"mappings":"AAAA,wIAAuC,oCAAiC,+DAA2C","file":"/Users/choksheaklau/src/react-utils/dist/stringify.min.cjs"}

package/stringify.min.mjs

@@ -1,2 +1,2 @@
-import{a,b}from"./chunk-RM4ZGGZ2.min.mjs";import"./chunk-MWDH7YON.min.mjs";b();export{a as stringifyDeterministicForKeys};
+import{a}from"./chunk-TI3FMEYP.min.mjs";import"./chunk-HRE7YPUJ.min.mjs";export{a as stringifyDeterministicForKeys};
 //# sourceMappingURL=stringify.min.mjs.map

package/stringify.mjs

@@ -1,9 +1,7 @@
 import {
-  init_stringify,
   stringifyDeterministicForKeys
-} from "./chunk-33UMQLKY.mjs";
-import "./chunk-X6BYQHVC.mjs";
-init_stringify();
+} from "./chunk-4235I4VO.mjs";
+import "./chunk-R7POPVJR.mjs";
 export {
   stringifyDeterministicForKeys
 };

package/useDeepMemo.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWVLPJPWGcjs = require('./chunk-WVLPJPWG.cjs');
-require('./chunk-74BS2FAO.cjs');
+var _chunkWXLUEDBOcjs = require('./chunk-WXLUEDBO.cjs');
+require('./chunk-IS3BZTWE.cjs');
 
 
-exports.useDeepMemo = _chunkWVLPJPWGcjs.useDeepMemo;
+exports.useDeepMemo = _chunkWXLUEDBOcjs.useDeepMemo;

package/useDeepMemo.d.ts

@@ -13,4 +13,6 @@
  * Provides a stable value for T based on deep equality. The deep equality is
  * determined by the `isEqual()` function in lodash.
  */
-export declare function useDeepMemo<T>(value: T): T;
+declare function useDeepMemo<T>(value: T): T;
+
+export { useDeepMemo };

package/useDeepMemo.min.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkF5L32IUCmincjs = require('./chunk-F5L32IUC.min.cjs');require('./chunk-KE3RXVMS.min.cjs');exports.useDeepMemo = _chunkF5L32IUCmincjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJOHZV3FDmincjs = require('./chunk-JOHZV3FD.min.cjs');require('./chunk-ZCDXPV3A.min.cjs');exports.useDeepMemo = _chunkJOHZV3FDmincjs.a;
 //# sourceMappingURL=useDeepMemo.min.cjs.map

package/useDeepMemo.min.mjs

@@ -1,2 +1,2 @@
-import{a}from"./chunk-V7L3UICC.min.mjs";import"./chunk-MWDH7YON.min.mjs";export{a as useDeepMemo};
+import{a}from"./chunk-NL4FU2MJ.min.mjs";import"./chunk-HRE7YPUJ.min.mjs";export{a as useDeepMemo};
 //# sourceMappingURL=useDeepMemo.min.mjs.map

package/useDeepMemo.mjs

@@ -1,7 +1,7 @@
 import {
   useDeepMemo
-} from "./chunk-GPV6JIQK.mjs";
-import "./chunk-X6BYQHVC.mjs";
+} from "./chunk-4J7TN5JN.mjs";
+import "./chunk-R7POPVJR.mjs";
 export {
   useDeepMemo
 };

package/chunk-74BS2FAO.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-
-
-
-
-exports.__esm = __esm; exports.__commonJS = __commonJS;

package/chunk-F5L32IUC.min.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _isEqual = require('lodash/isEqual'); var _isEqual2 = _interopRequireDefault(_isEqual);var _react = require('react');function f(t){let[e,r]=_react.useState.call(void 0, t);return _react.useMemo.call(void 0, ()=>_isEqual2.default.call(void 0, e,t)?e:(r(t),t),[e,t])}exports.a = f;
-//# sourceMappingURL=chunk-F5L32IUC.min.cjs.map

package/chunk-KE3RXVMS.min.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var c=(b,a)=>()=>(b&&(a=b(b=0)),a);var d=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);exports.a = c; exports.b = d;
-//# sourceMappingURL=chunk-KE3RXVMS.min.cjs.map

package/chunk-KE3RXVMS.min.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/chunk-KE3RXVMS.min.cjs"],"names":[],"mappings":"AAAA,6EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,6BAAqB","file":"/Users/choksheaklau/src/react-utils/dist/chunk-KE3RXVMS.min.cjs"}

package/chunk-MWDH7YON.min.mjs

@@ -1,2 +0,0 @@
-var c=(b,a)=>()=>(b&&(a=b(b=0)),a);var d=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);export{c as a,d as b};
-//# sourceMappingURL=chunk-MWDH7YON.min.mjs.map

package/chunk-RM4ZGGZ2.min.mjs

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-MWDH7YON.min.mjs";function f(n){let t=new Set;return JSON.stringify(n,(c,r)=>{if(typeof r=="function")throw new Error("Functions should not be passed into query parameters");if(!r||typeof r!="object"||Array.isArray(r))return r;if(t.has(r))return"[Circular]";if(t.add(r),r!==n)try{JSON.stringify(r)}catch{return"[Unserializable]"}return Object.keys(r).sort().reduce((i,o)=>(i[o]=r[o],i),{})})}var e=s(()=>{});export{f as a,e as b};
-//# sourceMappingURL=chunk-RM4ZGGZ2.min.mjs.map

package/chunk-TEZPF6BG.min.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKE3RXVMSmincjs = require('./chunk-KE3RXVMS.min.cjs');function f(n){let t=new Set;return JSON.stringify(n,(c,r)=>{if(typeof r=="function")throw new Error("Functions should not be passed into query parameters");if(!r||typeof r!="object"||Array.isArray(r))return r;if(t.has(r))return"[Circular]";if(t.add(r),r!==n)try{JSON.stringify(r)}catch (e2){return"[Unserializable]"}return Object.keys(r).sort().reduce((i,o)=>(i[o]=r[o],i),{})})}var e=_chunkKE3RXVMSmincjs.a.call(void 0, ()=>{});exports.a = f; exports.b = e;
-//# sourceMappingURL=chunk-TEZPF6BG.min.cjs.map

package/chunk-TEZPF6BG.min.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/chunk-TEZPF6BG.min.cjs","../src/stringify.ts"],"names":["stringifyDeterministicForKeys","params","cache","_","value","result","key","init_stringify","__esmMin"],"mappings":"AAAA,wIAA4C,SCmB5BA,CAAAA,CAA8BC,CAAAA,CAAyB,CACrE,IAAMC,CAAAA,CAAQ,IAAI,GAAA,CAElB,OAAO,IAAA,CAAK,SAAA,CAAUD,CAAAA,CAAQ,CAACE,CAAAA,CAAGC,CAAAA,CAAAA,EAAU,CAC1C,EAAA,CAAI,OAAOA,CAAAA,EAAU,UAAA,CACnB,MAAM,IAAI,KAAA,CAAM,sDAAsD,CAAA,CAGxE,EAAA,CAAI,CAACA,CAAAA,EAAS,OAAOA,CAAAA,EAAU,QAAA,EAAY,KAAA,CAAM,OAAA,CAAQA,CAAK,CAAA,CAC5D,OAAOA,CAAAA,CAGT,EAAA,CAAIF,CAAAA,CAAM,GAAA,CAAIE,CAAK,CAAA,CAEjB,MAAO,YAAA,CAOT,EAAA,CAJAF,CAAAA,CAAM,GAAA,CAAIE,CAAK,CAAA,CAIXA,CAAAA,GAAUH,CAAAA,CACZ,GAAI,CACF,IAAA,CAAK,SAAA,CAAUG,CAAK,CACtB,CAAA,UAAQ,CACN,MAAO,kBACT,CAGF,OAAO,MAAA,CAAO,IAAA,CAAKA,CAAK,CAAA,CACrB,IAAA,CAAK,CAAA,CACL,MAAA,CACC,CAACC,CAAAA,CAAiCC,CAAAA,CAAAA,EAAAA,CAChCD,CAAAA,CAAOC,CAAG,CAAA,CAAIF,CAAAA,CAAME,CAAG,CAAA,CAChBD,CAAAA,CAAAA,CAET,CAAC,CACH,CACJ,CAAC,CACH,CA1DA,IAAAE,CAAAA,CAAAC,oCAAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,6BAAA","file":"/Users/choksheaklau/src/react-utils/dist/chunk-TEZPF6BG.min.cjs","sourcesContent":[null,"/**\n * @packageDocumentation\n *\n * Implements special stringify for use in the shared queries. This will likely\n * not be reusable for your own use cases.\n *\n * Normally you will not need to use this module directly, but if you have a\n * need for it, feel free to use it.\n */\n\n/**\n * JSON stringify a value of any type, and returns an unsafe string. The string\n * is \"unsafe\" because you might not be able to restore the original object\n * using the serialized JSON. This is specifically used for query key generation\n * and is not suitable for more general uses.\n *\n * Note: The given value should not contain any functions because functions\n * cannot be serialized and deserialized properly.\n */\nexport function stringifyDeterministicForKeys(params: unknown): string {\n  const cache = new Set();\n\n  return JSON.stringify(params, (_, value) => {\n    if (typeof value === \"function\") {\n      throw new Error(`Functions should not be passed into query parameters`);\n    }\n\n    if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n      return value;\n    }\n\n    if (cache.has(value)) {\n      // Circular reference detected! Return a placeholder string.\n      return \"[Circular]\";\n    }\n\n    cache.add(value);\n\n    // Don't crash on circular references, but don't mark the top level object\n    // as circular because we want to return as much string as possible.\n    if (value !== params) {\n      try {\n        JSON.stringify(value);\n      } catch {\n        return \"[Unserializable]\";\n      }\n    }\n\n    return Object.keys(value)\n      .sort()\n      .reduce(\n        (result: Record<string, unknown>, key: string) => {\n          result[key] = value[key];\n          return result;\n        },\n        {} as Record<string, unknown>,\n      );\n  });\n}\n"]}

package/chunk-V7L3UICC.min.mjs

@@ -1,2 +0,0 @@
-import o from"lodash/isEqual";import{useMemo as s,useState as m}from"react";function f(t){let[e,r]=m(t);return s(()=>o(e,t)?e:(r(t),t),[e,t])}export{f as a};
-//# sourceMappingURL=chunk-V7L3UICC.min.mjs.map

package/chunk-V7L3UICC.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/useDeepMemo.ts"],"sourcesContent":["/**\n * @packageDocumentation\n *\n * Provides a memoized value in React where the value is checked for deep\n * equality. If the value has changed, but is deeply equal to the previous\n * value, then useDeepMemo will return the same reference to the previous\n * value and ignore the latest value.\n *\n * This is mainly used in shared queries to check for changes in the query\n * arguments, but it might be useful for your own use cases.\n */\n\nimport isEqual from \"lodash/isEqual\";\nimport { useMemo, useState } from \"react\";\n\n/**\n * Provides a stable value for T based on deep equality. The deep equality is\n * determined by the `isEqual()` function in lodash.\n */\nexport function useDeepMemo<T>(value: T): T {\n  const [state, setState] = useState<T>(value);\n\n  return useMemo(() => {\n    if (isEqual(state, value)) {\n      return state;\n    }\n\n    // We check equality, so this should be safe.\n    // eslint-disable-next-line react-hooks/set-state-in-render\n    setState(value);\n\n    return value;\n  }, [state, value]);\n}\n"],"mappings":"AAYA,OAAOA,MAAa,iBACpB,OAAS,WAAAC,EAAS,YAAAC,MAAgB,QAM3B,SAASC,EAAeC,EAAa,CAC1C,GAAM,CAACC,EAAOC,CAAQ,EAAIJ,EAAYE,CAAK,EAE3C,OAAOH,EAAQ,IACTD,EAAQK,EAAOD,CAAK,EACfC,GAKTC,EAASF,CAAK,EAEPA,GACN,CAACC,EAAOD,CAAK,CAAC,CACnB","names":["isEqual","useMemo","useState","useDeepMemo","value","state","setState"]}

package/chunk-X6BYQHVC.mjs

@@ -1,12 +0,0 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-
-export {
-  __esm,
-  __commonJS
-};