@elliemae/ds-zustand-helpers 3.14.0 → 3.14.2

package/dist/cjs/{AutoUpdater.js → AutoUpdaterComponent.js}

@@ -22,26 +22,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AutoUpdater_exports = {};
-__export(AutoUpdater_exports, {
+var AutoUpdaterComponent_exports = {};
+__export(AutoUpdaterComponent_exports, {
   AutoUpdaterComponent: () => AutoUpdaterComponent
 });
-module.exports = __toCommonJS(AutoUpdater_exports);
+module.exports = __toCommonJS(AutoUpdaterComponent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-const getPropsSetter = (state) => state.set;
-const getInternalSetter = (state) => state.set;
 const AutoUpdaterComponent = (props) => {
-  const { usePropsStore, useInternalStore, autoCalculatedData, propsWithDefault, Component } = props;
-  const setProps = usePropsStore(getPropsSetter);
-  const setInternal = useInternalStore(getInternalSetter);
+  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;
+  const setProps = usePropsStore((0, import_react.useCallback)((state) => state.set, []));
   (0, import_react.useEffect)(() => {
-    setProps({ ...propsWithDefault });
-  }, [propsWithDefault, setProps]);
-  (0, import_react.useEffect)(() => {
-    setInternal(autoCalculatedData);
-  }, [setInternal, autoCalculatedData]);
+    setProps({ ...propsWithDefault, ...autoCalculatedData });
+  }, [propsWithDefault, setProps, autoCalculatedData]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
 };
-//# sourceMappingURL=AutoUpdater.js.map
+//# sourceMappingURL=AutoUpdaterComponent.js.map

package/dist/cjs/AutoUpdaterComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AutoUpdaterComponent.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAXT,mBAA8C;AAGvC,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,oBAAoB,kBAAkB,UAAU,IAAI;AAC3E,QAAM,WAAW,kBAAc,0BAAY,CAAC,UAAU,MAAM,KAAK,CAAC,CAAC,CAAC;AAEpE,8BAAU,MAAM;AACd,aAAS,EAAE,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAAA,EACzD,GAAG,CAAC,kBAAkB,UAAU,kBAAkB,CAAC;AAEnD,SAAO,4CAAC,aAAU;AACpB;",
+  "names": []
+}

package/dist/cjs/builders.js

@@ -0,0 +1,76 @@
+"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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builders_exports = {};
+__export(builders_exports, {
+  buildGetters: () => buildGetters,
+  buildRefGetterAndSetter: () => buildRefGetterAndSetter,
+  buildSetters: () => buildSetters
+});
+module.exports = __toCommonJS(builders_exports);
+var React = __toESM(require("react"));
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const getKeys = (obj) => Object.keys(obj);
+const buildGetters = (internalAtomDefaultValues, get) => {
+  const internalAtomGetters = {};
+  getKeys(internalAtomDefaultValues).forEach((key) => {
+    const keyForGetter = `get${capitalize(key)}`;
+    const getter = () => get()[key];
+    internalAtomGetters[keyForGetter] = getter;
+  });
+  return internalAtomGetters;
+};
+const buildSetters = (internalAtomDefaultValues, get, set) => {
+  const internalAtomSetters = {};
+  getKeys(internalAtomDefaultValues).forEach((key) => {
+    const keyForSetter = `set${capitalize(key)}`;
+    const setter = (newVal) => {
+      if (typeof newVal === "function") {
+        set({ [key]: newVal(get()[key], get()) });
+      } else {
+        set({ [key]: newVal });
+      }
+    };
+    internalAtomSetters[keyForSetter] = setter;
+  });
+  return internalAtomSetters;
+};
+const buildRefGetterAndSetter = (get, set) => {
+  const getZustandRef = (key) => get().zustandRefs[key.join(",")];
+  const setZustandRef = (key, value) => {
+    set((state) => {
+      if (state instanceof Map || state instanceof Set)
+        return;
+      const zustandRefs = state.zustandRefs;
+      return {
+        zustandRefs: {
+          ...zustandRefs,
+          [key.join(",")]: value
+        }
+      };
+    });
+  };
+  return [getZustandRef, setZustandRef];
+};
+//# sourceMappingURL=builders.js.map

package/dist/cjs/builders.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/builders.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,MAAM,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG;AAE3F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,IAAI;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
+  "names": []
+}

package/dist/cjs/createInternalAndPropsContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createInternalAndPropsContext.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P>>>();\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, C, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA0B;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,QACvD,eAAAA,SAA6D;AAC/D,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,QAC7D,eAAAA,SAAyE;AAE3E,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
+  "sourcesContent": ["import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA0B;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,QACvD,eAAAA,SAAiE;AAEnE,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,QAC7D,eAAAA,SAAsE;AAExE,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
   "names": ["createContext"]
 }

package/dist/cjs/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport type { StoreApi, UseBoundStore } from 'zustand';\nimport type createContext from 'zustand/context';\n\n// U is a generic assigned to the user props for clarity\n// P is a generic assigned to the internal props for clarity\n// A is a generic assigned to the atoms for clarity\n// C is a generic assigned to the auto-calculated values for clarity\n// S is a generic assigned to selectors for clarity\n// R is a generic assigned to reducers for clarity\n\nexport namespace ZustandT {\n  export type ZustandStore<T> = UseBoundStore<StoreApi<T>>;\n\n  export type Getter<T> = StoreApi<T>['getState'];\n  export type Setter<T> = StoreApi<T>['setState'];\n\n  export type InternalStore<A extends object, C extends object, S extends object, R extends object> = A &\n    AtomGetters<A> &\n    AtomSetters<A, C, S, R> &\n    C &\n    S &\n    R & {\n      set: Setter<InternalStore<A, C, S, R>>;\n    };\n\n  export type PropsStore<T> = T & {\n    set: Setter<PropsStore<T>>;\n  };\n\n  export type AtomGetters<A extends object> = {\n    [key in keyof A as `get${Capitalize<string & key>}`]: () => A[key];\n  };\n\n  export type AtomSetters<A extends object, C extends object, S extends object, R extends object> = {\n    [key in keyof A as `set${Capitalize<string & key>}`]: (\n      newVal: A[key] | ((arg: A[key], store: InternalStore<A, C, S, R>) => A[key]),\n    ) => void;\n  };\n\n  export type SelectorObject<T, S extends object> = (get: Getter<T>) => S;\n  export type ReducerObject<T, R extends object> = (get: Getter<T>, set: Setter<T>) => R;\n\n  export type InternalParameters<A extends object, C extends object, S extends object, R extends object> = {\n    internalAtomDefaultValues: A;\n    autoCalculatedData: C;\n    selectors: SelectorObject<InternalStore<A, C, S, R>, S>;\n    reducers: ReducerObject<InternalStore<A, C, S, R>, R>;\n  };\n\n  export type InternalAndPropsContext<\n    P extends object,\n    A extends object,\n    C extends object,\n    S extends object,\n    R extends object,\n  > = {\n    PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P>>>>['Provider'];\n    usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P>>>>['useStore'];\n    InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, C, S, R>>>>['Provider'];\n    useInternalStore: ReturnType<typeof createContext<ZustandStore<InternalStore<A, C, S, R>>>>['useStore'];\n  };\n\n  export type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {\n    defaultProps: P;\n    internalAtomDefaultValues: A;\n    useAutoCalculated: (props: P) => C;\n    selectors?: SelectorObject<InternalStore<A, C, S, R>, S>;\n    reducers?: ReducerObject<InternalStore<A, C, S, R>, R>;\n  } & InternalAndPropsContext<P, A, C, S, R>;\n\n  export type AutoUpdaterComponentT = <\n    P extends object,\n    A extends object,\n    C extends object,\n    S extends object,\n    R extends object,\n  >(\n    props: Pick<Config<P, A, C, S, R>, 'usePropsStore' | 'useInternalStore'> & { autoCalculatedData: C } & {\n      propsWithDefault: P;\n    } & { Component: React.ComponentType<Record<string, never>> },\n  ) => JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport type { Draft } from 'immer';\nimport type { StoreApi, UseBoundStore } from 'zustand';\nimport type createContext from 'zustand/context';\n\n// U is a generic assigned to the user props for clarity\n// P is a generic assigned to the internal props for clarity\n// A is a generic assigned to the atoms for clarity\n// C is a generic assigned to the auto-calculated values for clarity\n// S is a generic assigned to selectors for clarity\n// R is a generic assigned to reducers for clarity\n\nexport namespace ZustandT {\n  type Write<T, U> = Omit<T, keyof U> & U;\n\n  type ImmerSetter<T extends object> = {\n    setState: (\n      nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void),\n      shouldReplace?: boolean | undefined,\n    ) => void;\n  };\n\n  type StoreSubscribeWithSelector<T> = {\n    subscribe: {\n      (listener: (selectedState: T, previousSelectedState: T) => void): () => void;\n      <U>(\n        selector: (state: T) => U,\n        listener: (selectedState: U, previousSelectedState: U) => void,\n        options?: {\n          equalityFn?: (a: U, b: U) => boolean;\n          fireImmediately?: boolean;\n        },\n      ): () => void;\n    };\n  };\n\n  // We add the immer setter method type\n  type StoreWithImmer<T extends object> = Write<StoreApi<T>, ImmerSetter<T>>;\n\n  // We add the subscribe with selector method type\n  type StoreWithImmerAndSubscriber<T extends object> = Write<StoreWithImmer<T>, StoreSubscribeWithSelector<T>>;\n\n  export type ZustandStore<T extends object> = UseBoundStore<StoreWithImmerAndSubscriber<T>>;\n\n  export type Getter<T extends object> = StoreWithImmerAndSubscriber<T>['getState'];\n  export type Setter<T extends object> = StoreWithImmerAndSubscriber<T>['setState'];\n\n  export type InternalStore<A extends object, S extends object, R extends object> = A &\n    AtomGetters<A> &\n    AtomSetters<A, S, R> &\n    S &\n    R & {\n      get: Getter<InternalStore<A, S, R>>;\n      set: Setter<InternalStore<A, S, R>>;\n      zustandRefs: Record<string, HTMLElement | null>;\n      getZustandRef: (key: string[]) => HTMLElement | null;\n      setZustandRef: (key: string[], value: HTMLElement | null) => void;\n    };\n\n  export type PropsStore<T> = T & {\n    set: Setter<PropsStore<T>>;\n  };\n\n  export type AtomGetters<A extends object> = {\n    [key in keyof A as `get${Capitalize<string & key>}`]: () => A[key];\n  };\n\n  export type AtomSetters<A extends object, S extends object, R extends object> = {\n    [key in keyof A as `set${Capitalize<string & key>}`]: (\n      newVal: A[key] | ((arg: A[key], store: InternalStore<A, S, R>) => A[key]),\n    ) => void;\n  };\n\n  export type SelectorObject<T extends object, S extends object> = (get: Getter<T>) => S;\n  export type ReducerObject<T extends object, R extends object> = (get: Getter<T>, set: Setter<T>) => R;\n  export type Subscribers<T extends object> = (api: StoreWithImmerAndSubscriber<T>) => void;\n\n  export type InternalParameters<A extends object, S extends object, R extends object> = {\n    internalAtomDefaultValues: A;\n    selectors: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers: Subscribers<InternalStore<A, S, R>>;\n  };\n\n  export type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {\n    defaultProps: P;\n    internalAtomDefaultValues: A;\n    useAutoCalculated: (props: P) => C;\n    selectors?: SelectorObject<InternalStore<A, S, R>, S>;\n    reducers?: ReducerObject<InternalStore<A, S, R>, R>;\n    subscribers?: Subscribers<InternalStore<A, S, R>>;\n    PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['Provider'];\n    InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, S, R>>>>['Provider'];\n    usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['useStore'];\n  };\n\n  export type AutoUpdaterComponentT = <\n    P extends object,\n    A extends object,\n    C extends object,\n    S extends object,\n    R extends object,\n  >(\n    props: Pick<Config<P, A, C, S, R>, 'usePropsStore'> & { autoCalculatedData: C } & {\n      propsWithDefault: P;\n    } & { Component: React.ComponentType<Record<string, never>> },\n  ) => JSX.Element;\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/useInternalStoreCreator.js

@@ -30,54 +30,48 @@ module.exports = __toCommonJS(useInternalStoreCreator_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_zustand = __toESM(require("zustand"));
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-const getKeys = (obj) => Object.keys(obj);
+var import_middleware = require("zustand/middleware");
+var import_immer = require("zustand/middleware/immer");
+var import_builders = require("./builders");
 const createInternalStore = ({
   internalAtomDefaultValues,
-  autoCalculatedData,
   selectors,
-  reducers
+  reducers,
+  subscribers
 }) => {
-  const store = (0, import_zustand.default)((set, get) => {
-    const internalAtomGetters = {};
-    getKeys(internalAtomDefaultValues).forEach((key) => {
-      const keyForGetter = `get${capitalize(key)}`;
-      const getter = () => get()[key];
-      internalAtomGetters[keyForGetter] = getter;
-    });
-    const internalAtomSetters = {};
-    getKeys(internalAtomDefaultValues).forEach((key) => {
-      const keyForSetter = `set${capitalize(key)}`;
-      const setter = (newVal) => {
-        if (typeof newVal === "function") {
-          set({ [key]: newVal(get()[key], get()) });
-        } else {
-          set({ [key]: newVal });
-        }
-      };
-      internalAtomSetters[keyForSetter] = setter;
-    });
-    return {
-      ...internalAtomDefaultValues,
-      ...internalAtomGetters,
-      ...internalAtomSetters,
-      ...autoCalculatedData,
-      ...selectors(get),
-      ...reducers(get, set),
-      set
-    };
-  });
+  const store = (0, import_zustand.default)(
+    (0, import_middleware.subscribeWithSelector)(
+      (0, import_immer.immer)((set, get) => {
+        const internalAtomGetters = (0, import_builders.buildGetters)(internalAtomDefaultValues, get);
+        const internalAtomSetters = (0, import_builders.buildSetters)(internalAtomDefaultValues, get, set);
+        const [getZustandRef, setZustandRef] = (0, import_builders.buildRefGetterAndSetter)(get, set);
+        return {
+          ...internalAtomDefaultValues,
+          ...internalAtomGetters,
+          ...internalAtomSetters,
+          ...selectors(get),
+          ...reducers(get, set),
+          zustandRefs: {},
+          getZustandRef,
+          setZustandRef,
+          get,
+          set
+        };
+      })
+    )
+  );
+  subscribers(store);
   return store;
 };
 const useInternalStoreCreator = ({
   internalAtomDefaultValues,
-  autoCalculatedData,
   selectors,
-  reducers
+  reducers,
+  subscribers
 }) => {
   const storeCreator = (0, import_react.useCallback)(
-    () => createInternalStore({ internalAtomDefaultValues, autoCalculatedData, selectors, reducers }),
-    [internalAtomDefaultValues, autoCalculatedData, selectors, reducers]
+    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),
+    [internalAtomDefaultValues, selectors, reducers, subscribers]
   );
   return storeCreator;
 };

package/dist/cjs/useInternalStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useInternalStoreCreator.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the setters for the atoms (which we auto-calculate)\n// 3) the auto-calculated values\n// 4) the set function\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, C extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  autoCalculatedData,\n  selectors,\n  reducers,\n}: ZustandT.InternalParameters<A, C, S, R>) => {\n  const store = create<ZustandT.InternalStore<A, C, S, R>>((set, get) => {\n    // We build the getters\n    const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n    getKeys(internalAtomDefaultValues).forEach((key) => {\n      const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n      const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n      internalAtomGetters[keyForGetter] = getter;\n    });\n\n    // We build the setters\n    const internalAtomSetters: ZustandT.AtomSetters<A, C, S, R> = {} as ZustandT.AtomSetters<A, C, S, R>;\n\n    getKeys(internalAtomDefaultValues).forEach((key) => {\n      const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, C, S, R>;\n\n      const setter = ((newVal: A[typeof key]) => {\n        if (typeof newVal === 'function') {\n          // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n          set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, C, S, R>>);\n        } else {\n          // We just received the new value, set it\n          set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, C, S, R>>);\n        }\n      }) as ZustandT.AtomSetters<A, C, S, R>[keyof ZustandT.AtomSetters<A, C, S, R>];\n\n      // We add the setter to the internalAtomSetters object\n      internalAtomSetters[keyForSetter] = setter;\n    });\n\n    return {\n      ...internalAtomDefaultValues,\n      ...internalAtomGetters,\n      ...internalAtomSetters,\n      ...autoCalculatedData,\n      ...selectors(get),\n      ...reducers(get, set),\n      set,\n    };\n  });\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, C extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  autoCalculatedData,\n  selectors,\n  reducers,\n}: ZustandT.InternalParameters<A, C, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, autoCalculatedData, selectors, reducers }),\n    [internalAtomDefaultValues, autoCalculatedData, selectors, reducers],\n  );\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AAGnB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAQ7D,MAAM,sBAAsB,CAAyE;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,YAAQ,eAAAA,SAA2C,CAAC,KAAK,QAAQ;AAErE,UAAM,sBAA+C,CAAC;AAEtD,YAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,YAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,YAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,0BAAoB,gBAAgB;AAAA,IACtC,CAAC;AAGD,UAAM,sBAAwD,CAAC;AAE/D,YAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,YAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,YAAM,SAAU,CAAC,WAA0B;AACzC,YAAI,OAAO,WAAW,YAAY;AAEhC,cAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAAgD;AAAA,QAC1G,OAAO;AAEL,cAAI,EAAE,CAAC,MAAM,OAAO,CAAgD;AAAA,QACtE;AAAA,MACF;AAGA,0BAAoB,gBAAgB;AAAA,IACtC,CAAC;AAED,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,UAAU,GAAG;AAAA,MAChB,GAAG,SAAS,KAAK,GAAG;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAyE;AAAA,EAC9G;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,mBAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,oBAAoB,WAAW,SAAS,CAAC;AAAA,IAChG,CAAC,2BAA2B,oBAAoB,WAAW,QAAQ;AAAA,EACrE;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders';\nimport type { ZustandT } from './types';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AACnB,wBAAsC;AACtC,mBAAsB;AACtB,sBAAoE;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,YAAQ,eAAAA;AAAA,QACZ;AAAA,UACE,oBAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,0BAAsB,8BAAa,2BAA2B,GAAG;AAGvE,cAAM,0BAAsB,8BAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,QAAI,yCAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,mBAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
   "names": ["create"]
 }

package/dist/cjs/usePropsStoreCreator.js

@@ -30,12 +30,16 @@ module.exports = __toCommonJS(usePropsStoreCreator_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_zustand = __toESM(require("zustand"));
-const createPropsStore = (propsWithDefault) => (0, import_zustand.default)((set) => ({
-  set,
-  ...propsWithDefault
-}));
-const usePropsStoreCreator = (props) => {
-  const storeCreator = (0, import_react.useCallback)(() => createPropsStore(props), []);
+var import_immer = require("zustand/middleware/immer");
+const createPropsStore = (propsWithDefault, autoCalculatedData) => (0, import_zustand.default)(
+  (0, import_immer.immer)((set) => ({
+    set,
+    ...propsWithDefault,
+    ...autoCalculatedData
+  }))
+);
+const usePropsStoreCreator = (props, autoCalculatedData) => {
+  const storeCreator = (0, import_react.useCallback)(() => createPropsStore(props, autoCalculatedData), []);
   return storeCreator;
 };
 //# sourceMappingURL=usePropsStoreCreator.js.map

package/dist/cjs/usePropsStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/usePropsStoreCreator.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <T extends object>(propsWithDefault: T) =>\n  create<ZustandT.PropsStore<T>>((set) => ({\n    set,\n    ...propsWithDefault,\n  }));\n\nexport const usePropsStoreCreator = <P extends object>(props: P) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props), []);\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AAGnB,MAAM,mBAAmB,CAAmB,yBAC1C,eAAAA,SAA+B,CAAC,SAAS;AAAA,EACvC;AAAA,EACA,GAAG;AACL,EAAE;AAEG,MAAM,uBAAuB,CAAmB,UAAa;AAIlE,QAAM,mBAAe,0BAAY,MAAM,iBAAiB,KAAK,GAAG,CAAC,CAAC;AAElE,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAmB;AACnB,mBAAsB;AAGtB,MAAM,mBAAmB,CAAqC,kBAAqB,2BACjF,eAAAA;AAAA,MACE,oBAAkC,CAAC,SAAS;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE;AACJ;AAEK,MAAM,uBAAuB,CAAqC,OAAU,uBAA0B;AAI3G,QAAM,mBAAe,0BAAY,MAAM,iBAAiB,OAAO,kBAAkB,GAAG,CAAC,CAAC;AAEtF,SAAO;AACT;",
   "names": ["create"]
 }

package/dist/cjs/withZustand.js

@@ -31,8 +31,8 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useInternalStoreCreator = require("./useInternalStoreCreator");
+var import_AutoUpdaterComponent = require("./AutoUpdaterComponent");
 var import_usePropsStoreCreator = require("./usePropsStoreCreator");
-var import_AutoUpdater = require("./AutoUpdater");
 const noopish = () => ({});
 const withZustand = (Component, config) => {
   const {
@@ -41,27 +41,26 @@ const withZustand = (Component, config) => {
     useAutoCalculated,
     selectors = noopish,
     reducers = noopish,
+    subscribers = noopish,
     PropsProvider,
     InternalProvider,
-    usePropsStore,
-    useInternalStore
+    usePropsStore
   } = config;
   const ComponentWithStore = (props) => {
     const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, defaultProps);
     const autoCalculatedData = useAutoCalculated(propsWithDefault);
     const internalStoreCreator = (0, import_useInternalStoreCreator.useInternalStoreCreator)({
       internalAtomDefaultValues,
-      autoCalculatedData,
       selectors,
-      reducers
+      reducers,
+      subscribers
     });
-    const propsStoreCreator = (0, import_usePropsStoreCreator.usePropsStoreCreator)(propsWithDefault);
+    const propsStoreCreator = (0, import_usePropsStoreCreator.usePropsStoreCreator)(propsWithDefault, autoCalculatedData);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PropsProvider, { createStore: propsStoreCreator, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InternalProvider, { createStore: internalStoreCreator, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_AutoUpdater.AutoUpdaterComponent,
+      import_AutoUpdaterComponent.AutoUpdaterComponent,
       {
         Component,
         usePropsStore,
-        useInternalStore,
         autoCalculatedData,
         propsWithDefault
       }

package/dist/cjs/withZustand.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/withZustand.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\nimport { AutoUpdaterComponent } from './AutoUpdater';\nimport type { ZustandT } from './types';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n    useInternalStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      autoCalculatedData,\n      selectors,\n      reducers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            useInternalStore={useInternalStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDb;AAhDV,0BAA6C;AAC7C,qCAAwC;AACxC,kCAAqC;AACrC,yBAAqC;AAGrC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,uBAAmB,kDAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,2BAAuB,wDAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,wBAAoB,kDAAqB,gBAAgB;AAE/D,WACE,4CAAC,iBAAc,aAAa,mBAC1B,sDAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable indent */\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport type { ZustandT } from './types';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDb;AAhDV,0BAA6C;AAC7C,qCAAwC;AAExC,kCAAqC;AACrC,kCAAqC;AAErC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,uBAAmB,kDAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,2BAAuB,wDAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,wBAAoB,kDAAqB,kBAAkB,kBAAkB;AAEnF,WACE,4CAAC,iBAAc,aAAa,mBAC1B,sDAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/AutoUpdaterComponent.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
+const AutoUpdaterComponent = (props) => {
+  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;
+  const setProps = usePropsStore(useCallback((state) => state.set, []));
+  useEffect(() => {
+    setProps({ ...propsWithDefault, ...autoCalculatedData });
+  }, [propsWithDefault, setProps, autoCalculatedData]);
+  return /* @__PURE__ */ jsx(Component, {});
+};
+export {
+  AutoUpdaterComponent
+};
+//# sourceMappingURL=AutoUpdaterComponent.js.map

package/dist/esm/AutoUpdaterComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AutoUpdaterComponent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(useCallback((state) => state.set, []));\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault, ...autoCalculatedData });\n  }, [propsWithDefault, setProps, autoCalculatedData]);\n\n  return <Component />;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWd;AAXT,SAAgB,aAAa,iBAAiB;AAGvC,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,oBAAoB,kBAAkB,UAAU,IAAI;AAC3E,QAAM,WAAW,cAAc,YAAY,CAAC,UAAU,MAAM,KAAK,CAAC,CAAC,CAAC;AAEpE,YAAU,MAAM;AACd,aAAS,EAAE,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAAA,EACzD,GAAG,CAAC,kBAAkB,UAAU,kBAAkB,CAAC;AAEnD,SAAO,oBAAC,aAAU;AACpB;",
+  "names": []
+}

package/dist/esm/builders.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+const getKeys = (obj) => Object.keys(obj);
+const buildGetters = (internalAtomDefaultValues, get) => {
+  const internalAtomGetters = {};
+  getKeys(internalAtomDefaultValues).forEach((key) => {
+    const keyForGetter = `get${capitalize(key)}`;
+    const getter = () => get()[key];
+    internalAtomGetters[keyForGetter] = getter;
+  });
+  return internalAtomGetters;
+};
+const buildSetters = (internalAtomDefaultValues, get, set) => {
+  const internalAtomSetters = {};
+  getKeys(internalAtomDefaultValues).forEach((key) => {
+    const keyForSetter = `set${capitalize(key)}`;
+    const setter = (newVal) => {
+      if (typeof newVal === "function") {
+        set({ [key]: newVal(get()[key], get()) });
+      } else {
+        set({ [key]: newVal });
+      }
+    };
+    internalAtomSetters[keyForSetter] = setter;
+  });
+  return internalAtomSetters;
+};
+const buildRefGetterAndSetter = (get, set) => {
+  const getZustandRef = (key) => get().zustandRefs[key.join(",")];
+  const setZustandRef = (key, value) => {
+    set((state) => {
+      if (state instanceof Map || state instanceof Set)
+        return;
+      const zustandRefs = state.zustandRefs;
+      return {
+        zustandRefs: {
+          ...zustandRefs,
+          [key.join(",")]: value
+        }
+      };
+    });
+  };
+  return [getZustandRef, setZustandRef];
+};
+export {
+  buildGetters,
+  buildRefGetterAndSetter,
+  buildSetters
+};
+//# sourceMappingURL=builders.js.map

package/dist/esm/builders.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/builders.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\nexport const buildGetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n    const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n    internalAtomGetters[keyForGetter] = getter;\n  });\n\n  return internalAtomGetters;\n};\n\nexport const buildSetters = <A extends object, S extends object, R extends object>(\n  internalAtomDefaultValues: A,\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const internalAtomSetters: ZustandT.AtomSetters<A, S, R> = {} as ZustandT.AtomSetters<A, S, R>;\n\n  getKeys(internalAtomDefaultValues).forEach((key) => {\n    const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, S, R>;\n\n    const setter = ((newVal: A[typeof key]) => {\n      if (typeof newVal === 'function') {\n        // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n        set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, S, R>>);\n      } else {\n        // We just received the new value, set it\n        set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, S, R>>);\n      }\n    }) as ZustandT.AtomSetters<A, S, R>[keyof ZustandT.AtomSetters<A, S, R>];\n\n    // We add the setter to the internalAtomSetters object\n    internalAtomSetters[keyForSetter] = setter;\n  });\n\n  return internalAtomSetters;\n};\n\nexport const buildRefGetterAndSetter = <A extends object, S extends object, R extends object>(\n  get: ZustandT.Getter<ZustandT.InternalStore<A, S, R>>,\n  set: ZustandT.Setter<ZustandT.InternalStore<A, S, R>>,\n) => {\n  const getZustandRef = (key: string[]): HTMLElement | null => get().zustandRefs[key.join(',')];\n\n  const setZustandRef = (key: string[], value: HTMLElement | null) => {\n    set((state) => {\n      if (state instanceof Map || state instanceof Set) return;\n      const zustandRefs = state.zustandRefs;\n      return {\n        zustandRefs: {\n          ...zustandRefs,\n          [key.join(',')]: value,\n        },\n      };\n    });\n  };\n\n  return [getZustandRef, setZustandRef] as const;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEtD,MAAM,eAAe,CAC1B,2BACA,QACG;AACH,QAAM,sBAA+C,CAAC;AAEtD,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,eAAe,CAC1B,2BACA,KACA,QACG;AACH,QAAM,sBAAqD,CAAC;AAE5D,UAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,UAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,UAAM,SAAU,CAAC,WAA0B;AACzC,UAAI,OAAO,WAAW,YAAY;AAEhC,YAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAA6C;AAAA,MACvG,OAAO;AAEL,YAAI,EAAE,CAAC,MAAM,OAAO,CAA6C;AAAA,MACnE;AAAA,IACF;AAGA,wBAAoB,gBAAgB;AAAA,EACtC,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,KACA,QACG;AACH,QAAM,gBAAgB,CAAC,QAAsC,IAAI,EAAE,YAAY,IAAI,KAAK,GAAG;AAE3F,QAAM,gBAAgB,CAAC,KAAe,UAA8B;AAClE,QAAI,CAAC,UAAU;AACb,UAAI,iBAAiB,OAAO,iBAAiB;AAAK;AAClD,YAAM,cAAc,MAAM;AAC1B,aAAO;AAAA,QACL,aAAa;AAAA,UACX,GAAG;AAAA,UACH,CAAC,IAAI,KAAK,GAAG,IAAI;AAAA,QACnB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,eAAe,aAAa;AACtC;",
+  "names": []
+}

package/dist/esm/createInternalAndPropsContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/createInternalAndPropsContext.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P>>>();\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, C, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,mBAAmB;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,IACvD,cAA6D;AAC/D,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,IAC7D,cAAyE;AAE3E,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import createContext from 'zustand/context';\nimport type { ZustandT } from './types';\n\nexport const createInternalAndPropsContext = <\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>() => {\n  const { Provider: PropsProvider, useStore: usePropsStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>>();\n\n  const { Provider: InternalProvider, useStore: useInternalStore } =\n    createContext<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>>();\n\n  return { PropsProvider, usePropsStore, InternalProvider, useInternalStore };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,mBAAmB;AAGnB,MAAM,gCAAgC,MAMtC;AACL,QAAM,EAAE,UAAU,eAAe,UAAU,cAAc,IACvD,cAAiE;AAEnE,QAAM,EAAE,UAAU,kBAAkB,UAAU,iBAAiB,IAC7D,cAAsE;AAExE,SAAO,EAAE,eAAe,eAAe,kBAAkB,iBAAiB;AAC5E;",
   "names": []
 }

package/dist/esm/useInternalStoreCreator.js

@@ -1,54 +1,48 @@
 import * as React from "react";
 import { useCallback } from "react";
 import create from "zustand";
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-const getKeys = (obj) => Object.keys(obj);
+import { subscribeWithSelector } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
+import { buildGetters, buildRefGetterAndSetter, buildSetters } from "./builders";
 const createInternalStore = ({
   internalAtomDefaultValues,
-  autoCalculatedData,
   selectors,
-  reducers
+  reducers,
+  subscribers
 }) => {
-  const store = create((set, get) => {
-    const internalAtomGetters = {};
-    getKeys(internalAtomDefaultValues).forEach((key) => {
-      const keyForGetter = `get${capitalize(key)}`;
-      const getter = () => get()[key];
-      internalAtomGetters[keyForGetter] = getter;
-    });
-    const internalAtomSetters = {};
-    getKeys(internalAtomDefaultValues).forEach((key) => {
-      const keyForSetter = `set${capitalize(key)}`;
-      const setter = (newVal) => {
-        if (typeof newVal === "function") {
-          set({ [key]: newVal(get()[key], get()) });
-        } else {
-          set({ [key]: newVal });
-        }
-      };
-      internalAtomSetters[keyForSetter] = setter;
-    });
-    return {
-      ...internalAtomDefaultValues,
-      ...internalAtomGetters,
-      ...internalAtomSetters,
-      ...autoCalculatedData,
-      ...selectors(get),
-      ...reducers(get, set),
-      set
-    };
-  });
+  const store = create(
+    subscribeWithSelector(
+      immer((set, get) => {
+        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);
+        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);
+        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);
+        return {
+          ...internalAtomDefaultValues,
+          ...internalAtomGetters,
+          ...internalAtomSetters,
+          ...selectors(get),
+          ...reducers(get, set),
+          zustandRefs: {},
+          getZustandRef,
+          setZustandRef,
+          get,
+          set
+        };
+      })
+    )
+  );
+  subscribers(store);
   return store;
 };
 const useInternalStoreCreator = ({
   internalAtomDefaultValues,
-  autoCalculatedData,
   selectors,
-  reducers
+  reducers,
+  subscribers
 }) => {
   const storeCreator = useCallback(
-    () => createInternalStore({ internalAtomDefaultValues, autoCalculatedData, selectors, reducers }),
-    [internalAtomDefaultValues, autoCalculatedData, selectors, reducers]
+    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),
+    [internalAtomDefaultValues, selectors, reducers, subscribers]
   );
   return storeCreator;
 };

package/dist/esm/useInternalStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/useInternalStoreCreator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport type { ZustandT } from './types';\n\nconst capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst getKeys = <T extends object>(obj: T) => Object.keys(obj) as (keyof T)[];\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the setters for the atoms (which we auto-calculate)\n// 3) the auto-calculated values\n// 4) the set function\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, C extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  autoCalculatedData,\n  selectors,\n  reducers,\n}: ZustandT.InternalParameters<A, C, S, R>) => {\n  const store = create<ZustandT.InternalStore<A, C, S, R>>((set, get) => {\n    // We build the getters\n    const internalAtomGetters: ZustandT.AtomGetters<A> = {} as ZustandT.AtomGetters<A>;\n\n    getKeys(internalAtomDefaultValues).forEach((key) => {\n      const keyForGetter = `get${capitalize(key as string)}` as keyof ZustandT.AtomGetters<A>;\n\n      const getter = (() => get()[key]) as ZustandT.AtomGetters<A>[keyof ZustandT.AtomGetters<A>];\n\n      internalAtomGetters[keyForGetter] = getter;\n    });\n\n    // We build the setters\n    const internalAtomSetters: ZustandT.AtomSetters<A, C, S, R> = {} as ZustandT.AtomSetters<A, C, S, R>;\n\n    getKeys(internalAtomDefaultValues).forEach((key) => {\n      const keyForSetter = `set${capitalize(key as string)}` as keyof ZustandT.AtomSetters<A, C, S, R>;\n\n      const setter = ((newVal: A[typeof key]) => {\n        if (typeof newVal === 'function') {\n          // If it's a function, we call it with the current store value, and the full store. We try to mimic react-setState's behavior\n          set({ [key]: newVal(get()[key], get()) as A[typeof key] } as Partial<ZustandT.InternalStore<A, C, S, R>>);\n        } else {\n          // We just received the new value, set it\n          set({ [key]: newVal } as Partial<ZustandT.InternalStore<A, C, S, R>>);\n        }\n      }) as ZustandT.AtomSetters<A, C, S, R>[keyof ZustandT.AtomSetters<A, C, S, R>];\n\n      // We add the setter to the internalAtomSetters object\n      internalAtomSetters[keyForSetter] = setter;\n    });\n\n    return {\n      ...internalAtomDefaultValues,\n      ...internalAtomGetters,\n      ...internalAtomSetters,\n      ...autoCalculatedData,\n      ...selectors(get),\n      ...reducers(get, set),\n      set,\n    };\n  });\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, C extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  autoCalculatedData,\n  selectors,\n  reducers,\n}: ZustandT.InternalParameters<A, C, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, autoCalculatedData, selectors, reducers }),\n    [internalAtomDefaultValues, autoCalculatedData, selectors, reducers],\n  );\n\n  return storeCreator;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAGnB,MAAM,aAAa,CAAC,QAAgB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAE7E,MAAM,UAAU,CAAmB,QAAW,OAAO,KAAK,GAAG;AAQ7D,MAAM,sBAAsB,CAAyE;AAAA,EACnG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,QAAQ,OAA2C,CAAC,KAAK,QAAQ;AAErE,UAAM,sBAA+C,CAAC;AAEtD,YAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,YAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,YAAM,SAAU,MAAM,IAAI,EAAE;AAE5B,0BAAoB,gBAAgB;AAAA,IACtC,CAAC;AAGD,UAAM,sBAAwD,CAAC;AAE/D,YAAQ,yBAAyB,EAAE,QAAQ,CAAC,QAAQ;AAClD,YAAM,eAAe,MAAM,WAAW,GAAa;AAEnD,YAAM,SAAU,CAAC,WAA0B;AACzC,YAAI,OAAO,WAAW,YAAY;AAEhC,cAAI,EAAE,CAAC,MAAM,OAAO,IAAI,EAAE,MAAM,IAAI,CAAC,EAAmB,CAAgD;AAAA,QAC1G,OAAO;AAEL,cAAI,EAAE,CAAC,MAAM,OAAO,CAAgD;AAAA,QACtE;AAAA,MACF;AAGA,0BAAoB,gBAAgB;AAAA,IACtC,CAAC;AAED,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,UAAU,GAAG;AAAA,MAChB,GAAG,SAAS,KAAK,GAAG;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAyE;AAAA,EAC9G;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,eAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,oBAAoB,WAAW,SAAS,CAAC;AAAA,IAChG,CAAC,2BAA2B,oBAAoB,WAAW,QAAQ;AAAA,EACrE;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { buildGetters, buildRefGetterAndSetter, buildSetters } from './builders';\nimport type { ZustandT } from './types';\n\n// Function that will create the store, putting:\n// 1) the atoms\n// 2) the getters for the atoms (which we auto-calculate and are mutable)\n// 3) the setters for the atoms (which we auto-calculate)\n// 4) the auto-calculated values\n// 5) selectors\n// 6) reducers\n// 7) ref object, getters and setters\n// 8) the get function\n// 9) the set function\n// After that, we configure the subscribers\n// The store is fully typed, and the setters are typed as well\nconst createInternalStore = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const store = create(\n    subscribeWithSelector(\n      immer<ZustandT.InternalStore<A, S, R>>((set, get) => {\n        // We build the atom getters\n        const internalAtomGetters = buildGetters(internalAtomDefaultValues, get);\n\n        // We build the atom setters\n        const internalAtomSetters = buildSetters(internalAtomDefaultValues, get, set);\n\n        // We build an object to store references to elements\n        const [getZustandRef, setZustandRef] = buildRefGetterAndSetter(get, set);\n\n        return {\n          ...internalAtomDefaultValues,\n          ...internalAtomGetters,\n          ...internalAtomSetters,\n          ...selectors(get),\n          ...reducers(get, set),\n          zustandRefs: {},\n          getZustandRef,\n          setZustandRef,\n          get,\n          set,\n        };\n      }),\n    ),\n  );\n\n  // We setup all subscribers\n  subscribers(store);\n\n  return store;\n};\n\nexport const useInternalStoreCreator = <A extends object, S extends object, R extends object>({\n  internalAtomDefaultValues,\n  selectors,\n  reducers,\n  subscribers,\n}: ZustandT.InternalParameters<A, S, R>) => {\n  const storeCreator = useCallback(\n    () => createInternalStore({ internalAtomDefaultValues, selectors, reducers, subscribers }),\n    [internalAtomDefaultValues, selectors, reducers, subscribers],\n  );\n\n  return storeCreator;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AACnB,SAAS,6BAA6B;AACtC,SAAS,aAAa;AACtB,SAAS,cAAc,yBAAyB,oBAAoB;AAepE,MAAM,sBAAsB,CAAuD;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,MAAuC,CAAC,KAAK,QAAQ;AAEnD,cAAM,sBAAsB,aAAa,2BAA2B,GAAG;AAGvE,cAAM,sBAAsB,aAAa,2BAA2B,KAAK,GAAG;AAG5E,cAAM,CAAC,eAAe,aAAa,IAAI,wBAAwB,KAAK,GAAG;AAEvE,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG,UAAU,GAAG;AAAA,UAChB,GAAG,SAAS,KAAK,GAAG;AAAA,UACpB,aAAa,CAAC;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAGA,cAAY,KAAK;AAEjB,SAAO;AACT;AAEO,MAAM,0BAA0B,CAAuD;AAAA,EAC5F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,eAAe;AAAA,IACnB,MAAM,oBAAoB,EAAE,2BAA2B,WAAW,UAAU,YAAY,CAAC;AAAA,IACzF,CAAC,2BAA2B,WAAW,UAAU,WAAW;AAAA,EAC9D;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/usePropsStoreCreator.js

@@ -1,12 +1,16 @@
 import * as React from "react";
 import { useCallback } from "react";
 import create from "zustand";
-const createPropsStore = (propsWithDefault) => create((set) => ({
-  set,
-  ...propsWithDefault
-}));
-const usePropsStoreCreator = (props) => {
-  const storeCreator = useCallback(() => createPropsStore(props), []);
+import { immer } from "zustand/middleware/immer";
+const createPropsStore = (propsWithDefault, autoCalculatedData) => create(
+  immer((set) => ({
+    set,
+    ...propsWithDefault,
+    ...autoCalculatedData
+  }))
+);
+const usePropsStoreCreator = (props, autoCalculatedData) => {
+  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);
   return storeCreator;
 };
 export {

package/dist/esm/usePropsStoreCreator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePropsStoreCreator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <T extends object>(propsWithDefault: T) =>\n  create<ZustandT.PropsStore<T>>((set) => ({\n    set,\n    ...propsWithDefault,\n  }));\n\nexport const usePropsStoreCreator = <P extends object>(props: P) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props), []);\n\n  return storeCreator;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAGnB,MAAM,mBAAmB,CAAmB,qBAC1C,OAA+B,CAAC,SAAS;AAAA,EACvC;AAAA,EACA,GAAG;AACL,EAAE;AAEG,MAAM,uBAAuB,CAAmB,UAAa;AAIlE,QAAM,eAAe,YAAY,MAAM,iBAAiB,KAAK,GAAG,CAAC,CAAC;AAElE,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport create from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport type { ZustandT } from './types';\n\nconst createPropsStore = <P extends object, C extends object>(propsWithDefault: P, autoCalculatedData: C) =>\n  create(\n    immer<ZustandT.PropsStore<P & C>>((set) => ({\n      set,\n      ...propsWithDefault,\n      ...autoCalculatedData,\n    })),\n  );\n\nexport const usePropsStoreCreator = <P extends object, C extends object>(props: P, autoCalculatedData: C) => {\n  // we want to memoize the creation of the store,\n  // it doesn't make sense to create a new store every time the props change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const storeCreator = useCallback(() => createPropsStore(props, autoCalculatedData), []);\n\n  return storeCreator;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AACnB,SAAS,aAAa;AAGtB,MAAM,mBAAmB,CAAqC,kBAAqB,uBACjF;AAAA,EACE,MAAkC,CAAC,SAAS;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE;AACJ;AAEK,MAAM,uBAAuB,CAAqC,OAAU,uBAA0B;AAI3G,QAAM,eAAe,YAAY,MAAM,iBAAiB,OAAO,kBAAkB,GAAG,CAAC,CAAC;AAEtF,SAAO;AACT;",
   "names": []
 }

package/dist/esm/withZustand.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
 import { useInternalStoreCreator } from "./useInternalStoreCreator";
+import { AutoUpdaterComponent } from "./AutoUpdaterComponent";
 import { usePropsStoreCreator } from "./usePropsStoreCreator";
-import { AutoUpdaterComponent } from "./AutoUpdater";
 const noopish = () => ({});
 const withZustand = (Component, config) => {
   const {
@@ -12,27 +12,26 @@ const withZustand = (Component, config) => {
     useAutoCalculated,
     selectors = noopish,
     reducers = noopish,
+    subscribers = noopish,
     PropsProvider,
     InternalProvider,
-    usePropsStore,
-    useInternalStore
+    usePropsStore
   } = config;
   const ComponentWithStore = (props) => {
     const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
     const autoCalculatedData = useAutoCalculated(propsWithDefault);
     const internalStoreCreator = useInternalStoreCreator({
       internalAtomDefaultValues,
-      autoCalculatedData,
       selectors,
-      reducers
+      reducers,
+      subscribers
     });
-    const propsStoreCreator = usePropsStoreCreator(propsWithDefault);
+    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);
     return /* @__PURE__ */ jsx(PropsProvider, { createStore: propsStoreCreator, children: /* @__PURE__ */ jsx(InternalProvider, { createStore: internalStoreCreator, children: /* @__PURE__ */ jsx(
       AutoUpdaterComponent,
       {
         Component,
         usePropsStore,
-        useInternalStore,
         autoCalculatedData,
         propsWithDefault
       }

package/dist/esm/withZustand.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/withZustand.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\nimport { AutoUpdaterComponent } from './AutoUpdater';\nimport type { ZustandT } from './types';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n    useInternalStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      autoCalculatedData,\n      selectors,\n      reducers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            useInternalStore={useInternalStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiDb;AAhDV,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAGrC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,mBAAmB,6BAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,uBAAuB,wBAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,oBAAoB,qBAAqB,gBAAgB;AAE/D,WACE,oBAAC,iBAAc,aAAa,mBAC1B,8BAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useInternalStoreCreator } from './useInternalStoreCreator';\nimport type { ZustandT } from './types';\nimport { AutoUpdaterComponent } from './AutoUpdaterComponent';\nimport { usePropsStoreCreator } from './usePropsStoreCreator';\n\nconst noopish = <T extends object>() => ({} as T);\n\nexport const withZustand = <\n  U extends object,\n  P extends object,\n  A extends object,\n  C extends object,\n  S extends object,\n  R extends object,\n>(\n  Component: React.ComponentType<Record<string, never>>,\n  config: ZustandT.Config<P, A, C, S, R>,\n) => {\n  const {\n    defaultProps,\n    internalAtomDefaultValues,\n    useAutoCalculated,\n    selectors = noopish,\n    reducers = noopish,\n    subscribers = noopish,\n    PropsProvider,\n    InternalProvider,\n    usePropsStore,\n  } = config;\n\n  const ComponentWithStore = (props: U) => {\n    const propsWithDefault = useMemoMergePropsWithDefault<P>(props, defaultProps);\n\n    const autoCalculatedData = useAutoCalculated(propsWithDefault);\n\n    const internalStoreCreator = useInternalStoreCreator({\n      internalAtomDefaultValues,\n      selectors,\n      reducers,\n      subscribers,\n    });\n\n    const propsStoreCreator = usePropsStoreCreator(propsWithDefault, autoCalculatedData);\n\n    return (\n      <PropsProvider createStore={propsStoreCreator}>\n        <InternalProvider createStore={internalStoreCreator}>\n          <AutoUpdaterComponent\n            Component={Component}\n            usePropsStore={usePropsStore}\n            autoCalculatedData={autoCalculatedData}\n            propsWithDefault={propsWithDefault}\n          />\n        </InternalProvider>\n      </PropsProvider>\n    );\n  };\n  return ComponentWithStore;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiDb;AAhDV,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AAExC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC,MAAM,UAAU,OAAyB,CAAC;AAEnC,MAAM,cAAc,CAQzB,WACA,WACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,CAAC,UAAa;AACvC,UAAM,mBAAmB,6BAAgC,OAAO,YAAY;AAE5E,UAAM,qBAAqB,kBAAkB,gBAAgB;AAE7D,UAAM,uBAAuB,wBAAwB;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,oBAAoB,qBAAqB,kBAAkB,kBAAkB;AAEnF,WACE,oBAAC,iBAAc,aAAa,mBAC1B,8BAAC,oBAAiB,aAAa,sBAC7B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,EAEJ;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/types/builders.d.ts

@@ -0,0 +1,4 @@
+import type { ZustandT } from './types';
+export declare const buildGetters: <A extends object, S extends object, R extends object>(internalAtomDefaultValues: A, get: () => ZustandT.InternalStore<A, S, R>) => ZustandT.AtomGetters<A>;
+export declare const buildSetters: <A extends object, S extends object, R extends object>(internalAtomDefaultValues: A, get: () => ZustandT.InternalStore<A, S, R>, set: (nextStateOrUpdater: ZustandT.InternalStore<A, S, R> | Partial<ZustandT.InternalStore<A, S, R>> | ((state: import("immer").Draft<ZustandT.InternalStore<A, S, R>>) => void), shouldReplace?: boolean | undefined) => void) => ZustandT.AtomSetters<A, S, R>;
+export declare const buildRefGetterAndSetter: <A extends object, S extends object, R extends object>(get: () => ZustandT.InternalStore<A, S, R>, set: (nextStateOrUpdater: ZustandT.InternalStore<A, S, R> | Partial<ZustandT.InternalStore<A, S, R>> | ((state: import("immer").Draft<ZustandT.InternalStore<A, S, R>>) => void), shouldReplace?: boolean | undefined) => void) => readonly [(key: string[]) => HTMLElement | null, (key: string[], value: HTMLElement | null) => void];

package/dist/types/createInternalAndPropsContext.d.ts

@@ -2,19 +2,19 @@
 import type { ZustandT } from './types';
 export declare const createInternalAndPropsContext: <P extends object, A extends object, C extends object, S extends object, R extends object>() => {
     PropsProvider: ({ createStore, children, }: {
-        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<P>>;
+        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<P & C>>;
         children: import("react").ReactNode;
-    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<P>> | undefined>>;
+    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<P & C>> | undefined>>;
     usePropsStore: {
-        (): ZustandT.PropsStore<P>;
-        <U>(selector: (state: ZustandT.PropsStore<P>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
+        (): ZustandT.PropsStore<P & C>;
+        <U>(selector: (state: ZustandT.PropsStore<P & C>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
     };
     InternalProvider: ({ createStore, children, }: {
-        createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<A, C, S, R>>;
+        createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>>;
         children: import("react").ReactNode;
-    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.InternalStore<A, C, S, R>> | undefined>>;
+    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.InternalStore<A, S, R>> | undefined>>;
     useInternalStore: {
-        (): ZustandT.InternalStore<A, C, S, R>;
-        <U_1>(selector: (state: ZustandT.InternalStore<A, C, S, R>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
+        (): ZustandT.InternalStore<A, S, R>;
+        <U_1>(selector: (state: ZustandT.InternalStore<A, S, R>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
     };
 };

package/dist/types/types.d.ts

@@ -1,48 +1,68 @@
 /// <reference types="react" />
+import type { Draft } from 'immer';
 import type { StoreApi, UseBoundStore } from 'zustand';
 import type createContext from 'zustand/context';
 export declare namespace ZustandT {
-    type ZustandStore<T> = UseBoundStore<StoreApi<T>>;
-    type Getter<T> = StoreApi<T>['getState'];
-    type Setter<T> = StoreApi<T>['setState'];
-    type InternalStore<A extends object, C extends object, S extends object, R extends object> = A & AtomGetters<A> & AtomSetters<A, C, S, R> & C & S & R & {
-        set: Setter<InternalStore<A, C, S, R>>;
+    type Write<T, U> = Omit<T, keyof U> & U;
+    type ImmerSetter<T extends object> = {
+        setState: (nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void), shouldReplace?: boolean | undefined) => void;
     };
-    type PropsStore<T> = T & {
+    type StoreSubscribeWithSelector<T> = {
+        subscribe: {
+            (listener: (selectedState: T, previousSelectedState: T) => void): () => void;
+            <U>(selector: (state: T) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+                equalityFn?: (a: U, b: U) => boolean;
+                fireImmediately?: boolean;
+            }): () => void;
+        };
+    };
+    type StoreWithImmer<T extends object> = Write<StoreApi<T>, ImmerSetter<T>>;
+    type StoreWithImmerAndSubscriber<T extends object> = Write<StoreWithImmer<T>, StoreSubscribeWithSelector<T>>;
+    export type ZustandStore<T extends object> = UseBoundStore<StoreWithImmerAndSubscriber<T>>;
+    export type Getter<T extends object> = StoreWithImmerAndSubscriber<T>['getState'];
+    export type Setter<T extends object> = StoreWithImmerAndSubscriber<T>['setState'];
+    export type InternalStore<A extends object, S extends object, R extends object> = A & AtomGetters<A> & AtomSetters<A, S, R> & S & R & {
+        get: Getter<InternalStore<A, S, R>>;
+        set: Setter<InternalStore<A, S, R>>;
+        zustandRefs: Record<string, HTMLElement | null>;
+        getZustandRef: (key: string[]) => HTMLElement | null;
+        setZustandRef: (key: string[], value: HTMLElement | null) => void;
+    };
+    export type PropsStore<T> = T & {
         set: Setter<PropsStore<T>>;
     };
-    type AtomGetters<A extends object> = {
+    export type AtomGetters<A extends object> = {
         [key in keyof A as `get${Capitalize<string & key>}`]: () => A[key];
     };
-    type AtomSetters<A extends object, C extends object, S extends object, R extends object> = {
-        [key in keyof A as `set${Capitalize<string & key>}`]: (newVal: A[key] | ((arg: A[key], store: InternalStore<A, C, S, R>) => A[key])) => void;
+    export type AtomSetters<A extends object, S extends object, R extends object> = {
+        [key in keyof A as `set${Capitalize<string & key>}`]: (newVal: A[key] | ((arg: A[key], store: InternalStore<A, S, R>) => A[key])) => void;
     };
-    type SelectorObject<T, S extends object> = (get: Getter<T>) => S;
-    type ReducerObject<T, R extends object> = (get: Getter<T>, set: Setter<T>) => R;
-    type InternalParameters<A extends object, C extends object, S extends object, R extends object> = {
+    export type SelectorObject<T extends object, S extends object> = (get: Getter<T>) => S;
+    export type ReducerObject<T extends object, R extends object> = (get: Getter<T>, set: Setter<T>) => R;
+    export type Subscribers<T extends object> = (api: StoreWithImmerAndSubscriber<T>) => void;
+    export type InternalParameters<A extends object, S extends object, R extends object> = {
         internalAtomDefaultValues: A;
-        autoCalculatedData: C;
-        selectors: SelectorObject<InternalStore<A, C, S, R>, S>;
-        reducers: ReducerObject<InternalStore<A, C, S, R>, R>;
+        selectors: SelectorObject<InternalStore<A, S, R>, S>;
+        reducers: ReducerObject<InternalStore<A, S, R>, R>;
+        subscribers: Subscribers<InternalStore<A, S, R>>;
     };
-    type InternalAndPropsContext<P extends object, A extends object, C extends object, S extends object, R extends object> = {
-        PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P>>>>['Provider'];
-        usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P>>>>['useStore'];
-        InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, C, S, R>>>>['Provider'];
-        useInternalStore: ReturnType<typeof createContext<ZustandStore<InternalStore<A, C, S, R>>>>['useStore'];
-    };
-    type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {
+    export type Config<P extends object, A extends object, C extends object, S extends object, R extends object> = {
         defaultProps: P;
         internalAtomDefaultValues: A;
         useAutoCalculated: (props: P) => C;
-        selectors?: SelectorObject<InternalStore<A, C, S, R>, S>;
-        reducers?: ReducerObject<InternalStore<A, C, S, R>, R>;
-    } & InternalAndPropsContext<P, A, C, S, R>;
-    type AutoUpdaterComponentT = <P extends object, A extends object, C extends object, S extends object, R extends object>(props: Pick<Config<P, A, C, S, R>, 'usePropsStore' | 'useInternalStore'> & {
+        selectors?: SelectorObject<InternalStore<A, S, R>, S>;
+        reducers?: ReducerObject<InternalStore<A, S, R>, R>;
+        subscribers?: Subscribers<InternalStore<A, S, R>>;
+        PropsProvider: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['Provider'];
+        InternalProvider: ReturnType<typeof createContext<ZustandStore<InternalStore<A, S, R>>>>['Provider'];
+        usePropsStore: ReturnType<typeof createContext<ZustandStore<PropsStore<P & C>>>>['useStore'];
+    };
+    export type AutoUpdaterComponentT = <P extends object, A extends object, C extends object, S extends object, R extends object>(props: Pick<Config<P, A, C, S, R>, 'usePropsStore'> & {
         autoCalculatedData: C;
     } & {
         propsWithDefault: P;
     } & {
         Component: React.ComponentType<Record<string, never>>;
     }) => JSX.Element;
+    export {};
 }

package/dist/types/useInternalStoreCreator.d.ts

@@ -1,2 +1,12 @@
 import type { ZustandT } from './types';
-export declare const useInternalStoreCreator: <A extends object, C extends object, S extends object, R extends object>({ internalAtomDefaultValues, autoCalculatedData, selectors, reducers, }: ZustandT.InternalParameters<A, C, S, R>) => () => import("zustand").UseBoundStore<import("zustand").StoreApi<ZustandT.InternalStore<A, C, S, R>>>;
+export declare const useInternalStoreCreator: <A extends object, S extends object, R extends object>({ internalAtomDefaultValues, selectors, reducers, subscribers, }: ZustandT.InternalParameters<A, S, R>) => () => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ZustandT.InternalStore<A, S, R>>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: ZustandT.InternalStore<A, S, R>, previousSelectedState: ZustandT.InternalStore<A, S, R>) => void): () => void;
+        <U>(selector: (state: ZustandT.InternalStore<A, S, R>) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean | undefined;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: ZustandT.InternalStore<A, S, R> | Partial<ZustandT.InternalStore<A, S, R>> | ((state: import("immer").Draft<ZustandT.InternalStore<A, S, R>>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/dist/types/usePropsStoreCreator.d.ts

@@ -1,2 +1,4 @@
 import type { ZustandT } from './types';
-export declare const usePropsStoreCreator: <P extends object>(props: P) => () => import("zustand").UseBoundStore<import("zustand").StoreApi<ZustandT.PropsStore<P>>>;
+export declare const usePropsStoreCreator: <P extends object, C extends object>(props: P, autoCalculatedData: C) => () => import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ZustandT.PropsStore<P & C>>, "setState"> & {
+    setState(nextStateOrUpdater: ZustandT.PropsStore<P & C> | Partial<ZustandT.PropsStore<P & C>> | ((state: import("immer").Draft<ZustandT.PropsStore<P & C>>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zustand-helpers",
-  "version": "3.14.0",
+  "version": "3.14.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zustand Helpers",
   "files": [
@@ -39,8 +39,9 @@
     "typeSafety": false
   },
   "dependencies": {
+    "immer": "9.0.19",
     "zustand": "4.1.4",
-    "@elliemae/ds-utilities": "3.14.0"
+    "@elliemae/ds-utilities": "3.14.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.5",

package/dist/cjs/AutoUpdater.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoUpdater.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nconst getPropsSetter = <P extends object>(state: ZustandT.PropsStore<P>) => state.set;\nconst getInternalSetter = <A extends object, C extends object, S extends object, R extends object>(\n  state: ZustandT.InternalStore<A, C, S, R>,\n) => state.set;\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, useInternalStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(getPropsSetter);\n  const setInternal = useInternalStore(getInternalSetter);\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault });\n  }, [propsWithDefault, setProps]);\n\n  useEffect(() => {\n    setInternal(autoCalculatedData);\n  }, [setInternal, autoCalculatedData]);\n\n  return <Component />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBd;AArBT,mBAAiC;AAGjC,MAAM,iBAAiB,CAAmB,UAAkC,MAAM;AAClF,MAAM,oBAAoB,CACxB,UACG,MAAM;AAEJ,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,kBAAkB,oBAAoB,kBAAkB,UAAU,IAAI;AAC7F,QAAM,WAAW,cAAc,cAAc;AAC7C,QAAM,cAAc,iBAAiB,iBAAiB;AAEtD,8BAAU,MAAM;AACd,aAAS,EAAE,GAAG,iBAAiB,CAAC;AAAA,EAClC,GAAG,CAAC,kBAAkB,QAAQ,CAAC;AAE/B,8BAAU,MAAM;AACd,gBAAY,kBAAkB;AAAA,EAChC,GAAG,CAAC,aAAa,kBAAkB,CAAC;AAEpC,SAAO,4CAAC,aAAU;AACpB;",
-  "names": []
-}

package/dist/esm/AutoUpdater.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-const getPropsSetter = (state) => state.set;
-const getInternalSetter = (state) => state.set;
-const AutoUpdaterComponent = (props) => {
-  const { usePropsStore, useInternalStore, autoCalculatedData, propsWithDefault, Component } = props;
-  const setProps = usePropsStore(getPropsSetter);
-  const setInternal = useInternalStore(getInternalSetter);
-  useEffect(() => {
-    setProps({ ...propsWithDefault });
-  }, [propsWithDefault, setProps]);
-  useEffect(() => {
-    setInternal(autoCalculatedData);
-  }, [setInternal, autoCalculatedData]);
-  return /* @__PURE__ */ jsx(Component, {});
-};
-export {
-  AutoUpdaterComponent
-};
-//# sourceMappingURL=AutoUpdater.js.map

package/dist/esm/AutoUpdater.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/AutoUpdater.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect } from 'react';\nimport type { ZustandT } from './types';\n\nconst getPropsSetter = <P extends object>(state: ZustandT.PropsStore<P>) => state.set;\nconst getInternalSetter = <A extends object, C extends object, S extends object, R extends object>(\n  state: ZustandT.InternalStore<A, C, S, R>,\n) => state.set;\n\nexport const AutoUpdaterComponent: ZustandT.AutoUpdaterComponentT = (props) => {\n  const { usePropsStore, useInternalStore, autoCalculatedData, propsWithDefault, Component } = props;\n  const setProps = usePropsStore(getPropsSetter);\n  const setInternal = useInternalStore(getInternalSetter);\n\n  useEffect(() => {\n    setProps({ ...propsWithDefault });\n  }, [propsWithDefault, setProps]);\n\n  useEffect(() => {\n    setInternal(autoCalculatedData);\n  }, [setInternal, autoCalculatedData]);\n\n  return <Component />;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBd;AArBT,SAAgB,iBAAiB;AAGjC,MAAM,iBAAiB,CAAmB,UAAkC,MAAM;AAClF,MAAM,oBAAoB,CACxB,UACG,MAAM;AAEJ,MAAM,uBAAuD,CAAC,UAAU;AAC7E,QAAM,EAAE,eAAe,kBAAkB,oBAAoB,kBAAkB,UAAU,IAAI;AAC7F,QAAM,WAAW,cAAc,cAAc;AAC7C,QAAM,cAAc,iBAAiB,iBAAiB;AAEtD,YAAU,MAAM;AACd,aAAS,EAAE,GAAG,iBAAiB,CAAC;AAAA,EAClC,GAAG,CAAC,kBAAkB,QAAQ,CAAC;AAE/B,YAAU,MAAM;AACd,gBAAY,kBAAkB;AAAA,EAChC,GAAG,CAAC,aAAa,kBAAkB,CAAC;AAEpC,SAAO,oBAAC,aAAU;AACpB;",
-  "names": []
-}