remix-validated-form 4.6.6 → 4.6.8

package/.turbo/turbo-typecheck.log

@@ -1 +1,14 @@
 $ tsc --noEmit
+src/internal/state/createFormStore.ts(4,10): error TS2614: Module '"zustand"' has no exported member 'create'. Did you mean to use 'import create from "zustand"' instead?
+src/internal/state/createFormStore.ts(496,12): error TS7006: Parameter 'formId' implicitly has an 'any' type.
+src/internal/state/createFormStore.ts(497,14): error TS2571: Object is of type 'unknown'.
+src/internal/state/createFormStore.ts(500,12): error TS7006: Parameter 'state' implicitly has an 'any' type.
+src/internal/state/createFormStore.ts(505,11): error TS2571: Object is of type 'unknown'.
+src/internal/state/createFormStore.ts(506,12): error TS7006: Parameter 'state' implicitly has an 'any' type.
+src/internal/state/createFormStore.ts(508,28): error TS7006: Parameter 'state' implicitly has an 'any' type.
+src/internal/state/createFormStore.ts(509,17): error TS2571: Object is of type 'unknown'.
+src/internal/state/storeHooks.ts(8,28): error TS7006: Parameter 'state' implicitly has an 'any' type.
+src/ValidatedForm.tsx(251,41): error TS7006: Parameter 'state' implicitly has an 'any' type.
+src/ValidatedForm.tsx(252,42): error TS7006: Parameter 'state' implicitly has an 'any' type.
+error Command failed with exit code 2.
+info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

package/dist/index.cjs.js

@@ -165,8 +165,10 @@ function _setPathNormalized(object, path, value) {
 }
 
 // ../set-get/src/getPath.ts
-var R2 = __toESM(require("remeda"));
-var getPath = (object, path) => R2.pathOr(object, stringToPathArray(path), void 0);
+var import_lodash = __toESM(require("lodash.get"));
+var getPath = (object, path) => {
+  return (0, import_lodash.default)(object, path);
+};
 
 // src/internal/hooks.ts
 var import_tiny_invariant3 = __toESM(require("tiny-invariant"));
@@ -198,7 +200,7 @@ var hydratable = {
 
 // src/internal/state/createFormStore.ts
 var import_tiny_invariant2 = __toESM(require("tiny-invariant"));
-var import_zustand = __toESM(require("zustand"));
+var import_zustand = require("zustand");
 var import_immer = require("zustand/middleware/immer");
 
 // src/internal/logic/requestSubmit.ts
@@ -660,7 +662,7 @@ var defaultFormState = {
     }
   }
 };
-var createFormState = (set, get) => ({
+var createFormState = (set, get2) => ({
   isHydrated: false,
   isSubmitting: false,
   hasBeenSubmitted: false,
@@ -668,7 +670,7 @@ var createFormState = (set, get) => ({
   fieldErrors: {},
   formElement: null,
   currentDefaultValues: {},
-  isValid: () => Object.keys(get().fieldErrors).length === 0,
+  isValid: () => Object.keys(get2().fieldErrors).length === 0,
   startSubmit: () => set((state) => {
     state.isSubmitting = true;
     state.hasBeenSubmitted = true;
@@ -706,7 +708,7 @@ var createFormState = (set, get) => ({
     state.isHydrated = true;
   }),
   setFormElement: (formElement) => {
-    if (get().formElement === formElement)
+    if (get2().formElement === formElement)
       return;
     set((state) => {
       state.formElement = formElement;
@@ -714,48 +716,48 @@ var createFormState = (set, get) => ({
   },
   validateField: async (field) => {
     var _a, _b, _c;
-    const formElement = get().formElement;
+    const formElement = get2().formElement;
     (0, import_tiny_invariant2.default)(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
     );
-    const validator = (_a = get().formProps) == null ? void 0 : _a.validator;
+    const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
     (0, import_tiny_invariant2.default)(
       validator,
       "Cannot validator. This is probably a bug in remix-validated-form."
     );
-    await ((_c = (_b = get().controlledFields).awaitValueUpdate) == null ? void 0 : _c.call(_b, field));
+    await ((_c = (_b = get2().controlledFields).awaitValueUpdate) == null ? void 0 : _c.call(_b, field));
     const { error } = await validator.validateField(
       new FormData(formElement),
       field
     );
     if (error) {
-      get().setFieldError(field, error);
+      get2().setFieldError(field, error);
       return error;
     } else {
-      get().clearFieldError(field);
+      get2().clearFieldError(field);
       return null;
     }
   },
   validate: async () => {
     var _a;
-    const formElement = get().formElement;
+    const formElement = get2().formElement;
     (0, import_tiny_invariant2.default)(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
     );
-    const validator = (_a = get().formProps) == null ? void 0 : _a.validator;
+    const validator = (_a = get2().formProps) == null ? void 0 : _a.validator;
     (0, import_tiny_invariant2.default)(
       validator,
       "Cannot validator. This is probably a bug in remix-validated-form."
     );
     const result = await validator.validate(new FormData(formElement));
     if (result.error)
-      get().setFieldErrors(result.error.fieldErrors);
+      get2().setFieldErrors(result.error.fieldErrors);
     return result;
   },
   submit: () => {
-    const formElement = get().formElement;
+    const formElement = get2().formElement;
     (0, import_tiny_invariant2.default)(
       formElement,
       "Cannot find reference to form. This is probably a bug in remix-validated-form."
@@ -764,11 +766,11 @@ var createFormState = (set, get) => ({
   },
   getValues: () => {
     var _a;
-    return new FormData((_a = get().formElement) != null ? _a : void 0);
+    return new FormData((_a = get2().formElement) != null ? _a : void 0);
   },
   resetFormElement: () => {
     var _a;
-    return (_a = get().formElement) == null ? void 0 : _a.reset();
+    return (_a = get2().formElement) == null ? void 0 : _a.reset();
   },
   controlledFields: {
     values: {},
@@ -783,7 +785,7 @@ var createFormState = (set, get) => ({
       });
     },
     unregister: (fieldName) => {
-      if (get() === null || get() === void 0)
+      if (get2() === null || get2() === void 0)
         return;
       set((state) => {
         var _a, _b, _c;
@@ -810,12 +812,12 @@ var createFormState = (set, get) => ({
         delete state.controlledFields.refCounts[fieldName];
       });
     },
-    getValue: (fieldName) => getPath(get().controlledFields.values, fieldName),
+    getValue: (fieldName) => getPath(get2().controlledFields.values, fieldName),
     setValue: (fieldName, value) => {
       set((state) => {
         setPath(state.controlledFields.values, fieldName, value);
       });
-      get().controlledFields.kickoffValueUpdate(fieldName);
+      get2().controlledFields.kickoffValueUpdate(fieldName);
     },
     kickoffValueUpdate: (fieldName) => {
       const clear = () => set((state) => {
@@ -830,7 +832,7 @@ var createFormState = (set, get) => ({
       });
     },
     awaitValueUpdate: async (fieldName) => {
-      await get().controlledFields.valueUpdatePromises[fieldName];
+      await get2().controlledFields.valueUpdatePromises[fieldName];
     },
     array: {
       push: (fieldName, item) => {
@@ -838,7 +840,7 @@ var createFormState = (set, get) => ({
           getArray(state.controlledFields.values, fieldName).push(item);
           getArray(state.currentDefaultValues, fieldName).push(item);
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       swap: (fieldName, indexA, indexB) => {
         set((state) => {
@@ -863,7 +865,7 @@ var createFormState = (set, get) => ({
             (array) => swap(array, indexA, indexB)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       move: (fieldName, from2, to) => {
         set((state) => {
@@ -888,7 +890,7 @@ var createFormState = (set, get) => ({
             (array) => move(array, from2, to)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       insert: (fieldName, index, item) => {
         set((state) => {
@@ -913,7 +915,7 @@ var createFormState = (set, get) => ({
             (array) => insert(array, index, void 0)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       remove: (fieldName, index) => {
         set((state) => {
@@ -936,7 +938,7 @@ var createFormState = (set, get) => ({
             (array) => remove(array, index)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       pop: (fieldName) => {
         set((state) => {
@@ -953,7 +955,7 @@ var createFormState = (set, get) => ({
             (array) => array.pop()
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       },
       unshift: (fieldName, value) => {
         set((state) => {
@@ -994,17 +996,17 @@ var createFormState = (set, get) => ({
             (array) => replace(array, index, item)
           );
         });
-        get().controlledFields.kickoffValueUpdate(fieldName);
+        get2().controlledFields.kickoffValueUpdate(fieldName);
       }
     }
   }
 });
-var useRootFormStore = (0, import_zustand.default)()(
-  (0, import_immer.immer)((set, get) => ({
+var useRootFormStore = (0, import_zustand.create)()(
+  (0, import_immer.immer)((set, get2) => ({
     forms: {},
     form: (formId) => {
       var _a;
-      return (_a = get().forms[formId]) != null ? _a : defaultFormState;
+      return (_a = get2().forms[formId]) != null ? _a : defaultFormState;
     },
     cleanupForm: (formId) => {
       set((state) => {
@@ -1012,12 +1014,12 @@ var useRootFormStore = (0, import_zustand.default)()(
       });
     },
     registerForm: (formId) => {
-      if (get().forms[formId])
+      if (get2().forms[formId])
         return;
       set((state) => {
         state.forms[formId] = createFormState(
           (setter) => set((state2) => setter(state2.forms[formId])),
-          () => get().forms[formId]
+          () => get2().forms[formId]
         );
       });
     }
@@ -1312,7 +1314,7 @@ var setFormDefaults = (formId, defaultValues) => ({
 // src/ValidatedForm.tsx
 var import_react9 = require("@remix-run/react");
 var import_react10 = require("react");
-var R4 = __toESM(require("remeda"));
+var R3 = __toESM(require("remeda"));
 
 // src/internal/MultiValueMap.ts
 var import_react6 = require("react");
@@ -1375,7 +1377,7 @@ function useSubmitComplete(isSubmitting, callback) {
 
 // src/internal/util.ts
 var import_react8 = require("react");
-var R3 = __toESM(require("remeda"));
+var R2 = __toESM(require("remeda"));
 var mergeRefs = (refs) => {
   return (value) => {
     refs.filter(Boolean).forEach((ref) => {
@@ -1390,7 +1392,7 @@ var mergeRefs = (refs) => {
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react8.useLayoutEffect : import_react8.useEffect;
 var useDeepEqualsMemo = (item) => {
   const ref = (0, import_react8.useRef)(item);
-  const areEqual = ref.current === item || R3.equals(ref.current, item);
+  const areEqual = ref.current === item || R2.equals(ref.current, item);
   (0, import_react8.useEffect)(() => {
     if (!areEqual) {
       ref.current = item;
@@ -1413,7 +1415,7 @@ var focusFirstInvalidInput = (fieldErrors, customFocusHandlers, formElement) =>
       return input.name;
     return null;
   }).filter(nonNull).filter((name) => name in fieldErrors);
-  const uniqueNamesInOrder = R4.uniq(namesInOrder);
+  const uniqueNamesInOrder = R3.uniq(namesInOrder);
   for (const fieldName of uniqueNamesInOrder) {
     if (customFocusHandlers.has(fieldName)) {
       customFocusHandlers.getAll(fieldName).forEach((handler) => {
@@ -1648,7 +1650,7 @@ function ValidatedForm({
 }
 
 // src/validation/createValidator.ts
-var R5 = __toESM(require("remeda"));
+var R4 = __toESM(require("remeda"));
 
 // src/internal/flatten.ts
 var objectFromPathEntries = (entries) => {
@@ -1666,7 +1668,7 @@ var preprocessFormData = (data) => {
     return objectFromPathEntries([...data.entries()]);
   return objectFromPathEntries(Object.entries(data));
 };
-var omitInternalFields = (data) => R5.omit(data, [FORM_ID_FIELD]);
+var omitInternalFields = (data) => R4.omit(data, [FORM_ID_FIELD]);
 function createValidator(validator) {
   return {
     validate: async (value) => {