cogsbox-state 0.5.5 → 0.5.7

package/dist/Functions.jsx

@@ -1,175 +1,220 @@
-import { j as f } from "./node_modules/react/jsx-runtime.jsx";
-import { getNestedValue as V, isFunction as y, updateNestedProperty as j } from "./utility.js";
-import b, { r as S } from "./node_modules/react/index.js";
-import { getGlobalStore as l } from "./store.js";
-function v(s, t, e, n) {
-  s(
-    (o) => {
-      if (y(t)) {
-        const r = t(V(o, e));
-        let u = j(e, o, r);
-        return typeof u == "string" && (u = u.trim()), u;
+import { jsx as V, Fragment as G } from "react/jsx-runtime";
+import "./CogsState.jsx";
+import { getNestedValue as R, isFunction as M, updateNestedProperty as E } from "./utility.js";
+import B, { useState as b, useRef as j, useEffect as F } from "react";
+import { getGlobalStore as a, formRefStore as W } from "./store.js";
+import { validateZodPathFunc as Y } from "./useValidateZodPath.js";
+function Z(r, e, n, o) {
+  r(
+    (t) => {
+      if (M(e)) {
+        const s = e(R(t, n));
+        let i = E(n, t, s);
+        return typeof i == "string" && (i = i.trim()), i;
       } else {
-        let r = !e || e.length == 0 ? t : j(e, o, t);
-        return typeof r == "string" && (r = r.trim()), r;
+        let s = !n || n.length == 0 ? e : E(n, t, e);
+        return typeof s == "string" && (s = s.trim()), s;
       }
     },
-    e,
+    n,
     { updateType: "update" },
-    n
+    o
   );
 }
-function I(s, t, e, n, o) {
-  const r = l.getState().getNestedState(n, e);
-  s(
-    (u) => {
-      let c = !e || e.length == 0 ? u : V(u, [...e]), i = [...c];
-      return i.splice(
-        Number(o) == 0 ? o : c.length,
+function ee(r, e, n, o, t) {
+  const s = a.getState().getNestedState(o, n);
+  r(
+    (i) => {
+      let l = !n || n.length == 0 ? i : R(i, [...n]), u = [...l];
+      return u.splice(
+        Number(t) == 0 ? t : l.length,
         0,
-        y(t) ? t(c) : t
-      ), e.length == 0 ? i : j([...e], u, i);
+        M(e) ? e(l) : e
+      ), n.length == 0 ? u : E([...n], i, u);
     },
     [
-      ...e,
-      (r.length - 1).toString()
+      ...n,
+      (s.length - 1).toString()
     ],
     {
       updateType: "insert"
     }
   );
 }
-function J(s, t, e, n) {
-  const o = l.getState().getNestedState(e, t);
-  s(
-    (r) => {
-      const u = V(r, [...t]);
-      if (n < 0 || n >= u?.length)
-        throw new Error(`Index ${n} does not exist in the array.`);
-      const c = n || Number(n) == 0 ? n : u.length - 1, i = [
-        ...u.slice(0, c),
-        ...u.slice(c + 1)
+function te(r, e, n, o) {
+  const t = a.getState().getNestedState(n, e);
+  r(
+    (s) => {
+      const i = R(s, [...e]);
+      if (o < 0 || o >= i?.length)
+        throw new Error(`Index ${o} does not exist in the array.`);
+      const l = o || Number(o) == 0 ? o : i.length - 1, u = [
+        ...i.slice(0, l),
+        ...i.slice(l + 1)
       ];
-      return console.log(n), t.length == 0 ? i : j([...t], r, i);
+      return console.log(o), e.length == 0 ? u : E([...e], s, u);
     },
     [
-      ...t,
-      n || n === 0 ? n?.toString() : (o.length - 1).toString()
+      ...e,
+      o || o === 0 ? o?.toString() : (t.length - 1).toString()
     ],
     { updateType: "cut" }
   );
 }
-const N = (s, t, e = (n, o) => JSON.stringify(n) === JSON.stringify(o)) => {
-  const [n, o] = S.useState(
-    () => t(l.getState(), s)
-  ), r = S.useRef(n);
-  return S.useEffect(() => {
-    const u = l.subscribe((c) => {
-      const i = t(c, s);
-      e(r.current, i) || (r.current = i, o(i));
-    });
-    return () => u();
-  }, [s]), n;
-}, w = (s, t, e) => {
-  const n = s + "." + (t.length > 0 ? [t.join(".")] : []) + (e && e.length > 0 ? "." + e : "");
-  return e?.length === 0 ? [] : N(
-    n,
-    (o, r) => o.getValidationErrors(r) || []
+const T = (r, e, n = (o, t) => JSON.stringify(o) === JSON.stringify(t)) => {
+  const [o, t] = b(
+    () => e(a.getState(), r)
+  ), s = j(o), i = j(r);
+  return F(() => {
+    i.current = r, t(e(a.getState(), r));
+    const l = (d) => {
+      const g = e(d, i.current);
+      n(s.current, g) || (s.current = g, t(g));
+    }, u = a.subscribe(l);
+    return () => {
+      u();
+    };
+  }, [r]), o;
+}, _ = (r, e, n) => {
+  const o = r + "." + (e.length > 0 ? [e.join(".")] : []) + (n && n.length > 0 ? "." + n : "");
+  return n?.length === 0 ? [] : T(
+    o,
+    (t, s) => t.getValidationErrors(s) || []
   );
-}, R = (s, t) => {
-  const e = `${s}:${t.join(".")}`;
-  return N(
-    e,
-    (n, o) => n.getSyncInfo(o)
+}, q = (r, e) => {
+  const n = `${r}:${e.join(".")}`;
+  return T(
+    n,
+    (o, t) => o.getSyncInfo(t)
   );
-}, $ = (s, t) => N(
-  `${s}:${t.join(".")}`,
-  (e, n) => e.getNestedState(s, t)
-), P = ({
-  setState: s,
-  validationKey: t,
+}, H = (r, e) => T(
+  `${r}:${e.join(".")}`,
+  (n, o) => n.getNestedState(r, e)
+), ne = ({
+  setState: r,
   path: e,
   child: n,
   formOpts: o,
-  stateKey: r
+  stateKey: t
 }) => {
-  const { getValidationErrors: u } = l.getState(), c = $(r, e), [i, g] = S.useState(
-    l.getState().getNestedState(r, e)
-  );
-  S.useEffect(() => {
-    g(c);
-  }, [r, e.join("."), c]);
-  const a = S.useRef();
-  let d = (E, G) => {
-    g(E), a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-      v(s, E, e, t);
-    }, o?.debounceTime ?? 300);
+  const [s, i] = b({}), { registerFormRef: l, getFormRef: u } = W.getState(), d = t + "." + e.join("."), g = j(null), S = u(d);
+  S || l(t + "." + e.join("."), g);
+  const z = S || g, {
+    getValidationErrors: I,
+    addValidationError: U,
+    getInitialOptions: A,
+    removeValidationError: w
+  } = a.getState(), y = H(t, e), [k, C] = b(
+    a.getState().getNestedState(t, e)
+  ), m = A(t);
+  if (!m?.validation?.key)
+    throw new Error(
+      "Validation key not found. You need to set it in the options for the createCogsState function"
+    );
+  const f = m.validation.key;
+  m.validation.onBlur, F(() => {
+    C(y);
+  }, [t, e.join("."), y]);
+  const v = j();
+  let $ = (c, O) => {
+    C(c), v.current && clearTimeout(v.current), v.current = setTimeout(
+      () => {
+        console.log(typeof y), Z(r, c, e, f);
+      },
+      o?.debounceTime ?? (typeof y == "boolean" ? 20 : 200)
+    );
   };
-  S.useEffect(() => () => {
-    a.current && clearTimeout(a.current);
+  const J = async () => {
+    if (m.validation?.zodSchema) {
+      w(f + "." + e.join("."));
+      try {
+        const c = a.getState().getNestedState(t, e);
+        await Y(
+          f,
+          m.validation.zodSchema,
+          e,
+          c
+        ), console.log(
+          "Validation",
+          t,
+          m.validation.zodSchema,
+          e,
+          c
+        ), i({});
+      } catch (c) {
+        console.error("Validation error:", c);
+      }
+    }
+  };
+  F(() => () => {
+    v.current && clearTimeout(v.current);
   }, []);
-  const m = R(r, e), T = m ? {
-    ...m,
-    date: new Date(m.timeStamp)
-  } : null, F = n({
-    get: () => i || l.getState().getNestedState(r, e),
-    set: d,
-    syncStatus: T,
+  const N = q(t, e), P = N ? {
+    ...N,
+    date: new Date(N.timeStamp)
+  } : null, D = n({
+    get: () => k || a.getState().getNestedState(t, e),
+    set: $,
+    syncStatus: P,
     path: e,
-    validationErrors: () => u(t + "." + e.join(".")),
-    // Add default input props
+    validationErrors: () => I(f + "." + e.join(".")),
+    addValidationError: (c) => {
+      w(f + "." + e.join(".")), U(f + "." + e.join("."), c ?? "");
+    },
     inputProps: {
-      value: i || l.getState().getNestedState(r, e) || "",
-      onChange: (E) => d(E.target.value)
+      value: k || a.getState().getNestedState(t, e) || "",
+      onChange: (c) => $(c.target.value),
+      onBlur: J,
+      ref: z
     }
   });
-  return /* @__PURE__ */ f.jsx(f.Fragment, { children: /* @__PURE__ */ f.jsx(
-    C,
+  return /* @__PURE__ */ V(G, { children: /* @__PURE__ */ V(
+    L,
     {
       formOpts: o,
       path: e,
-      validationKey: t,
-      stateKey: r,
-      children: F
+      validationKey: f,
+      stateKey: t,
+      children: D
     }
   ) });
 };
-function C({
-  formOpts: s,
-  path: t,
-  validationKey: e,
-  stateKey: n,
-  children: o,
-  validIndices: r
+function L({
+  formOpts: r,
+  path: e,
+  validationKey: n,
+  stateKey: o,
+  children: t,
+  validIndices: s
 }) {
-  const { getInitialOptions: u, getValidationErrors: c } = l.getState(), i = w(
+  const { getInitialOptions: i } = a.getState(), l = _(
+    n,
     e,
-    t,
-    r
-  ), g = [];
-  if (i) {
-    const m = i.join(", ");
-    g.includes(m) || g.push(m);
+    s
+  ), u = [];
+  if (l) {
+    const S = l.join(", ");
+    u.includes(S) || u.push(S);
   }
-  let a = g?.length > 0 ? g?.join(", ") : "";
-  const d = u(n);
-  return /* @__PURE__ */ f.jsx(f.Fragment, { children: d?.formElements?.validation && !s?.validation?.disable ? d.formElements.validation({
-    children: /* @__PURE__ */ f.jsx(b.Fragment, { children: o }, t.toString()),
-    active: a != "",
-    message: s?.validation?.message ? s?.validation?.message : s?.validation?.message == "" ? "" : a,
-    path: t,
-    ...s?.key && { key: s?.key }
-  }) : /* @__PURE__ */ f.jsx(b.Fragment, { children: o }, t.toString()) });
+  const d = i(o);
+  let g = d?.validation?.onBlur ? u?.length > 0 ? u?.join(", ") : r?.validation?.message ? r?.validation?.message : "" : "";
+  return /* @__PURE__ */ V(G, { children: d?.formElements?.validation && !r?.validation?.disable ? d.formElements.validation({
+    children: /* @__PURE__ */ V(B.Fragment, { children: t }, e.toString()),
+    active: g != "",
+    message: r?.validation?.hideMessage ? "" : g,
+    path: e,
+    ...r?.key && { key: r?.key }
+  }) : /* @__PURE__ */ V(B.Fragment, { children: t }, e.toString()) });
 }
 export {
-  P as FormControlComponent,
-  C as ValidationWrapper,
-  J as cutFunc,
-  I as pushFunc,
-  v as updateFn,
-  $ as useGetKeyState,
-  R as useGetSyncInfo,
-  w as useGetValidationErrors,
-  N as useStoreSubscription
+  ne as FormControlComponent,
+  L as ValidationWrapper,
+  te as cutFunc,
+  ee as pushFunc,
+  Z as updateFn,
+  H as useGetKeyState,
+  q as useGetSyncInfo,
+  _ as useGetValidationErrors,
+  T as useStoreSubscription
 };
 //# sourceMappingURL=Functions.jsx.map

package/dist/Functions.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Functions.jsx","sources":["../src/Functions.tsx"],"sourcesContent":["import type {\r\n    EffectiveSetState,\r\n    FormElementParmas,\r\n    FormOptsType,\r\n    UpdateArg,\r\n    UpdateOpts,\r\n} from \"./CogsState\";\r\n\r\nimport { getNestedValue, isFunction, updateNestedProperty } from \"./utility\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport React from \"react\";\r\nimport { getGlobalStore } from \"./store\";\r\n\r\nexport function updateFn<U>(\r\n    setState: EffectiveSetState<U>,\r\n    payload: UpdateArg<U>,\r\n    path: string[],\r\n    validationKey?: string,\r\n): void {\r\n    setState(\r\n        (prevState) => {\r\n            if (isFunction<U>(payload)) {\r\n                const nestedValue = payload(getNestedValue(prevState, path));\r\n                let value = updateNestedProperty(path, prevState, nestedValue);\r\n                if (typeof value == \"string\") {\r\n                    value = value.trim();\r\n                }\r\n                return value;\r\n            } else {\r\n                let value =\r\n                    !path || path.length == 0\r\n                        ? payload\r\n                        : updateNestedProperty(path, prevState, payload);\r\n                if (typeof value == \"string\") {\r\n                    value = value.trim();\r\n                }\r\n                return value;\r\n            }\r\n        },\r\n        path,\r\n        { updateType: \"update\" },\r\n        validationKey,\r\n    );\r\n}\r\n\r\nexport function pushFunc<U>(\r\n    setState: EffectiveSetState<U>,\r\n    payload: UpdateArg<U>,\r\n    path: string[],\r\n    stateKey: string,\r\n    index?: number,\r\n): void {\r\n    const array = getGlobalStore\r\n        .getState()\r\n        .getNestedState(stateKey, path) as U[];\r\n    setState(\r\n        (prevState) => {\r\n            let arrayToUpdate =\r\n                !path || path.length == 0\r\n                    ? prevState\r\n                    : getNestedValue(prevState, [...path]);\r\n            let returnedArray = [...arrayToUpdate];\r\n\r\n            returnedArray.splice(\r\n                index || Number(index) == 0 ? index : arrayToUpdate.length,\r\n                0,\r\n                isFunction<U>(payload)\r\n                    ? payload(index == -1 ? undefined : arrayToUpdate)\r\n                    : payload,\r\n            );\r\n            const value =\r\n                path.length == 0\r\n                    ? returnedArray\r\n                    : updateNestedProperty([...path], prevState, returnedArray);\r\n\r\n            return value as U;\r\n        },\r\n        [\r\n            ...path,\r\n            index || index === 0\r\n                ? index?.toString()\r\n                : (array!.length - 1).toString(),\r\n        ],\r\n        {\r\n            updateType: \"insert\",\r\n        },\r\n    );\r\n}\r\n\r\nexport function cutFunc<U>(\r\n    setState: EffectiveSetState<U>,\r\n    path: string[],\r\n    stateKey: string,\r\n    index: number,\r\n): void {\r\n    const array = getGlobalStore\r\n        .getState()\r\n        .getNestedState(stateKey, path) as U[];\r\n    setState(\r\n        (prevState) => {\r\n            const arrayToUpdate = getNestedValue(prevState, [...path]);\r\n            if (index < 0 || index >= arrayToUpdate?.length) {\r\n                throw new Error(`Index ${index} does not exist in the array.`);\r\n            }\r\n            const indexToCut =\r\n                index || Number(index) == 0 ? index : arrayToUpdate.length - 1;\r\n\r\n            const updatedArray = [\r\n                ...arrayToUpdate.slice(0, indexToCut),\r\n                ...arrayToUpdate.slice(indexToCut + 1),\r\n            ] as U;\r\n\r\n            console.log(index);\r\n            return path.length == 0\r\n                ? updatedArray\r\n                : updateNestedProperty([...path], prevState, updatedArray);\r\n        },\r\n        [\r\n            ...path,\r\n            index || index === 0\r\n                ? index?.toString()\r\n                : (array!.length - 1).toString(),\r\n        ],\r\n        { updateType: \"cut\" },\r\n    );\r\n}\r\n\r\nexport const useStoreSubscription = <T,>(\r\n    fullPath: string,\r\n    selector: (\r\n        store: ReturnType<typeof getGlobalStore.getState>,\r\n        path: string,\r\n    ) => T,\r\n    compare: (a: T, b: T) => boolean = (a, b) =>\r\n        JSON.stringify(a) === JSON.stringify(b),\r\n) => {\r\n    const [value, setValue] = useState<T>(() =>\r\n        selector(getGlobalStore.getState(), fullPath),\r\n    );\r\n    const previousValueRef = useRef<T>(value);\r\n\r\n    useEffect(() => {\r\n        const unsubscribe = getGlobalStore.subscribe((store) => {\r\n            const newValue = selector(store, fullPath);\r\n            if (!compare(previousValueRef.current, newValue)) {\r\n                previousValueRef.current = newValue;\r\n                setValue(newValue);\r\n            }\r\n        });\r\n\r\n        return () => unsubscribe();\r\n    }, [fullPath]);\r\n\r\n    return value;\r\n};\r\nexport const useGetValidationErrors = (\r\n    validationKey: string,\r\n    path: string[],\r\n    validIndices?: number[],\r\n) => {\r\n    // Construct the full path the same way as ValidationWrapper\r\n    const fullPath =\r\n        validationKey +\r\n        \".\" +\r\n        (path.length > 0 ? [path.join(\".\")] : []) +\r\n        (validIndices && validIndices.length > 0 ? \".\" + validIndices : \"\");\r\n\r\n    // Skip subscription if we have empty indices\r\n    if (validIndices?.length === 0) {\r\n        return [];\r\n    }\r\n\r\n    return useStoreSubscription(\r\n        fullPath,\r\n        (store, path) => store.getValidationErrors(path) || [],\r\n    );\r\n};\r\n\r\nexport const useGetSyncInfo = (key: string, path: string[]) => {\r\n    const syncKey = `${key}:${path.join(\".\")}`;\r\n    return useStoreSubscription(syncKey, (store, path) =>\r\n        store.getSyncInfo(path),\r\n    );\r\n};\r\nexport const useGetKeyState = (key: string, path: string[]) => {\r\n    return useStoreSubscription(`${key}:${path.join(\".\")}`, (store, fullPath) =>\r\n        store.getNestedState(key, path),\r\n    );\r\n};\r\ninterface FormControlComponentProps<TStateObject> {\r\n    setState: EffectiveSetState<TStateObject>;\r\n    validationKey: string;\r\n    path: string[];\r\n    child: (obj: FormElementParmas<TStateObject>) => JSX.Element;\r\n    formOpts?: FormOptsType;\r\n    stateKey: string;\r\n}\r\nexport const FormControlComponent = <TStateObject,>({\r\n    setState,\r\n    validationKey,\r\n    path,\r\n    child,\r\n    formOpts,\r\n    stateKey,\r\n}: FormControlComponentProps<TStateObject>) => {\r\n    const { getValidationErrors } = getGlobalStore.getState();\r\n\r\n    const stateValue = useGetKeyState(stateKey, path);\r\n    const [inputValue, setInputValue] = useState<any>(\r\n        getGlobalStore.getState().getNestedState(stateKey, path),\r\n    );\r\n\r\n    useEffect(() => {\r\n        setInputValue(stateValue);\r\n    }, [stateKey, path.join(\".\"), stateValue]);\r\n\r\n    const timeoutRef = useRef<NodeJS.Timeout>();\r\n\r\n    let updater = (\r\n        payload: UpdateArg<TStateObject>,\r\n        opts?: UpdateOpts<TStateObject>,\r\n    ) => {\r\n        setInputValue(payload);\r\n\r\n        if (timeoutRef.current) {\r\n            clearTimeout(timeoutRef.current);\r\n        }\r\n\r\n        timeoutRef.current = setTimeout(() => {\r\n            updateFn(setState, payload, path, validationKey);\r\n        }, formOpts?.debounceTime ?? 300);\r\n    };\r\n\r\n    // Clear timeout on unmount\r\n    useEffect(() => {\r\n        return () => {\r\n            if (timeoutRef.current) {\r\n                clearTimeout(timeoutRef.current);\r\n            }\r\n        };\r\n    }, []);\r\n\r\n    const rawSyncStatus = useGetSyncInfo(stateKey, path);\r\n    const syncStatus = rawSyncStatus\r\n        ? {\r\n              ...rawSyncStatus,\r\n              date: new Date(rawSyncStatus.timeStamp),\r\n          }\r\n        : null;\r\n    const childElement = child({\r\n        get: () =>\r\n            inputValue ||\r\n            getGlobalStore.getState().getNestedState(stateKey, path),\r\n        set: updater,\r\n        syncStatus,\r\n        path: path,\r\n        validationErrors: () =>\r\n            getValidationErrors(validationKey + \".\" + path.join(\".\")),\r\n\r\n        // Add default input props\r\n        inputProps: {\r\n            value:\r\n                inputValue ||\r\n                getGlobalStore.getState().getNestedState(stateKey, path) ||\r\n                \"\",\r\n            onChange: (e: any) => updater(e.target.value),\r\n        },\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <ValidationWrapper\r\n                {...{\r\n                    formOpts,\r\n                    path,\r\n                    validationKey,\r\n                    stateKey,\r\n                }}\r\n            >\r\n                {childElement}\r\n            </ValidationWrapper>\r\n        </>\r\n    );\r\n};\r\n\r\nexport function ValidationWrapper({\r\n    formOpts,\r\n    path,\r\n    validationKey,\r\n    stateKey,\r\n    children,\r\n    validIndices,\r\n}: {\r\n    formOpts?: FormOptsType;\r\n    path: string[];\r\n    validationKey: string;\r\n    stateKey?: string;\r\n    children: React.ReactNode;\r\n    validIndices?: number[];\r\n}) {\r\n    const { getInitialOptions, getValidationErrors } =\r\n        getGlobalStore.getState();\r\n    const validationErrors = useGetValidationErrors(\r\n        validationKey,\r\n        path,\r\n        validIndices,\r\n    );\r\n    const thesMessages: string[] = [];\r\n\r\n    if (validationErrors) {\r\n        const newMessage = validationErrors!.join(\", \");\r\n        if (!thesMessages.includes(newMessage)) {\r\n            thesMessages.push(newMessage);\r\n        }\r\n    }\r\n    let fullMessageString =\r\n        thesMessages?.length > 0 ? thesMessages?.join(\", \") : \"\";\r\n\r\n    const thisStateOpts = getInitialOptions(stateKey!);\r\n\r\n    return (\r\n        <>\r\n            {thisStateOpts?.formElements?.validation &&\r\n            !formOpts?.validation?.disable ? (\r\n                thisStateOpts.formElements!.validation!({\r\n                    children: (\r\n                        <React.Fragment key={path.toString()}>\r\n                            {children}\r\n                        </React.Fragment>\r\n                    ),\r\n                    active: fullMessageString != \"\" ? true : false,\r\n                    message: formOpts?.validation?.message\r\n                        ? formOpts?.validation?.message\r\n                        : formOpts?.validation?.message == \"\"\r\n                          ? \"\"\r\n                          : fullMessageString,\r\n                    path,\r\n\r\n                    ...(formOpts?.key && { key: formOpts?.key }),\r\n                })\r\n            ) : (\r\n                <React.Fragment key={path.toString()}>\r\n                    {children}\r\n                </React.Fragment>\r\n            )}\r\n        </>\r\n    );\r\n}\r\n"],"names":["updateFn","setState","payload","path","validationKey","prevState","isFunction","nestedValue","getNestedValue","value","updateNestedProperty","pushFunc","stateKey","index","array","getGlobalStore","arrayToUpdate","returnedArray","cutFunc","indexToCut","updatedArray","useStoreSubscription","fullPath","selector","compare","a","b","setValue","useState","previousValueRef","useRef","useEffect","unsubscribe","store","newValue","useGetValidationErrors","validIndices","useGetSyncInfo","key","syncKey","useGetKeyState","FormControlComponent","child","formOpts","getValidationErrors","stateValue","inputValue","setInputValue","timeoutRef","updater","opts","rawSyncStatus","syncStatus","childElement","e","jsx","Fragment","ValidationWrapper","children","getInitialOptions","validationErrors","thesMessages","newMessage","fullMessageString","thisStateOpts","React"],"mappings":"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"}
+{"version":3,"file":"Functions.jsx","sources":["../src/Functions.tsx"],"sourcesContent":["import {\r\n  notifyComponent,\r\n  type EffectiveSetState,\r\n  type FormElementParams,\r\n  type FormOptsType,\r\n  type UpdateArg,\r\n  type UpdateOpts,\r\n} from \"./CogsState\";\r\n\r\nimport { getNestedValue, isFunction, updateNestedProperty } from \"./utility\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport React from \"react\";\r\nimport { getGlobalStore, formRefStore } from \"./store\";\r\nimport { validateZodPathFunc } from \"./useValidateZodPath\";\r\n\r\nexport function updateFn<U>(\r\n  setState: EffectiveSetState<U>,\r\n  payload: UpdateArg<U>,\r\n  path: string[],\r\n  validationKey?: string\r\n): void {\r\n  setState(\r\n    (prevState) => {\r\n      if (isFunction<U>(payload)) {\r\n        const nestedValue = payload(getNestedValue(prevState, path));\r\n        let value = updateNestedProperty(path, prevState, nestedValue);\r\n        if (typeof value == \"string\") {\r\n          value = value.trim();\r\n        }\r\n        return value;\r\n      } else {\r\n        let value =\r\n          !path || path.length == 0\r\n            ? payload\r\n            : updateNestedProperty(path, prevState, payload);\r\n        if (typeof value == \"string\") {\r\n          value = value.trim();\r\n        }\r\n        return value;\r\n      }\r\n    },\r\n    path,\r\n    { updateType: \"update\" },\r\n    validationKey\r\n  );\r\n}\r\n\r\nexport function pushFunc<U>(\r\n  setState: EffectiveSetState<U>,\r\n  payload: UpdateArg<U>,\r\n  path: string[],\r\n  stateKey: string,\r\n  index?: number\r\n): void {\r\n  const array = getGlobalStore.getState().getNestedState(stateKey, path) as U[];\r\n  setState(\r\n    (prevState) => {\r\n      let arrayToUpdate =\r\n        !path || path.length == 0\r\n          ? prevState\r\n          : getNestedValue(prevState, [...path]);\r\n      let returnedArray = [...arrayToUpdate];\r\n\r\n      returnedArray.splice(\r\n        index || Number(index) == 0 ? index : arrayToUpdate.length,\r\n        0,\r\n        isFunction<U>(payload)\r\n          ? payload(index == -1 ? undefined : arrayToUpdate)\r\n          : payload\r\n      );\r\n      const value =\r\n        path.length == 0\r\n          ? returnedArray\r\n          : updateNestedProperty([...path], prevState, returnedArray);\r\n\r\n      return value as U;\r\n    },\r\n    [\r\n      ...path,\r\n      index || index === 0 ? index?.toString() : (array!.length - 1).toString(),\r\n    ],\r\n    {\r\n      updateType: \"insert\",\r\n    }\r\n  );\r\n}\r\n\r\nexport function cutFunc<U>(\r\n  setState: EffectiveSetState<U>,\r\n  path: string[],\r\n  stateKey: string,\r\n  index: number\r\n): void {\r\n  const array = getGlobalStore.getState().getNestedState(stateKey, path) as U[];\r\n  setState(\r\n    (prevState) => {\r\n      const arrayToUpdate = getNestedValue(prevState, [...path]);\r\n      if (index < 0 || index >= arrayToUpdate?.length) {\r\n        throw new Error(`Index ${index} does not exist in the array.`);\r\n      }\r\n      const indexToCut =\r\n        index || Number(index) == 0 ? index : arrayToUpdate.length - 1;\r\n\r\n      const updatedArray = [\r\n        ...arrayToUpdate.slice(0, indexToCut),\r\n        ...arrayToUpdate.slice(indexToCut + 1),\r\n      ] as U;\r\n\r\n      console.log(index);\r\n      return path.length == 0\r\n        ? updatedArray\r\n        : updateNestedProperty([...path], prevState, updatedArray);\r\n    },\r\n    [\r\n      ...path,\r\n      index || index === 0 ? index?.toString() : (array!.length - 1).toString(),\r\n    ],\r\n    { updateType: \"cut\" }\r\n  );\r\n}\r\n\r\nexport const useStoreSubscription = <T,>(\r\n  fullPath: string,\r\n  selector: (\r\n    store: ReturnType<typeof getGlobalStore.getState>,\r\n    path: string\r\n  ) => T,\r\n  compare: (a: T, b: T) => boolean = (a, b) =>\r\n    JSON.stringify(a) === JSON.stringify(b)\r\n) => {\r\n  const [value, setValue] = useState<T>(() =>\r\n    selector(getGlobalStore.getState(), fullPath)\r\n  );\r\n  const previousValueRef = useRef<T>(value);\r\n  const fullPathRef = useRef(fullPath);\r\n  useEffect(() => {\r\n    fullPathRef.current = fullPath; // Ensure latest fullPath is always used\r\n\r\n    setValue(selector(getGlobalStore.getState(), fullPath));\r\n\r\n    const callback = (store: any) => {\r\n      const newValue = selector(store, fullPathRef.current);\r\n\r\n      if (!compare(previousValueRef.current, newValue)) {\r\n        previousValueRef.current = newValue;\r\n        setValue(newValue);\r\n      }\r\n    };\r\n    const unsubscribe = getGlobalStore.subscribe(callback);\r\n    return () => {\r\n      unsubscribe();\r\n    };\r\n  }, [fullPath]);\r\n  return value;\r\n};\r\nexport const useGetValidationErrors = (\r\n  validationKey: string,\r\n  path: string[],\r\n  validIndices?: number[]\r\n) => {\r\n  // Construct the full path the same way as ValidationWrapper\r\n  const fullPath =\r\n    validationKey +\r\n    \".\" +\r\n    (path.length > 0 ? [path.join(\".\")] : []) +\r\n    (validIndices && validIndices.length > 0 ? \".\" + validIndices : \"\");\r\n\r\n  // Skip subscription if we have empty indices\r\n  if (validIndices?.length === 0) {\r\n    return [];\r\n  }\r\n\r\n  return useStoreSubscription(\r\n    fullPath,\r\n    (store, path) => store.getValidationErrors(path) || []\r\n  );\r\n};\r\n\r\nexport const useGetSyncInfo = (key: string, path: string[]) => {\r\n  const syncKey = `${key}:${path.join(\".\")}`;\r\n  return useStoreSubscription(syncKey, (store, path) =>\r\n    store.getSyncInfo(path)\r\n  );\r\n};\r\nexport const useGetKeyState = (key: string, path: string[]) => {\r\n  return useStoreSubscription(`${key}:${path.join(\".\")}`, (store, fullPath) =>\r\n    store.getNestedState(key, path)\r\n  );\r\n};\r\ninterface FormControlComponentProps<TStateObject> {\r\n  setState: EffectiveSetState<TStateObject>;\r\n\r\n  path: string[];\r\n  child: (obj: FormElementParams<TStateObject>) => JSX.Element;\r\n  formOpts?: FormOptsType;\r\n  stateKey: string;\r\n}\r\n\r\nexport const FormControlComponent = <TStateObject,>({\r\n  setState,\r\n  path,\r\n  child,\r\n  formOpts,\r\n  stateKey,\r\n}: FormControlComponentProps<TStateObject>) => {\r\n  const [_, forceUpdate] = useState({});\r\n  const { registerFormRef, getFormRef } = formRefStore.getState();\r\n  const refKey = stateKey + \".\" + path.join(\".\");\r\n\r\n  // Create a local ref\r\n  const localFormRef = useRef<HTMLInputElement>(null);\r\n\r\n  // Get existing ref from the store (if any)\r\n  const existingRef = getFormRef(refKey);\r\n  if (!existingRef) {\r\n    registerFormRef(stateKey + \".\" + path.join(\".\"), localFormRef);\r\n  }\r\n  // Use the existing ref if available, otherwise use the local one\r\n  const formRef = existingRef || localFormRef;\r\n\r\n  const {\r\n    getValidationErrors,\r\n    addValidationError,\r\n    getInitialOptions,\r\n    removeValidationError,\r\n  } = getGlobalStore.getState();\r\n  const stateValue = useGetKeyState(stateKey, path);\r\n  const [inputValue, setInputValue] = useState<any>(\r\n    getGlobalStore.getState().getNestedState(stateKey, path)\r\n  );\r\n\r\n  const initialOptions = getInitialOptions(stateKey);\r\n  if (!initialOptions?.validation?.key) {\r\n    throw new Error(\r\n      \"Validation key not found. You need to set it in the options for the createCogsState function\"\r\n    );\r\n  }\r\n  const validationKey = initialOptions.validation.key;\r\n  const validateOnBlur = initialOptions.validation.onBlur === true;\r\n  initialOptions;\r\n  useEffect(() => {\r\n    setInputValue(stateValue);\r\n  }, [stateKey, path.join(\".\"), stateValue]);\r\n\r\n  const timeoutRef = useRef<NodeJS.Timeout>();\r\n\r\n  // Standard updater function (unchanged)\r\n  let updater = (\r\n    payload: UpdateArg<TStateObject>,\r\n    opts?: UpdateOpts<TStateObject>\r\n  ) => {\r\n    setInputValue(payload);\r\n\r\n    if (timeoutRef.current) {\r\n      clearTimeout(timeoutRef.current);\r\n    }\r\n\r\n    timeoutRef.current = setTimeout(\r\n      () => {\r\n        console.log(typeof stateValue);\r\n        updateFn(setState, payload, path, validationKey);\r\n      },\r\n      formOpts?.debounceTime ?? (typeof stateValue == \"boolean\" ? 20 : 200)\r\n    );\r\n  };\r\n\r\n  // Handle blur event\r\n  const handleBlur = async () => {\r\n    if (!initialOptions.validation?.zodSchema) return;\r\n    removeValidationError(validationKey + \".\" + path.join(\".\"));\r\n    try {\r\n      // Get the current field value\r\n      const fieldValue = getGlobalStore\r\n        .getState()\r\n        .getNestedState(stateKey, path);\r\n\r\n      // Use your existing validateZodPathFunc\r\n      await validateZodPathFunc(\r\n        validationKey,\r\n        initialOptions.validation.zodSchema,\r\n        path,\r\n        fieldValue\r\n      );\r\n      console.log(\r\n        \"Validation\",\r\n        stateKey,\r\n        initialOptions.validation.zodSchema,\r\n        path,\r\n        fieldValue\r\n      );\r\n      forceUpdate({});\r\n    } catch (error) {\r\n      console.error(\"Validation error:\", error);\r\n    }\r\n  };\r\n\r\n  // Clear timeout on unmount\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) {\r\n        clearTimeout(timeoutRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const rawSyncStatus = useGetSyncInfo(stateKey, path);\r\n  const syncStatus = rawSyncStatus\r\n    ? {\r\n        ...rawSyncStatus,\r\n        date: new Date(rawSyncStatus.timeStamp),\r\n      }\r\n    : null;\r\n\r\n  const childElement = child({\r\n    get: () =>\r\n      inputValue || getGlobalStore.getState().getNestedState(stateKey, path),\r\n    set: updater,\r\n    syncStatus,\r\n    path: path,\r\n    validationErrors: () =>\r\n      getValidationErrors(validationKey + \".\" + path.join(\".\")),\r\n    addValidationError: (message?: string) => {\r\n      removeValidationError(validationKey + \".\" + path.join(\".\"));\r\n      addValidationError(validationKey + \".\" + path.join(\".\"), message ?? \"\");\r\n    },\r\n\r\n    inputProps: {\r\n      value:\r\n        inputValue ||\r\n        getGlobalStore.getState().getNestedState(stateKey, path) ||\r\n        \"\",\r\n      onChange: (e: any) => updater(e.target.value),\r\n      onBlur: handleBlur,\r\n      ref: formRef,\r\n    },\r\n  });\r\n\r\n  return (\r\n    <>\r\n      <ValidationWrapper\r\n        {...{\r\n          formOpts,\r\n          path,\r\n          validationKey,\r\n          stateKey,\r\n        }}\r\n      >\r\n        {childElement}\r\n      </ValidationWrapper>\r\n    </>\r\n  );\r\n};\r\nexport function ValidationWrapper({\r\n  formOpts,\r\n  path,\r\n  validationKey,\r\n  stateKey,\r\n  children,\r\n  validIndices,\r\n}: {\r\n  formOpts?: FormOptsType;\r\n  path: string[];\r\n  validationKey: string;\r\n  stateKey?: string;\r\n  children: React.ReactNode;\r\n  validIndices?: number[];\r\n}) {\r\n  const { getInitialOptions } = getGlobalStore.getState();\r\n\r\n  const validationErrors = useGetValidationErrors(\r\n    validationKey,\r\n    path,\r\n    validIndices\r\n  );\r\n\r\n  const thesMessages: string[] = [];\r\n\r\n  if (validationErrors) {\r\n    const newMessage = validationErrors!.join(\", \");\r\n    if (!thesMessages.includes(newMessage)) {\r\n      thesMessages.push(newMessage);\r\n    }\r\n  }\r\n  const thisStateOpts = getInitialOptions(stateKey!);\r\n  let fullMessageString = thisStateOpts?.validation?.onBlur\r\n    ? thesMessages?.length > 0\r\n      ? thesMessages?.join(\", \")\r\n      : formOpts?.validation?.message\r\n        ? formOpts?.validation?.message\r\n        : \"\"\r\n    : \"\";\r\n\r\n  return (\r\n    <>\r\n      {thisStateOpts?.formElements?.validation &&\r\n      !formOpts?.validation?.disable ? (\r\n        thisStateOpts.formElements!.validation!({\r\n          children: (\r\n            <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n          ),\r\n          active: fullMessageString != \"\" ? true : false,\r\n          message: formOpts?.validation?.hideMessage ? \"\" : fullMessageString,\r\n          path,\r\n\r\n          ...(formOpts?.key && { key: formOpts?.key }),\r\n        })\r\n      ) : (\r\n        <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"names":["updateFn","setState","payload","path","validationKey","prevState","isFunction","nestedValue","getNestedValue","value","updateNestedProperty","pushFunc","stateKey","index","array","getGlobalStore","arrayToUpdate","returnedArray","cutFunc","indexToCut","updatedArray","useStoreSubscription","fullPath","selector","compare","a","b","setValue","useState","previousValueRef","useRef","fullPathRef","useEffect","callback","store","newValue","unsubscribe","useGetValidationErrors","validIndices","useGetSyncInfo","key","syncKey","useGetKeyState","FormControlComponent","child","formOpts","_","forceUpdate","registerFormRef","getFormRef","formRefStore","refKey","localFormRef","existingRef","formRef","getValidationErrors","addValidationError","getInitialOptions","removeValidationError","stateValue","inputValue","setInputValue","initialOptions","timeoutRef","updater","opts","handleBlur","fieldValue","validateZodPathFunc","error","rawSyncStatus","syncStatus","childElement","message","e","jsx","Fragment","ValidationWrapper","children","validationErrors","thesMessages","newMessage","thisStateOpts","fullMessageString","React"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CogsState.js';
+export * from './CogsStateClient.js';
 export * from './utility.js';

package/dist/index.js

@@ -1,22 +1,26 @@
-import { $cogsSignal as r, $cogsSignalStore as s, addStateOptions as a, createCogsState as n, useCogsStateFn as o } from "./CogsState.jsx";
-import { deleteNestedProperty as i, getArrayLengthDifferences as f, getArrayLengthDifferencesArray as c, getDifferences as d, getDifferencesArray as p, getNestedValue as y, isArray as S, isDeepEqual as u, isFunction as l, isObject as A, transformStateFunc as D, updateNestedProperty as m } from "./utility.js";
+import { $cogsSignal as r, $cogsSignalStore as o, createCogsState as n, notifyComponent as s, useCogsStateFn as g } from "./CogsState.jsx";
+import { config as f, useCogsConfig as i } from "./CogsStateClient.jsx";
+import { debounce as p, deleteNestedProperty as u, getArrayLengthDifferences as y, getArrayLengthDifferencesArray as d, getDifferences as S, getDifferencesArray as l, getNestedValue as m, isArray as A, isDeepEqual as C, isFunction as D, isObject as x, transformStateFunc as F, updateNestedProperty as N } from "./utility.js";
 export {
   r as $cogsSignal,
-  s as $cogsSignalStore,
-  a as addStateOptions,
+  o as $cogsSignalStore,
+  f as config,
   n as createCogsState,
-  i as deleteNestedProperty,
-  f as getArrayLengthDifferences,
-  c as getArrayLengthDifferencesArray,
-  d as getDifferences,
-  p as getDifferencesArray,
-  y as getNestedValue,
-  S as isArray,
-  u as isDeepEqual,
-  l as isFunction,
-  A as isObject,
-  D as transformStateFunc,
-  m as updateNestedProperty,
-  o as useCogsStateFn
+  p as debounce,
+  u as deleteNestedProperty,
+  y as getArrayLengthDifferences,
+  d as getArrayLengthDifferencesArray,
+  S as getDifferences,
+  l as getDifferencesArray,
+  m as getNestedValue,
+  A as isArray,
+  C as isDeepEqual,
+  D as isFunction,
+  x as isObject,
+  s as notifyComponent,
+  F as transformStateFunc,
+  N as updateNestedProperty,
+  i as useCogsConfig,
+  g as useCogsStateFn
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/node_modules/zustand/esm/react.js

@@ -1,4 +1,4 @@
-import o from "../../react/index.js";
+import o from "react";
 import { createStore as c } from "./vanilla.js";
 const u = (t) => t;
 function i(t, e = u) {

package/dist/store.d.ts

@@ -1,4 +1,4 @@
-import { OptionsType, StateKeys, SyncActionsType, SyncInfo, UpdateTypeDetail } from './CogsState.js';
+import { OptionsType, ReactivityType, StateKeys, SyncActionsType, SyncInfo, UpdateTypeDetail } from './CogsState.js';
 
 type StateUpdater<StateValue> = StateValue | ((prevValue: StateValue) => StateValue);
 export type FreshValuesObject = {
@@ -11,6 +11,23 @@ type SyncLogType = {
     timeStamp: number;
 };
 type StateValue = any;
+export type ComponentsType = {
+    components: Map<string, {
+        forceUpdate: () => void;
+        paths: Set<string>;
+        deps?: any[];
+        depsFunction?: (state: any) => any[] | true;
+        reactiveType: ReactivityType[] | ReactivityType;
+    }>;
+};
+export type FormRefStoreState = {
+    formRefs: Map<string, React.RefObject<any>>;
+    registerFormRef: (id: string, ref: React.RefObject<any>) => void;
+    getFormRef: (id: string) => React.RefObject<any> | undefined;
+    removeFormRef: (id: string) => void;
+    getFormRefsByStateKey: (stateKey: string) => Map<string, React.RefObject<any>>;
+};
+export declare const formRefStore: import('zustand').UseBoundStore<import('zustand').StoreApi<FormRefStoreState>>;
 export type CogsGlobalState = {
     updaterState: {
         [key: string]: any;
@@ -91,14 +108,7 @@ export type CogsGlobalState = {
     }) => void;
     deleteReactiveDeps: (key: string) => void;
     subscribe: (listener: () => void) => () => void;
-    stateComponents: Map<string, {
-        components: Map<string, {
-            forceUpdate: () => void;
-            paths: Set<string>;
-            deps?: any[];
-            depsFunction?: (state: any) => any[] | true;
-        }>;
-    }>;
+    stateComponents: Map<string, ComponentsType>;
     syncInfoStore: Map<string, SyncInfo>;
     setSyncInfo: (key: string, syncInfo: SyncInfo) => void;
     getSyncInfo: (key: string) => SyncInfo | null;