@jcoreio/zod-forms 1.2.0 → 2.0.0-beta.1

package/src/useField.ts

@@ -3,8 +3,8 @@ import { BasePath, FieldPath } from './FieldPath'
 import { FieldMeta } from './FormState'
 import { get } from './util/get'
 import React from 'react'
+import { setParsedValue } from './actions/setParsedValue'
 import { setValue } from './actions/setValue'
-import { setRawValue } from './actions/setRawValue'
 import { setMeta } from './actions/setMeta'
 import {
   useFormSelector as untypedUseFormSelector,
@@ -19,19 +19,20 @@ import { parsePathstring } from './util/parsePathstring'
 import { SchemaAt } from './util/SchemaAt'
 import { maybeParse } from './util/maybeParse'
 import { bindActionsToField } from './util/bindActionsToField'
+import { DeepPartial } from './util/DeepPartial'
 
 export type UseFieldProps<Field extends FieldPath> = FieldMeta &
   ReturnType<
     typeof bindActionsToField<{
+      setParsedValue: typeof setParsedValue
       setValue: typeof setValue
-      setRawValue: typeof setRawValue
       setMeta: typeof setMeta
     }>
   > & {
-    value: z.output<Field['schema']> | undefined
-    rawValue: unknown
-    initialValue: z.output<Field['schema']> | undefined
-    rawInitialValue: unknown
+    parsedValue: DeepPartial<z.output<Field['schema']>> | undefined
+    value: DeepPartial<z.input<Field['schema']>> | undefined
+    initialParsedValue: DeepPartial<z.output<Field['schema']>> | undefined
+    initialValue: DeepPartial<z.input<Field['schema']>> | undefined
     error?: string
     dirty: boolean
     pristine: boolean
@@ -55,8 +56,8 @@ function useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(
   type Schema = Field['schema']
 
   const {
+    setParsedValue,
     setValue,
-    setRawValue,
     setMeta,
     selectFormValues,
     selectFieldErrorMap,
@@ -71,29 +72,30 @@ function useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(
         createSelector(
           [
             createStructuredSelector({
-              value: ({ values }) =>
-                get(values, field.path) as z.output<Schema> | undefined,
-              rawValue: ({ rawValues }) =>
-                get(rawValues, field.path) as unknown,
+              parsedValue: ({ parsedValues }) =>
+                get(parsedValues, field.path) as z.output<Schema> | undefined,
+              value: ({ values }) => get(values, field.path) as unknown,
+              initialParsedValue: ({ initialParsedValues }) =>
+                get(initialParsedValues, field.path) as
+                  | z.output<Schema>
+                  | undefined,
               initialValue: ({ initialValues }) =>
-                get(initialValues, field.path) as z.output<Schema> | undefined,
-              rawInitialValue: ({ rawInitialValues }) =>
-                get(rawInitialValues, field.path) as unknown,
+                get(initialValues, field.path) as unknown,
             }),
           ],
           ({
-            rawValue,
-            value = maybeParse(field.schema, rawValue),
-            rawInitialValue,
-            initialValue = maybeParse(field.schema, rawInitialValue),
+            value,
+            parsedValue = maybeParse(field.schema, value),
+            initialValue,
+            initialParsedValue = maybeParse(field.schema, initialValue),
           }) => {
-            const dirty = !isEqual(value, initialValue)
+            const dirty = !isEqual(parsedValue, initialParsedValue)
             const pristine = !dirty
             return {
+              parsedValue,
               value,
-              rawValue,
+              initialParsedValue,
               initialValue,
-              rawInitialValue,
               dirty,
               pristine,
             }
@@ -103,7 +105,7 @@ function useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(
     [field.pathstring]
   )
 
-  const values = useFormSelector(valuesSelector, shallowEqual)
+  const parsedValues = useFormSelector(valuesSelector, shallowEqual)
 
   const error = useFormSelector(
     (state) => selectFieldErrorMap(state)[field.pathstring]
@@ -112,21 +114,21 @@ function useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(
   const submitFailed = useFormSelector((state) => state.submitFailed)
 
   const boundActions = React.useMemo(
-    () => bindActionsToField({ setValue, setRawValue, setMeta }, field),
+    () => bindActionsToField({ setParsedValue, setValue, setMeta }, field),
     [field.pathstring]
   )
 
   return React.useMemo(
     () => ({
       ...boundActions,
-      ...values,
+      ...parsedValues,
       visited: meta?.visited || false,
       touched: meta?.touched || submitFailed,
       error,
       valid: !error,
       invalid: Boolean(error),
     }),
-    [field.pathstring, values, meta, error, submitFailed]
+    [field.pathstring, parsedValues, meta, error, submitFailed]
   ) as any
 }
 

package/src/useHtmlField.ts

@@ -67,25 +67,25 @@ function useHtmlFieldBase<Field extends FieldPath>(
   const { field, type, normalizeOnBlur = true } = options
   const props = useField(field)
   const {
+    parsedValue,
     value,
-    rawValue,
+    initialParsedValue,
     initialValue,
-    rawInitialValue,
+    setParsedValue,
     setValue,
-    setRawValue,
     setMeta,
     ...meta
   } = props
 
   const { schema } = field
 
-  // tempRawValue is used for storing blank text when we've coerced the
-  // raw value to null or undefined, or storing numeric text when we've
-  // coerced the raw value to a number or bigint.
-  // This way we can set a raw value that will parse better in the form
+  // tempValue is used for storing blank text when we've coerced the
+  // value to null or undefined, or storing numeric text when we've
+  // coerced the value to a number or bigint.
+  // This way we can set a value that will parse better in the form
   // state without interfering with the text the user is typing.
-  const [tempRawValue, setTempRawValue] = React.useState(
-    rawValue as string | null | undefined
+  const [tempValue, setTempValue] = React.useState(
+    value as string | null | undefined
   )
 
   const tryNumber = React.useMemo(() => acceptsNumber(schema), [schema])
@@ -93,18 +93,18 @@ function useHtmlFieldBase<Field extends FieldPath>(
 
   const onChange = React.useCallback(
     (e: React.ChangeEvent) => {
-      const rawValue = getRawValue(e)
-      const normalized = normalizeRawValue(rawValue, {
+      const value = getValue(e)
+      const normalized = normalizeValue(value, {
         schema,
         tryNumber,
         tryBigint,
       })
-      if (typeof rawValue === 'string' && typeof normalized !== 'string') {
-        setTempRawValue(rawValue)
+      if (typeof value === 'string' && typeof normalized !== 'string') {
+        setTempValue(value)
       }
-      setRawValue(normalized)
+      setValue(normalized)
     },
-    [getRawValue, setRawValue, schema]
+    [getValue, setValue, schema]
   )
 
   const onFocus = React.useCallback(() => {
@@ -113,23 +113,23 @@ function useHtmlFieldBase<Field extends FieldPath>(
 
   const onBlur = React.useCallback(
     (e: React.FocusEvent) => {
-      let rawValue = normalizeRawValue(getRawValue(e), {
+      let value = normalizeValue(getValue(e), {
         schema,
         tryNumber,
         tryBigint,
       })
       if (normalizeOnBlur) {
-        const parsed = field.schema.safeParse(rawValue)
+        const parsed = field.schema.safeParse(value)
         const formatted = parsed.success
           ? invert(field.schema).safeParse(parsed.data)
           : undefined
-        if (formatted?.success) rawValue = formatted.data
-        setRawValue(rawValue)
+        if (formatted?.success) value = formatted.data
+        setValue(value)
       }
-      setTempRawValue(undefined)
+      setTempValue(undefined)
       setMeta({ visited: true, touched: true })
     },
-    [getRawValue, setRawValue, schema]
+    [getValue, setValue, schema]
   )
 
   return React.useMemo(
@@ -138,32 +138,32 @@ function useHtmlFieldBase<Field extends FieldPath>(
         name: field.pathstring,
         type,
         value:
-          typeof rawValue === 'boolean'
-            ? String(rawValue)
-            : typeof rawValue === 'string'
-            ? rawValue || tempRawValue || ''
-            : tempRawValue || (rawValue == null ? '' : String(rawValue) || ''),
-        ...(type === 'checkbox' && { checked: Boolean(rawValue) }),
+          typeof value === 'boolean'
+            ? String(value)
+            : typeof value === 'string'
+            ? value || tempValue || ''
+            : tempValue || (value == null ? '' : String(value) || ''),
+        ...(type === 'checkbox' && { checked: Boolean(value) }),
         onChange,
         onFocus,
         onBlur,
       },
       meta: {
         ...meta,
+        parsedValue,
         value,
-        rawValue,
+        initialParsedValue,
         initialValue,
-        rawInitialValue,
+        setParsedValue,
         setValue,
-        setRawValue,
         setMeta,
       },
     }),
-    [props, tempRawValue, onChange]
+    [props, tempValue, onChange]
   ) as any
 }
 
-function getRawValue(e: ChangeEvent) {
+function getValue(e: ChangeEvent) {
   const { target } = e
   if (target instanceof HTMLInputElement) {
     return target.type === 'checkbox' ? target.checked : target.value
@@ -177,37 +177,37 @@ function normalizeBlank(schema: z.ZodTypeAny): any {
   return undefined
 }
 
-function safeBigInt(rawValue: string): bigint | undefined {
+function safeBigInt(value: string): bigint | undefined {
   try {
-    return BigInt(rawValue)
+    return BigInt(value)
   } catch (error) {
     return undefined
   }
 }
 
-function normalizeRawValue(
-  rawValue: string | boolean,
+function normalizeValue(
+  value: string | boolean,
   {
     schema,
     tryNumber,
     tryBigint,
   }: { schema: z.ZodTypeAny; tryNumber: boolean; tryBigint: boolean }
 ): string | boolean | number | bigint | null | undefined {
-  if (typeof rawValue === 'boolean') return rawValue
-  if (typeof rawValue === 'string' && !/\S/.test(rawValue)) {
+  if (typeof value === 'boolean') return value
+  if (typeof value === 'string' && !/\S/.test(value)) {
     return normalizeBlank(schema)
   }
-  if (typeof rawValue === 'string' && !schema.safeParse(rawValue).success) {
+  if (typeof value === 'string' && !schema.safeParse(value).success) {
     if (tryNumber) {
-      const num = Number(rawValue)
+      const num = Number(value)
       if (!isNaN(num)) return num
     }
     if (tryBigint) {
-      const bigint = safeBigInt(rawValue)
+      const bigint = safeBigInt(value)
       if (bigint != null) return bigint
     }
   }
-  return rawValue
+  return value
 }
 
 export function useHtmlField<Field extends FieldPath>(

package/src/useInitialize.ts

@@ -10,7 +10,7 @@ export function useInitialize<
   >
 >(
   options: Omit<InitializeAction<T>, 'type'>,
-  deps: DependencyList = [options.values, options.rawValues]
+  deps: DependencyList = [options.parsedValues, options.values]
 ) {
   const { initialize } = useFormContext<T>()
   React.useEffect(() => {

package/src/util/maybeParse.ts

@@ -2,8 +2,8 @@ import z from 'zod'
 
 export function maybeParse<T extends z.ZodTypeAny>(
   schema: T,
-  rawValue: unknown
+  value: unknown
 ): z.output<T> | undefined {
-  const parsed = schema.safeParse(rawValue)
+  const parsed = schema.safeParse(value)
   return parsed.success ? parsed.data : undefined
 }

package/useArrayField.d.ts

@@ -1,17 +1,17 @@
 import z from 'zod';
-import { FieldPath, FieldPathForRawValue } from './FieldPath';
+import { FieldPath, FieldPathForValue } from './FieldPath';
 import { PathInSchema, PathstringInSchema } from './util/PathInSchema';
 import { parsePathstring } from './util/parsePathstring';
 import { SchemaAt } from './util/SchemaAt';
 import { bindActionsToField } from './util/bindActionsToField';
 import { arrayActions } from './actions/arrayActions';
+import { setParsedValue } from './actions/setParsedValue';
 import { setValue } from './actions/setValue';
-import { setRawValue } from './actions/setRawValue';
 import { setMeta } from './actions/setMeta';
 import { FieldMeta } from './FormState';
 export type UseArrayFieldProps<Field extends FieldPath> = NonNullable<z.input<Field['schema']>> extends any[] ? FieldMeta & ReturnType<typeof bindActionsToField<typeof arrayActions & {
+    setParsedValue: typeof setParsedValue;
     setValue: typeof setValue;
-    setRawValue: typeof setRawValue;
     setMeta: typeof setMeta;
 }>> & {
     elements: FieldPath<SchemaAt<Field['schema'], [number]>>[];
@@ -24,7 +24,7 @@ export type UseArrayFieldProps<Field extends FieldPath> = NonNullable<z.input<Fi
     ERROR: 'not an array field';
 };
 export interface TypedUseArrayField<T extends z.ZodTypeAny> {
-    <Field extends FieldPathForRawValue<any[] | null | undefined>>(field: Field): UseArrayFieldProps<Field>;
+    <Field extends FieldPathForValue<any[] | null | undefined>>(field: Field): UseArrayFieldProps<Field>;
     <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>;
     <Pathstring extends PathstringInSchema<T>>(path: Pathstring): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>;
 }

package/useArrayField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useArrayField.d.ts","sourceRoot":"","sources":["src/useArrayField.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useArrayField.d.ts","sourceRoot":"","sources":["src/useArrayField.ts"],"names":[],"mappings":"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"}

package/useArrayField.js

@@ -21,36 +21,36 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function useArrayFieldBase(field) {
   var _useFormContext = (0, _useFormContext3.useFormContext)(),
     arrayActions = _useFormContext.arrayActions,
+    setParsedValue = _useFormContext.setParsedValue,
     setValue = _useFormContext.setValue,
-    setRawValue = _useFormContext.setRawValue,
     setMeta = _useFormContext.setMeta,
     selectFormValues = _useFormContext.selectFormValues,
     selectFieldErrorMap = _useFormContext.selectFieldErrorMap;
   var useFormSelector = _useFormSelector2.useFormSelector;
   var valuesSelector = _react["default"].useMemo(function () {
     return (0, _reselect.createSelector)([selectFormValues], (0, _reselect.createSelector)([(0, _reselect.createStructuredSelector)({
-      value: function value(_ref) {
-        var values = _ref.values;
-        return (0, _get.get)(values, field.path);
+      parsedValue: function parsedValue(_ref) {
+        var parsedValues = _ref.parsedValues;
+        return (0, _get.get)(parsedValues, field.path);
       },
-      rawValue: function rawValue(_ref2) {
-        var rawValues = _ref2.rawValues;
-        return (0, _get.get)(rawValues, field.path);
+      value: function value(_ref2) {
+        var values = _ref2.values;
+        return (0, _get.get)(values, field.path);
       },
-      initialValue: function initialValue(_ref3) {
-        var initialValues = _ref3.initialValues;
-        return (0, _get.get)(initialValues, field.path);
+      initialParsedValue: function initialParsedValue(_ref3) {
+        var initialParsedValues = _ref3.initialParsedValues;
+        return (0, _get.get)(initialParsedValues, field.path);
       }
     })], function (_ref4) {
-      var rawValue = _ref4.rawValue,
-        value = _ref4.value,
-        initialValue = _ref4.initialValue;
-      var dirty = !(0, _fastDeepEqual["default"])(value, initialValue);
+      var value = _ref4.value,
+        parsedValue = _ref4.parsedValue,
+        initialParsedValue = _ref4.initialParsedValue;
+      var dirty = !(0, _fastDeepEqual["default"])(parsedValue, initialParsedValue);
       var pristine = !dirty;
       return {
         dirty: dirty,
         pristine: pristine,
-        length: Array.isArray(rawValue) ? rawValue.length : 0
+        length: Array.isArray(value) ? value.length : 0
       };
     }));
   }, [field.pathstring]);
@@ -69,8 +69,8 @@ function useArrayFieldBase(field) {
   });
   var boundActions = _react["default"].useMemo(function () {
     return (0, _bindActionsToField.bindActionsToField)(_objectSpread(_objectSpread({}, arrayActions), {}, {
+      setParsedValue: setParsedValue,
       setValue: setValue,
-      setRawValue: setRawValue,
       setMeta: setMeta
     }), field);
   }, [field.pathstring]);

package/useArrayField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArrayField.js","names":["_FieldPath","require","_react","_interopRequireDefault","_useFormContext3","_bindActionsToField","_reselect","_get","_fastDeepEqual","_useFormSelector2","_reactRedux","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useArrayFieldBase","field","_useFormContext","useFormContext","arrayActions","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","useFormSelector","untypedUseFormSelector","valuesSelector","React","useMemo","createSelector","createStructuredSelector","value","_ref","values","get","path","rawValue","_ref2","rawValues","initialValue","_ref3","initialValues","_ref4","dirty","isEqual","pristine","Array","isArray","pathstring","_useFormSelector","shallowEqual","error","state","meta","fieldMeta","submitFailed","boundActions","bindActionsToField","elements","_toConsumableArray2","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","_useFormContext2","root","FieldPath"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForRawValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setValue: typeof setValue\n            setRawValue: typeof setRawValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForRawValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type T = Field['schema']\n\n  const {\n    arrayActions,\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<T> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<T> | undefined,\n            }),\n          ],\n          ({ rawValue, value, initialValue }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(rawValue) ? rawValue.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setValue, setRawValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a path array'\n  >,\n  Path extends PathInSchema<T> = any\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a pathstring'\n  >,\n  Pathstring extends PathstringInSchema<T> = any\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> | { ERROR: string } {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useArrayField.js","names":["_FieldPath","require","_react","_interopRequireDefault","_useFormContext3","_bindActionsToField","_reselect","_get","_fastDeepEqual","_useFormSelector2","_reactRedux","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useArrayFieldBase","field","_useFormContext","useFormContext","arrayActions","setParsedValue","setValue","setMeta","selectFormValues","selectFieldErrorMap","useFormSelector","untypedUseFormSelector","valuesSelector","React","useMemo","createSelector","createStructuredSelector","parsedValue","_ref","parsedValues","get","path","value","_ref2","values","initialParsedValue","_ref3","initialParsedValues","_ref4","dirty","isEqual","pristine","Array","isArray","pathstring","_useFormSelector","shallowEqual","error","state","meta","fieldMeta","submitFailed","boundActions","bindActionsToField","elements","_toConsumableArray2","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","_useFormContext2","root","FieldPath"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setParsedValue } from './actions/setParsedValue'\nimport { setValue } from './actions/setValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\nimport { DeepPartial } from './util/DeepPartial'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setParsedValue: typeof setParsedValue\n            setValue: typeof setValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type T = Field['schema']\n\n  const {\n    arrayActions,\n    setParsedValue,\n    setValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              parsedValue: ({ parsedValues }) =>\n                get(parsedValues, field.path) as\n                  | DeepPartial<z.output<T>>\n                  | undefined,\n              value: ({ values }) =>\n                get(values, field.path) as DeepPartial<z.input<T>> | undefined,\n              initialParsedValue: ({ initialParsedValues }) =>\n                get(initialParsedValues, field.path) as z.output<T> | undefined,\n            }),\n          ],\n          ({ value, parsedValue, initialParsedValue }) => {\n            const dirty = !isEqual(parsedValue, initialParsedValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(value) ? value.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setParsedValue, setValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a path array'\n  >,\n  Path extends PathInSchema<T> = any\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a pathstring'\n  >,\n  Pathstring extends PathstringInSchema<T> = any\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> | { ERROR: string } {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/useArrayField.mjs

@@ -10,34 +10,34 @@ import { shallowEqual } from 'react-redux';
 function useArrayFieldBase(field) {
   const {
     arrayActions,
+    setParsedValue,
     setValue,
-    setRawValue,
     setMeta,
     selectFormValues,
     selectFieldErrorMap
   } = useFormContext();
   const useFormSelector = untypedUseFormSelector;
   const valuesSelector = React.useMemo(() => createSelector([selectFormValues], createSelector([createStructuredSelector({
+    parsedValue: ({
+      parsedValues
+    }) => get(parsedValues, field.path),
     value: ({
       values
     }) => get(values, field.path),
-    rawValue: ({
-      rawValues
-    }) => get(rawValues, field.path),
-    initialValue: ({
-      initialValues
-    }) => get(initialValues, field.path)
+    initialParsedValue: ({
+      initialParsedValues
+    }) => get(initialParsedValues, field.path)
   })], ({
-    rawValue,
     value,
-    initialValue
+    parsedValue,
+    initialParsedValue
   }) => {
-    const dirty = !isEqual(value, initialValue);
+    const dirty = !isEqual(parsedValue, initialParsedValue);
     const pristine = !dirty;
     return {
       dirty,
       pristine,
-      length: Array.isArray(rawValue) ? rawValue.length : 0
+      length: Array.isArray(value) ? value.length : 0
     };
   })), [field.pathstring]);
   const {
@@ -50,8 +50,8 @@ function useArrayFieldBase(field) {
   const submitFailed = useFormSelector(state => state.submitFailed);
   const boundActions = React.useMemo(() => bindActionsToField({
     ...arrayActions,
+    setParsedValue,
     setValue,
-    setRawValue,
     setMeta
   }, field), [field.pathstring]);
   const elements = React.useMemo(() => [...new Array(length).keys()].map(index => field.subfield(index)), [length]);

package/useArrayField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useArrayField.mjs","names":["FieldPath","React","useFormContext","bindActionsToField","createSelector","createStructuredSelector","get","isEqual","useFormSelector","untypedUseFormSelector","shallowEqual","useArrayFieldBase","field","arrayActions","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","valuesSelector","useMemo","value","values","path","rawValue","rawValues","initialValue","initialValues","dirty","pristine","length","Array","isArray","pathstring","error","state","meta","fieldMeta","submitFailed","boundActions","elements","keys","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","root"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForRawValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setValue: typeof setValue\n            setRawValue: typeof setRawValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForRawValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type T = Field['schema']\n\n  const {\n    arrayActions,\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<T> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<T> | undefined,\n            }),\n          ],\n          ({ rawValue, value, initialValue }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(rawValue) ? rawValue.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setValue, setRawValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a path array'\n  >,\n  Path extends PathInSchema<T> = any\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a pathstring'\n  >,\n  Pathstring extends PathstringInSchema<T> = any\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> | { ERROR: string } {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useArrayField.mjs","names":["FieldPath","React","useFormContext","bindActionsToField","createSelector","createStructuredSelector","get","isEqual","useFormSelector","untypedUseFormSelector","shallowEqual","useArrayFieldBase","field","arrayActions","setParsedValue","setValue","setMeta","selectFormValues","selectFieldErrorMap","valuesSelector","useMemo","parsedValue","parsedValues","path","value","values","initialParsedValue","initialParsedValues","dirty","pristine","length","Array","isArray","pathstring","error","state","meta","fieldMeta","submitFailed","boundActions","elements","keys","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","root"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setParsedValue } from './actions/setParsedValue'\nimport { setValue } from './actions/setValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\nimport { DeepPartial } from './util/DeepPartial'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setParsedValue: typeof setParsedValue\n            setValue: typeof setValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type T = Field['schema']\n\n  const {\n    arrayActions,\n    setParsedValue,\n    setValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              parsedValue: ({ parsedValues }) =>\n                get(parsedValues, field.path) as\n                  | DeepPartial<z.output<T>>\n                  | undefined,\n              value: ({ values }) =>\n                get(values, field.path) as DeepPartial<z.input<T>> | undefined,\n              initialParsedValue: ({ initialParsedValues }) =>\n                get(initialParsedValues, field.path) as z.output<T> | undefined,\n            }),\n          ],\n          ({ value, parsedValue, initialParsedValue }) => {\n            const dirty = !isEqual(parsedValue, initialParsedValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(value) ? value.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setParsedValue, setValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a path array'\n  >,\n  Path extends PathInSchema<T> = any\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny = z.ZodBranded<\n    z.ZodNever,\n    'cast to TypedUseArrayField<T> to pass a pathstring'\n  >,\n  Pathstring extends PathstringInSchema<T> = any\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> | { ERROR: string } {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/useField.d.ts

@@ -1,22 +1,23 @@
 import z from 'zod';
 import { FieldPath } from './FieldPath';
 import { FieldMeta } from './FormState';
+import { setParsedValue } from './actions/setParsedValue';
 import { setValue } from './actions/setValue';
-import { setRawValue } from './actions/setRawValue';
 import { setMeta } from './actions/setMeta';
 import { PathInSchema, PathstringInSchema } from './util/PathInSchema';
 import { parsePathstring } from './util/parsePathstring';
 import { SchemaAt } from './util/SchemaAt';
 import { bindActionsToField } from './util/bindActionsToField';
+import { DeepPartial } from './util/DeepPartial';
 export type UseFieldProps<Field extends FieldPath> = FieldMeta & ReturnType<typeof bindActionsToField<{
+    setParsedValue: typeof setParsedValue;
     setValue: typeof setValue;
-    setRawValue: typeof setRawValue;
     setMeta: typeof setMeta;
 }>> & {
-    value: z.output<Field['schema']> | undefined;
-    rawValue: unknown;
-    initialValue: z.output<Field['schema']> | undefined;
-    rawInitialValue: unknown;
+    parsedValue: DeepPartial<z.output<Field['schema']>> | undefined;
+    value: DeepPartial<z.input<Field['schema']>> | undefined;
+    initialParsedValue: DeepPartial<z.output<Field['schema']>> | undefined;
+    initialValue: DeepPartial<z.input<Field['schema']>> | undefined;
     error?: string;
     dirty: boolean;
     pristine: boolean;