react-hooks-global-states 15.0.18 → 16.0.0

package/createContext.mjs

@@ -0,0 +1,235 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/createContext.ts
+import {
+  createContext as reactCreateContext,
+  useContext,
+  createElement as reactCreateElement,
+  useMemo,
+  useEffect,
+  useRef,
+  useDebugValue,
+  useLayoutEffect,
+  useState
+} from "react";
+import { createObservable, createSelectorHook as createSelectorHookBase, GlobalStore } from "./GlobalStore.mjs";
+import isFunction from "json-storage-formatter/isFunction";
+import uniqueId from "./uniqueId.mjs";
+var createContext = (valueArg, contextArgs = {}) => {
+  var _a;
+  const Context = reactCreateContext(null);
+  const contextIdentifier = (_a = contextArgs.name) != null ? _a : uniqueId("ctx:");
+  const getInheritedState = () => isFunction(valueArg) ? valueArg() : valueArg;
+  const hasValueProp = (props) => {
+    return Object.prototype.hasOwnProperty.call(props, "value");
+  };
+  const useProviderValue = (props) => {
+    var _a2;
+    useDebugValue(`${contextIdentifier}:Provider`);
+    const [store] = useState(() => {
+      var _a3, _b, _c, _d;
+      const initialValue = (() => {
+        if (hasValueProp(props))
+          return isFunction(props.value) ? props.value(getInheritedState()) : props.value;
+        return getInheritedState();
+      })();
+      const store2 = new GlobalStore(initialValue, __spreadProps(__spreadValues({}, contextArgs), {
+        metadata: (_a3 = isFunction(contextArgs.metadata) ? contextArgs.metadata() : contextArgs.metadata) != null ? _a3 : {}
+      }));
+      const storeToolsExtensions = {
+        use
+      };
+      Object.assign(store2.storeTools, storeToolsExtensions);
+      (_c = (_b = contextArgs.callbacks) == null ? void 0 : _b.onCreated) == null ? void 0 : _c.call(
+        _b,
+        store2.storeTools,
+        store2
+      );
+      (_d = props.onCreated) == null ? void 0 : _d.call(props, store2.storeTools, store2);
+      return store2;
+    });
+    useLayoutEffect(() => {
+      const shouldUpdateState = hasValueProp(props) && !isFunction(props.value);
+      if (!shouldUpdateState) return;
+      store.setState(props.value);
+    }, [store, props.value]);
+    useEffect(() => {
+      var _a3, _b, _c;
+      const unsubscribes = [
+        (_b = (_a3 = contextArgs.callbacks) == null ? void 0 : _a3.onMounted) == null ? void 0 : _b.call(
+          _a3,
+          store.storeTools,
+          store
+        ),
+        (_c = props.onMounted) == null ? void 0 : _c.call(props, store.storeTools, store)
+      ].filter(Boolean);
+      return () => {
+        var _a4, _b2, _c2;
+        (_b2 = (_a4 = store.callbacks) == null ? void 0 : _a4.onUnMount) == null ? void 0 : _b2.call(_a4, store);
+        unsubscribes.forEach((unsubscribe) => unsubscribe == null ? void 0 : unsubscribe());
+        (_c2 = store.__onUnMountContext) == null ? void 0 : _c2.call(
+          store,
+          store
+        );
+      };
+    }, [store]);
+    (_a2 = props.onRender) == null ? void 0 : _a2.call(props, store.storeTools, store);
+    return store;
+  };
+  const Provider = (args) => {
+    const store = useProviderValue(args);
+    return reactCreateElement(Context.Provider, { value: store.use }, args.children);
+  };
+  Provider.displayName = `${contextIdentifier}:Provider`;
+  Context.displayName = `${contextIdentifier}`;
+  const providerExtensions = {
+    makeProviderWrapper: (parentOptions) => {
+      const context = {
+        current: void 0,
+        instance: void 0
+      };
+      const wrapper = (_a2) => {
+        var _b = _a2, { children } = _b, options = __objRest(_b, ["children"]);
+        return reactCreateElement(
+          Provider,
+          __spreadProps(__spreadValues(__spreadValues({}, parentOptions), options), {
+            onCreated: (ctx, store) => {
+              var _a3;
+              context.current = ctx;
+              context.instance = store;
+              (_a3 = parentOptions == null ? void 0 : parentOptions.onCreated) == null ? void 0 : _a3.call(parentOptions, ctx, store);
+            }
+          }),
+          children
+        );
+      };
+      return { wrapper, context };
+    }
+  };
+  const use = (...args) => {
+    useDebugValue(`${contextIdentifier}:use`);
+    const hook = useContext(Context);
+    if (!hook) throw new Error("use hook must be used within a ContextProvider");
+    return hook(...args);
+  };
+  const api = () => {
+    useDebugValue(`${contextIdentifier}:api`);
+    const hook = useContext(Context);
+    if (!hook) throw new Error("api hook must be used within a ContextProvider");
+    return hook;
+  };
+  const observable = (...args) => {
+    useDebugValue(`${contextIdentifier}:observable`);
+    const context = api();
+    const props = useRef(args);
+    props.current = args;
+    return useMemo(() => {
+      var _a2, _b, _c;
+      return context.createObservable(
+        (state) => {
+          const selector = props.current[0];
+          return selector(state);
+        },
+        {
+          // we call the equality in this way to execute always the latest version of the functions
+          // check if the root state changed
+          isEqualRoot: !((_a2 = props.current[1]) == null ? void 0 : _a2.isEqualRoot) ? void 0 : (current, next) => {
+            const isEqualRoot = props.current[1].isEqualRoot;
+            return Boolean(isEqualRoot(current, next));
+          },
+          // check if the selection changed
+          isEqual: !((_b = props.current[1]) == null ? void 0 : _b.isEqual) ? void 0 : (current, next) => {
+            const isEqual = props.current[1].isEqual;
+            return Boolean(isEqual(current, next));
+          },
+          name: (_c = props.current[1]) == null ? void 0 : _c.name
+        }
+      );
+    }, [context]);
+  };
+  const useExtensions = {
+    displayName: Context.displayName,
+    createSelectorHook: createSelectorHook.bind(use),
+    api,
+    select: (...args) => use(...args)[0],
+    observable,
+    actions: () => {
+      return api().actions;
+    }
+  };
+  Object.assign(Provider, providerExtensions);
+  Object.assign(use, useExtensions);
+  return {
+    use,
+    Provider,
+    Context
+  };
+};
+function createSelectorHook(selector, hookConfig) {
+  var _a;
+  const selectorIdentifier = (_a = hookConfig == null ? void 0 : hookConfig.name) != null ? _a : uniqueId("sh:");
+  const use = (...selectorArgs) => {
+    const context = this.api();
+    useDebugValue(`${this.displayName}:selector`);
+    useDebugValue(`${selectorIdentifier}:use`);
+    return useMemo(() => {
+      return context.createSelectorHook(selector, hookConfig);
+    }, [context])(...selectorArgs);
+  };
+  const api = () => {
+    useDebugValue(`${this.displayName}:selector`);
+    useDebugValue(`${selectorIdentifier}:api`);
+    const context = this.api();
+    return useMemo(() => {
+      const observable = context.createObservable(selector, hookConfig);
+      return __spreadProps(__spreadValues({}, context), {
+        getState: () => observable.getState(),
+        subscribe: observable.subscribe.bind(observable),
+        createSelectorHook: createSelectorHookBase.bind(observable),
+        createObservable: createObservable.bind(observable)
+      });
+    }, [context]);
+  };
+  const publicExtensions = {
+    displayName: this.displayName,
+    createSelectorHook: createSelectorHook.bind(use),
+    api
+  };
+  Object.assign(use, publicExtensions);
+  return use;
+}
+var createContext_default = createContext;
+export {
+  createContext,
+  createContext_default as default
+};

package/createGlobalState.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/createGlobalState.ts
+var createGlobalState_exports = {};
+__export(createGlobalState_exports, {
+  createGlobalState: () => createGlobalState,
+  default: () => createGlobalState_default
+});
+module.exports = __toCommonJS(createGlobalState_exports);
+var import_GlobalStore = require("./GlobalStore.cjs");
+var createGlobalState = (...[state, args]) => new import_GlobalStore.GlobalStore(state, args).use;
+var createGlobalState_default = createGlobalState;

package/createGlobalState.js

@@ -1 +1,29 @@
-var e;e=e=>(()=>{"use strict";var t={778:t=>{t.exports=e},904:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.createGlobalState=void 0;const r=o(778);t.createGlobalState=(...[e,t])=>new r.GlobalStore(e,t).use,t.default=t.createGlobalState}},o={};return function e(r){var a=o[r];if(void 0!==a)return a.exports;var s=o[r]={exports:{}};return t[r](s,s.exports,e),s.exports}(904)})(),"object"==typeof exports&&"object"==typeof module?module.exports=e(require("./GlobalStore.js")):"function"==typeof define&&define.amd?define(["./GlobalStore.js"],e):"object"==typeof exports?exports["react-hooks-global-states"]=e(require("./GlobalStore.js")):this["react-hooks-global-states"]=e(this["./GlobalStore.js"]);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/createGlobalState.ts
+var createGlobalState_exports = {};
+__export(createGlobalState_exports, {
+  createGlobalState: () => createGlobalState,
+  default: () => createGlobalState_default
+});
+module.exports = __toCommonJS(createGlobalState_exports);
+var import_GlobalStore = require("./GlobalStore.js");
+var createGlobalState = (...[state, args]) => new import_GlobalStore.GlobalStore(state, args).use;
+var createGlobalState_default = createGlobalState;

package/createGlobalState.mjs

@@ -0,0 +1,8 @@
+// src/createGlobalState.ts
+import { GlobalStore } from "./GlobalStore.mjs";
+var createGlobalState = (...[state, args]) => new GlobalStore(state, args).use;
+var createGlobalState_default = createGlobalState;
+export {
+  createGlobalState,
+  createGlobalState_default as default
+};

package/isRecord.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/isRecord.ts
+var isRecord_exports = {};
+__export(isRecord_exports, {
+  default: () => isRecord_default,
+  isRecord: () => isRecord
+});
+module.exports = __toCommonJS(isRecord_exports);
+var import_isNil = __toESM(require("json-storage-formatter/isNil"));
+var isRecord = (value) => {
+  if ((0, import_isNil.default)(value) || typeof value !== "object") return false;
+  if (Array.isArray(value)) return false;
+  if (value instanceof Map) return false;
+  if (value instanceof Set) return false;
+  if (value instanceof Date) return false;
+  return true;
+};
+var isRecord_default = isRecord;

package/isRecord.js

@@ -1 +1,46 @@
-var e;e=e=>(()=>{"use strict";var t={773:t=>{t.exports=e},867:function(e,t,o){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isRecord=void 0;const s=r(o(773));t.isRecord=e=>!((0,s.default)(e)||"object"!=typeof e||Array.isArray(e)||e instanceof Map||e instanceof Set||e instanceof Date),t.default=t.isRecord}},o={};return function e(r){var s=o[r];if(void 0!==s)return s.exports;var i=o[r]={exports:{}};return t[r].call(i.exports,i,i.exports,e),i.exports}(867)})(),"object"==typeof exports&&"object"==typeof module?module.exports=e(require("json-storage-formatter/isNil")):"function"==typeof define&&define.amd?define(["json-storage-formatter/isNil"],e):"object"==typeof exports?exports["react-hooks-global-states"]=e(require("json-storage-formatter/isNil")):this["react-hooks-global-states"]=e(this["json-storage-formatter/isNil"]);
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/isRecord.ts
+var isRecord_exports = {};
+__export(isRecord_exports, {
+  default: () => isRecord_default,
+  isRecord: () => isRecord
+});
+module.exports = __toCommonJS(isRecord_exports);
+var import_isNil = __toESM(require("json-storage-formatter/isNil"));
+var isRecord = (value) => {
+  if ((0, import_isNil.default)(value) || typeof value !== "object") return false;
+  if (Array.isArray(value)) return false;
+  if (value instanceof Map) return false;
+  if (value instanceof Set) return false;
+  if (value instanceof Date) return false;
+  return true;
+};
+var isRecord_default = isRecord;

package/isRecord.mjs

@@ -0,0 +1,15 @@
+// src/isRecord.ts
+import isNil from "json-storage-formatter/isNil";
+var isRecord = (value) => {
+  if (isNil(value) || typeof value !== "object") return false;
+  if (Array.isArray(value)) return false;
+  if (value instanceof Map) return false;
+  if (value instanceof Set) return false;
+  if (value instanceof Date) return false;
+  return true;
+};
+var isRecord_default = isRecord;
+export {
+  isRecord_default as default,
+  isRecord
+};

package/package.json

@@ -1,89 +1,70 @@
 {
   "name": "react-hooks-global-states",
-  "version": "15.0.18",
+  "version": "16.0.0",
   "description": "A package to easily handle global state across your React components using hooks.",
-  "main": "./bundle.js",
+  "main": "./bundle.cjs",
+  "module": "./bundle.mjs",
   "types": "./index.d.ts",
   "sideEffects": false,
   "exports": {
     ".": {
-      "import": "./bundle.js",
-      "require": "./bundle.js",
-      "types": "./index.d.ts"
+      "types": "./index.d.ts",
+      "import": "./bundle.mjs",
+      "require": "./bundle.cjs"
     },
     "./createContext": {
-      "import": "./createContext.js",
-      "require": "./createContext.js",
-      "types": "./createContext.d.ts"
+      "types": "./createContext.d.ts",
+      "import": "./createContext.mjs",
+      "require": "./createContext.cjs"
     },
     "./GlobalStore": {
-      "import": "./GlobalStore.js",
-      "require": "./GlobalStore.js",
-      "types": "./GlobalStore.d.ts"
-    },
-    "./GlobalStoreAbstract": {
-      "import": "./GlobalStoreAbstract.js",
-      "require": "./GlobalStoreAbstract.js",
-      "types": "./GlobalStoreAbstract.d.ts"
+      "types": "./GlobalStore.d.ts",
+      "import": "./GlobalStore.mjs",
+      "require": "./GlobalStore.cjs"
     },
     "./createGlobalState": {
-      "import": "./createGlobalState.js",
-      "require": "./createGlobalState.js",
-      "types": "./createGlobalState.d.ts"
+      "types": "./createGlobalState.d.ts",
+      "import": "./createGlobalState.mjs",
+      "require": "./createGlobalState.cjs"
     },
     "./types": {
-      "import": "./types.js",
-      "require": "./types.js",
-      "types": "./types.d.ts"
+      "types": "./types.d.ts",
+      "import": "./types.mjs",
+      "require": "./types.cjs"
     },
     "./isRecord": {
-      "import": "./isRecord.js",
-      "require": "./isRecord.js",
-      "types": "./isRecord.d.ts"
+      "types": "./isRecord.d.ts",
+      "import": "./isRecord.mjs",
+      "require": "./isRecord.cjs"
     },
     "./shallowCompare": {
-      "import": "./shallowCompare.js",
-      "require": "./shallowCompare.js",
-      "types": "./shallowCompare.d.ts"
+      "types": "./shallowCompare.d.ts",
+      "import": "./shallowCompare.mjs",
+      "require": "./shallowCompare.cjs"
     },
     "./throwWrongKeyOnActionCollectionConfig": {
-      "import": "./throwWrongKeyOnActionCollectionConfig.js",
-      "require": "./throwWrongKeyOnActionCollectionConfig.js",
-      "types": "./throwWrongKeyOnActionCollectionConfig.d.ts"
+      "types": "./throwWrongKeyOnActionCollectionConfig.d.ts",
+      "import": "./throwWrongKeyOnActionCollectionConfig.mjs",
+      "require": "./throwWrongKeyOnActionCollectionConfig.cjs"
     },
     "./uniqueId": {
-      "import": "./uniqueId.js",
-      "require": "./uniqueId.js",
-      "types": "./uniqueId.d.ts"
+      "types": "./uniqueId.d.ts",
+      "import": "./uniqueId.mjs",
+      "require": "./uniqueId.cjs"
     },
     "./actions": {
-      "import": "./actions.js",
-      "require": "./actions.js",
-      "types": "./actions.d.ts"
-    }
+      "types": "./actions.d.ts",
+      "import": "./actions.mjs",
+      "require": "./actions.cjs"
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "*.js",
+    "*.cjs",
+    "*.mjs",
     "*.d.ts"
   ],
-  "scripts": {
-    "format": "prettier --write .  --log-level silent && yarn lint:fix",
-    "test": "yarn build && yarn ts-check:tests && yarn jest",
-    "test:logs": "sh -c 'yarn build && yarn jest \"$@\" 2>&1 | grep -i \"console\" -A 2' --",
-    "test:debug:no-watch": "node --inspect-brk node_modules/.bin/jest --no-watchman --runInBand",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --watch --runInBand",
-    "test:quick": "yarn ts-check:tests && yarn test --no-coverage --maxWorkers=4 -c --no-watchman -u",
-    "test:coverage": "yarn test --maxWorkers=4 -c --colors --no-watchman --verbose --coverage",
-    "build": "yarn ts-check && yarn clean && webpack --config webpack.config.js",
-    "prepare": "yarn format && npm run build && yarn test:quick",
-    "version": "npm run format && yarn build && yarn jest && git add -A",
-    "postversion": "git push && git push --tags",
-    "lint": "eslint . --max-warnings=0",
-    "lint:fix": "eslint . --fix --max-warnings=0",
-    "clean": "find . -maxdepth 1 -type f \\( -name '*.js' -o -name '*.d.ts' \\) ! -name 'webpack.config.js' ! -name 'eslint.config.mts' -exec rm {} + && rm -rf coverage",
-    "ts-check": "tsc -p tsconfig.json --noEmit",
-    "ts-check:tests": "tsc -p tsconfig.test.json --noEmit"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/johnny-quesada-developer/react-hooks-global-states.git"
@@ -106,51 +87,16 @@
     "url": "https://github.com/johnny-quesada-developer/react-hooks-global-states/issues"
   },
   "homepage": "https://github.com/johnny-quesada-developer/react-hooks-global-states#readme",
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^4.9.1",
-    "@typescript-eslint/parser": "^4.9.1",
-    "clean-webpack-plugin": "^4.0.0",
-    "easy-cancelable-promise": "^1.0.1",
-    "eslint": "^9.39.1",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^30.0.4",
-    "jiti": "^2.6.1",
-    "prettier": "^3.6.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "ts-jest": "^29.1.1",
-    "ts-loader": "^9.5.1",
-    "tslib": "^2.6.2",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.46.3",
-    "webpack": "^5.76.3",
-    "webpack-cli": "^5.0.1"
-  },
   "dependencies": {
-    "json-storage-formatter": "^3.0.2"
+    "json-storage-formatter": "4.0.0"
   },
   "peerDependencies": {
-    "json-storage-formatter": "^3.0.2",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
       "optional": false
-    },
-    "json-storage-formatter": {
-      "optional": false
     }
   }
 }