formstand 0.12.0 → 0.14.0

package/dist/index.js

@@ -1,3 +1,5 @@
+import { getAtPath, slotAtPath, setAtPath, isPlainObject, hasOwnSlot, valuesEqual, isFieldDirty, useFormSelector, useFormSelectorShallow, parsePath } from './chunk-N7WPXYCU.js';
+export { getAtPath, parsePath, setAtPath, useFormSelector, useFormSelectorShallow } from './chunk-N7WPXYCU.js';
 import { createStore } from 'zustand/vanilla';
 import { devtools } from 'zustand/middleware';
 import { z } from 'zod';
@@ -6,8 +8,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useStore } from 'zustand/react';
 import { useShallow } from 'zustand/react/shallow';
 
-// src/core/createForm.ts
-
 // src/core/array.ts
 var removeAt = (i) => (n) => n === i ? null : n > i ? n - 1 : n;
 var insertAt = (i) => (n) => n >= i ? n + 1 : n;
@@ -101,130 +101,6 @@ var clearArrayOpsUnder = (store, path, keepSelf = false) => {
   );
   related.forEach((p) => byPath.delete(p));
 };
-
-// src/core/equality.ts
-var isPlainObject = (v) => {
-  if (typeof v !== "object" || v === null) return false;
-  const proto = Object.getPrototypeOf(v);
-  return proto === Object.prototype || proto === null;
-};
-var valuesEqual = (a, b) => {
-  if (Object.is(a, b)) return true;
-  if (a instanceof Date && b instanceof Date) {
-    return a.getTime() === b.getTime();
-  }
-  if (Array.isArray(a) && Array.isArray(b)) {
-    return a.length === b.length && a.every((v, i) => valuesEqual(v, b[i]));
-  }
-  if (isPlainObject(a) && isPlainObject(b)) {
-    const aKeys = Object.keys(a);
-    const bKeys = Object.keys(b);
-    return aKeys.length === bKeys.length && aKeys.every((k) => Object.hasOwn(b, k) && valuesEqual(a[k], b[k]));
-  }
-  return false;
-};
-var dirtyCache = /* @__PURE__ */ new WeakMap();
-var MAX_VERDICTS = 4;
-var isFieldDirty = (value, initialValue) => {
-  if (Object.is(value, initialValue)) return false;
-  if (typeof value !== "object" || value === null) {
-    return !valuesEqual(value, initialValue);
-  }
-  const cached = dirtyCache.get(value) ?? [];
-  const hit = cached.find((v) => Object.is(v.initial, initialValue));
-  if (hit !== void 0) return hit.dirty;
-  const dirty = !valuesEqual(value, initialValue);
-  dirtyCache.set(
-    value,
-    [{ initial: initialValue, dirty }, ...cached].slice(0, MAX_VERDICTS)
-  );
-  return dirty;
-};
-
-// src/core/path.ts
-var MAX_ARRAY_INDEX = 1e5;
-var isIndexSegment = (s) => {
-  const n = Number(s);
-  return Number.isInteger(n) && n >= 0 && String(n) === s;
-};
-var PARSE_CACHE_MAX = 4096;
-var parseCache = /* @__PURE__ */ new Map();
-var parsePath = (path) => {
-  const cached = parseCache.get(path);
-  if (cached !== void 0) return cached;
-  const segments = Object.freeze(
-    path === "" ? [] : path.split(".").map((s) => isIndexSegment(s) ? Number(s) : s)
-  );
-  if (parseCache.size >= PARSE_CACHE_MAX) parseCache.clear();
-  parseCache.set(path, segments);
-  return segments;
-};
-var isPlainRecord = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
-var readSegment = (obj, segment) => {
-  if (obj == null) return void 0;
-  if (Array.isArray(obj)) {
-    return typeof segment === "number" ? obj[segment] : void 0;
-  }
-  return isPlainRecord(obj) && Object.hasOwn(obj, String(segment)) ? obj[String(segment)] : void 0;
-};
-var getAtPath = (obj, path) => parsePath(path).reduce(readSegment, obj);
-var slotAtPath = (obj, path) => {
-  const walked = parsePath(path).reduce(
-    (acc, segment) => {
-      const container = acc.current;
-      const addressable = typeof segment === "number" ? Array.isArray(container) ? segment < container.length : isPlainRecord(container) : isPlainRecord(container);
-      return !acc.ok || !addressable ? { ok: false, current: void 0 } : { ok: true, current: readSegment(container, segment) };
-    },
-    { ok: true, current: obj }
-  );
-  return walked.ok ? { exists: true, value: walked.current } : { exists: false };
-};
-var writeIntoArray = (arr, index, rest, value) => {
-  const length = Math.max(arr.length, index + 1);
-  return Array.from(
-    { length },
-    (_, i) => i === index ? writeSegments(arr[i], rest, value) : arr[i]
-  );
-};
-var refusesHugeIndex = (index) => {
-  if (index > MAX_ARRAY_INDEX) {
-    console.warn(
-      `[formstand] refusing to write array index ${index} (max ${MAX_ARRAY_INDEX}); value left unchanged.`
-    );
-    return true;
-  }
-  return false;
-};
-var writeSegments = (obj, segments, value) => {
-  const [head, ...rest] = segments;
-  if (head === void 0) return value;
-  if (Array.isArray(obj)) {
-    if (typeof head !== "number") {
-      console.warn(
-        `[formstand] cannot write string key "${head}" into an array; value left unchanged.`
-      );
-      return obj;
-    }
-    if (refusesHugeIndex(head)) return obj;
-    return writeIntoArray(obj, head, rest, value);
-  }
-  if (isPlainRecord(obj)) {
-    if (!isPlainObject(obj)) {
-      console.warn(
-        `[formstand] cannot write key "${String(head)}" through a non-plain object (Date/Map/Set/class instance); value left unchanged.`
-      );
-      return obj;
-    }
-    const key = String(head);
-    return { ...obj, [key]: writeSegments(obj[key], rest, value) };
-  }
-  if (typeof head === "number") {
-    if (refusesHugeIndex(head)) return obj;
-    return writeIntoArray([], head, rest, value);
-  }
-  return { [head]: writeSegments(void 0, rest, value) };
-};
-var setAtPath = (obj, path, value) => writeSegments(obj, parsePath(path), value);
 var issuePathToFormPath = (path) => path.filter((segment) => typeof segment !== "symbol").join(".");
 var expandIssue = (issue, prefix) => {
   const at = [...prefix, ...issue.path];
@@ -881,6 +757,10 @@ var createForm = (schema, options) => {
       });
     },
     setValue: (path, value) => {
+      const currentValues = store.getState().values;
+      if (Object.is(getAtPath(currentValues, path), value) && (value !== void 0 || hasOwnSlot(currentValues, path))) {
+        return;
+      }
       clearArrayOpsUnder(store, path);
       store.setState((state) => ({
         ...state,
@@ -1278,8 +1158,10 @@ function useField(form, pathArg, options) {
   }, [form, path, debounceMs]);
   const setValue = useCallback(
     (value) => {
+      const before = form.store.getState();
       form.setValue(path, value);
       const state = form.store.getState();
+      if (state === before) return;
       if (shouldValidateOn(
         "change",
         state.mode,
@@ -1568,12 +1450,6 @@ function useIsValid(form, path) {
 }
 var useIsSubmitting = (form) => useStore(form.store, (state) => state.isSubmitting);
 var useSubmitCount = (form) => useStore(form.store, (state) => state.submitCount);
-function useFormSelector(form, selector) {
-  return useStore(form.store, selector);
-}
-function useFormSelectorShallow(form, selector) {
-  return useStore(form.store, useShallow(selector));
-}
 
 // src/react/createFormHooks.ts
 var capitalize = (name) => name.length === 0 ? name : name.charAt(0).toUpperCase() + name.slice(1);
@@ -1607,6 +1483,9 @@ var createFormHooks = (form, name) => {
     [`use${prefix}SubmitCount`]: useBoundSubmitCount
   };
 };
+function useFormValues(form) {
+  return useStore(form.store, (state) => state.values);
+}
 
 // src/react/inputProps.ts
 var hasFieldError = (error) => error !== void 0 && error.length > 0;
@@ -1996,6 +1875,6 @@ var focusField = (path, root) => {
   return path === "" ? (root !== void 0 || document.querySelectorAll("form").length <= 1) && focusFirstOf(namedControls(scope).filter(isFocusCandidate)) : focusFirstOf(pathCandidates(scope, [path]).filter(isFocusCandidate));
 };
 
-export { CheckboxField, DateField, NumberField, SelectField, TextField, checkboxProps, createForm, createFormContext, createFormHooks, dateInputProps, dateToInputText, emptyValueForSchema, flattenIssues, focusField, focusFirstError, getAtPath, hasFieldError, isAsyncRequiredError, numberInputProps, numberToInputText, parseDateText, parseNumberText, parsePath, persistForm, selectProps, setAtPath, shouldValidateOn, textInputProps, useField, useFieldArray, useForm, useFormError, useFormSelector, useFormSelectorShallow, useIsDirty, useIsSubmitting, useIsValid, useNumberInput, useSubmitCount, useVariantField, validateAsync, validateSync };
+export { CheckboxField, DateField, NumberField, SelectField, TextField, checkboxProps, createForm, createFormContext, createFormHooks, dateInputProps, dateToInputText, emptyValueForSchema, flattenIssues, focusField, focusFirstError, hasFieldError, isAsyncRequiredError, numberInputProps, numberToInputText, parseDateText, parseNumberText, persistForm, selectProps, shouldValidateOn, textInputProps, useField, useFieldArray, useForm, useFormError, useFormValues, useIsDirty, useIsSubmitting, useIsValid, useNumberInput, useSubmitCount, useVariantField, validateAsync, validateSync };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map