support conditionally rendered field

jerrywithaz · jerrywithaz · commit d794c3db5735 · 2022-09-29T11:03:28.000-05:00
diff --git a/packages/documentation/docs/api/generated/interfaces/react_formz_native_src_components_DependentField_DependentField_types.DependentFieldProps.md b/packages/documentation/docs/api/generated/interfaces/react_formz_native_src_components_DependentField_DependentField_types.DependentFieldProps.md
@@ -19,7 +19,7 @@ custom_edit_url: null
 
 ## Hierarchy
 
-- `Omit`<[`NativeFieldProps`](react_formz_native_src_components_Field_Field_types.NativeFieldProps.md)<`Value`, `Key`, `Ref`\>, ``"validate"``\>
+- `Omit`<[`NativeFieldProps`](react_formz_native_src_components_Field_Field_types.NativeFieldProps.md)<`Value`, `Key`, `Ref`\>, ``"validate"`` \| ``"as"``\>
 
 - [`UseDependentFieldEventsOptions`](react_formz_src_hooks_fields_useDependentFieldEvents.UseDependentFieldEventsOptions.md)<`Values`, `Value`, `DependentValues`\>
 
@@ -29,17 +29,11 @@ custom_edit_url: null
 
 ### as
 
-• `Optional` **as**: `ComponentType`<[`FieldComponentProps`](react_formz_native_src_components_Field_Field_types.FieldComponentProps.md)<`Value`, `Key`, `Ref`\>\>
-
-The component to render the ui of the field.
-
-#### Inherited from
-
-Omit.as
+• `Optional` **as**: `ComponentType`<[`FieldComponentProps`](react_formz_native_src_components_Field_Field_types.FieldComponentProps.md)<`Value`, `Key`, `Ref`\> & { `dependencies`: `DependentValues`  }\>
 
 #### Defined in
 
-[packages/react-formz-native/src/components/Field/Field.types.ts:94](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/Field/Field.types.ts#L94)
+[packages/react-formz-native/src/components/DependentField/DependentField.types.ts:12](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/DependentField/DependentField.types.ts#L12)
 
 ___
 
diff --git a/packages/documentation/docs/api/generated/interfaces/react_formz_native_src_components_Field_Field_types.FieldInputProps.md b/packages/documentation/docs/api/generated/interfaces/react_formz_native_src_components_Field_Field_types.FieldInputProps.md
@@ -203,7 +203,7 @@ ___
 
 ### value
 
-• `Optional` **value**: `Value` extends `boolean` ? `undefined` : `Value`
+• `Optional` **value**: `Value`
 
 The current value of the input.
 
diff --git a/packages/documentation/docs/api/generated/interfaces/react_formz_web_src_components_DependentField_DependentField_types.DependentFieldProps.md b/packages/documentation/docs/api/generated/interfaces/react_formz_web_src_components_DependentField_DependentField_types.DependentFieldProps.md
@@ -19,7 +19,7 @@ custom_edit_url: null
 
 ## Hierarchy
 
-- `Omit`<[`WebFieldProps`](react_formz_web_src_components_Field_Field_types.WebFieldProps.md)<`Value`, `Key`, `Ref`\>, ``"validate"``\>
+- `Omit`<[`WebFieldProps`](react_formz_web_src_components_Field_Field_types.WebFieldProps.md)<`Value`, `Key`, `Ref`\>, ``"validate"`` \| ``"as"``\>
 
 - [`UseDependentFieldEventsOptions`](react_formz_src_hooks_fields_useDependentFieldEvents.UseDependentFieldEventsOptions.md)<`Values`, `Value`, `DependentValues`\>
 
@@ -29,17 +29,11 @@ custom_edit_url: null
 
 ### as
 
-• `Optional` **as**: `ComponentType`<[`FieldComponentProps`](react_formz_web_src_components_Field_Field_types.FieldComponentProps.md)<`Value`, `Key`, `Ref`\>\>
-
-The component to render the ui of the field.
-
-#### Inherited from
-
-Omit.as
+• `Optional` **as**: `ComponentType`<[`FieldComponentProps`](react_formz_web_src_components_Field_Field_types.FieldComponentProps.md)<`Value`, `Key`, `Ref`\> & { `dependencies`: `DependentValues`  }\>
 
 #### Defined in
 
-[packages/react-formz-web/src/components/Field/Field.types.ts:79](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-web/src/components/Field/Field.types.ts#L79)
+[packages/react-formz-web/src/components/DependentField/DependentField.types.ts:12](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-web/src/components/DependentField/DependentField.types.ts#L12)
 
 ___
 
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_native_src.md b/packages/documentation/docs/api/generated/modules/react_formz_native_src.md
@@ -233,3 +233,9 @@ ___
 ### useField
 
 Renames and re-exports [useNativeField](react_formz_native_src_hooks_fields_useField.md#usenativefield)
+
+___
+
+### useFormSubmission
+
+Re-exports [useFormSubmission](react_formz_src_hooks_forms_useFormSubmission.md#useformsubmission)
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_native_src_components_DependentField_DependentField.md b/packages/documentation/docs/api/generated/modules/react_formz_native_src_components_DependentField_DependentField.md
@@ -57,4 +57,4 @@ onDependenciesChange={(dependencies, actions) => {
 
 #### Defined in
 
-[packages/react-formz-native/src/components/DependentField/DependentField.tsx:60](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/DependentField/DependentField.tsx#L60)
+[packages/react-formz-native/src/components/DependentField/DependentField.tsx:66](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/DependentField/DependentField.tsx#L66)
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_native_src_components_Field_Field.md b/packages/documentation/docs/api/generated/modules/react_formz_native_src_components_Field_Field.md
@@ -46,4 +46,4 @@ function UserProfile() {
 
 #### Defined in
 
-[packages/react-formz-native/src/components/Field/Field.tsx:110](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/Field/Field.tsx#L110)
+[packages/react-formz-native/src/components/Field/Field.tsx:109](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/Field/Field.tsx#L109)
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_native_src_hooks_fields_useInternalFieldValue.md b/packages/documentation/docs/api/generated/modules/react_formz_native_src_hooks_fields_useInternalFieldValue.md
@@ -48,4 +48,4 @@ the user finishes typing or submits the form.
 
 #### Defined in
 
-packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts:25
+[packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts:25](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts#L25)
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_native_src_providers_ArrayFieldProvider_ArrayFieldProvider.md b/packages/documentation/docs/api/generated/modules/react_formz_native_src_providers_ArrayFieldProvider_ArrayFieldProvider.md
@@ -26,7 +26,7 @@ Informs fields rendered within an array provider that they are within an array.
 
 #### Defined in
 
-packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx:8
+[packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx:8](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx#L8)
 
 ___
 
@@ -42,4 +42,4 @@ Custom hook that returns true if a field is rendered within an array.
 
 #### Defined in
 
-packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx:17
+[packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx:17](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/providers/ArrayFieldProvider/ArrayFieldProvider.tsx#L17)
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_src_hooks_fields_useDependentFieldEvents.md b/packages/documentation/docs/api/generated/modules/react_formz_src_hooks_fields_useDependentFieldEvents.md
@@ -42,6 +42,7 @@ that will be called when the dependencies change.
 
 | Name | Type |
 | :------ | :------ |
+| `dependentFields` | `DependentValues` |
 | `validate` | [`FieldValidator`](react_formz_src_types_field.md#fieldvalidator)<`Value`\> |
 
 #### Defined in
diff --git a/packages/documentation/docs/api/generated/modules/react_formz_web_src_components_DependentField_DependentField.md b/packages/documentation/docs/api/generated/modules/react_formz_web_src_components_DependentField_DependentField.md
@@ -57,4 +57,4 @@ onDependenciesChange={(dependencies, actions) => {
 
 #### Defined in
 
-[packages/react-formz-web/src/components/DependentField/DependentField.tsx:60](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-web/src/components/DependentField/DependentField.tsx#L60)
+[packages/react-formz-web/src/components/DependentField/DependentField.tsx:66](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-web/src/components/DependentField/DependentField.tsx#L66)
diff --git a/packages/documentation/docs/guides/conditional-field.md b/packages/documentation/docs/guides/conditional-field.md
@@ -0,0 +1,26 @@
+---
+sidebar_position: 1
+---
+
+# Conditional Fields
+
+There will be times when you want to conditionally render a field based on the value or values of other fields. React Hook Form supports that out of the box with ease. You can use as `DependentField` as so:
+
+```tsx
+<TextField name="dob" />
+<DependentField<{ dob: Date; favoriteDrink?: string; }> 
+  name="favoriteDrink"
+  dependencies={(values) => ({ dob: values.dob })} 
+  as={({ input, dependencies }) => {
+    if (dependencies.dob < 21) return null;
+    return <TextInput />
+  }}
+/>
+```
+
+<iframe src="https://codesandbox.io/embed/zerry-react-formz-conditional-fields-0tpebi?fontsize=14&hidenavigation=1&theme=dark"
+     style={{ width: "100%", height: 700 }}
+     title="zerry-react-formz-conditional-fields"
+     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+   ></iframe>
diff --git a/packages/documentation/sidebars.js b/packages/documentation/sidebars.js
@@ -22,7 +22,7 @@ const sidebars = {
     {
       type: 'category',
       label: 'Guides',
-      items: ['guides/basic-usage', 'guides/form-validations', 'guides/field-validation', 'guides/form-persistance', 'guides/dependent-field'],
+      items: ['guides/basic-usage', 'guides/form-validations', 'guides/field-validation', 'guides/form-persistance', 'guides/dependent-field', 'guides/conditional-field'],
     },
     {
       type: 'category',
diff --git a/packages/react-formz-native/package.json b/packages/react-formz-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@zerry/react-formz-native",
-  "version": "0.0.9-beta",
+  "version": "0.0.12-beta",
   "repository": {
     "type": "git",
     "url": "https://github.com/ZerryStack/react-formz.git"
diff --git a/packages/react-formz-native/src/components/DependentField/DependentField.tsx b/packages/react-formz-native/src/components/DependentField/DependentField.tsx
@@ -1,6 +1,6 @@
 import { FieldId, FieldValue, FormzValues, useDependentFieldEvents } from "../../../../react-formz";
 import React from "react";
-import Field from "../Field";
+import Field, { FieldComponentProps } from "../Field";
 import { DependentFieldProps } from "./DependentField.types";
 
 const DependentFieldInner = <
@@ -13,15 +13,21 @@ const DependentFieldInner = <
   props: DependentFieldProps<Values, Value, Key, Ref, DependentValues>,
   ref: React.Ref<Ref>
 ) => {
-  const { dependencies, onDependenciesChange, name, validate, ...restProps } = props;
+  const { dependencies, onDependenciesChange, name, validate, as: Component, ...restProps } = props;
 
-  const { validate: dependentValidate } = useDependentFieldEvents(name, {
+  const { validate: dependentValidate, dependentFields } = useDependentFieldEvents(name, {
     dependencies,
     onDependenciesChange,
     validate
   });
 
-  return <Field<Value, Key, Ref> {...restProps} name={name} ref={ref} validate={dependentValidate} />;
+  const DependentComponent = (props: FieldComponentProps<Value, Key, Ref>) => {
+    if (!Component) return null;
+
+    return <Component {...props} dependencies={dependentFields} />
+  }
+
+  return <Field<Value, Key, Ref> {...restProps} as={DependentComponent} name={name} ref={ref} validate={dependentValidate} />;
 };
 
 /**
diff --git a/packages/react-formz-native/src/components/DependentField/DependentField.types.ts b/packages/react-formz-native/src/components/DependentField/DependentField.types.ts
@@ -1,11 +1,13 @@
 import { FieldId, FieldValue, FormzValues, UseDependentFieldEventsOptions } from "../../../../react-formz";
-import { NativeFieldProps } from "../Field/Field.types";
+import { FieldComponentProps, NativeFieldProps } from "../Field/Field.types";
 
 export interface DependentFieldProps<
   Values extends FormzValues = FormzValues,
   Value extends FieldValue = FieldValue,
   Key extends FieldId = FieldId,
   Ref = HTMLInputElement,
   DependentValues extends Partial<Values> = Partial<Values>
-> extends Omit<NativeFieldProps<Value, Key, Ref>, "validate">,
-    UseDependentFieldEventsOptions<Values, Value, DependentValues> {}
+> extends Omit<NativeFieldProps<Value, Key, Ref>, "validate" | "as">,
+    UseDependentFieldEventsOptions<Values, Value, DependentValues> {
+      as?: React.ComponentType<FieldComponentProps<Value, Key, Ref> & { dependencies: DependentValues }> 
+    }
diff --git a/packages/react-formz-native/src/components/Field/Field.tsx b/packages/react-formz-native/src/components/Field/Field.tsx
@@ -1,7 +1,6 @@
 import {
   FieldValue,
   FieldId,
-  isValidInputValue,
   logger,
 } from "../../../../react-formz";
 import React from "react";
@@ -60,7 +59,7 @@ const FieldInner = <
     "aria-required": required ?? undefined,
     "aria-describedby": `${name}-error`,
     nativeID: name,
-    value: isValidInputValue(value) ? value : undefined,
+    value: value,
     onEndEditing: handleFinishEditing,
     onSubmitEditing: handleFinishEditing,
   };
diff --git a/packages/react-formz-native/src/components/Field/Field.types.ts b/packages/react-formz-native/src/components/Field/Field.types.ts
@@ -59,7 +59,7 @@ export interface FieldInputProps<
   /**
    * The current value of the input.
    */
-  value?: Value extends boolean ? undefined : Value;
+  value?: Value;
 }
 
 export interface FieldComponentProps<
diff --git a/packages/react-formz-native/src/index.ts b/packages/react-formz-native/src/index.ts
@@ -59,5 +59,6 @@ export {
   isNull,
   isNumber,
   set,
-  get
+  get,
+  useFormSubmission,
 } from "../../react-formz/src";
diff --git a/packages/react-formz-web/package.json b/packages/react-formz-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@zerry/react-formz",
-  "version": "0.3.6-beta",
+  "version": "0.3.8-beta",
   "files": [
     "dist"
   ],
diff --git a/packages/react-formz-web/src/components/DependentField/DependentField.tsx b/packages/react-formz-web/src/components/DependentField/DependentField.tsx
@@ -1,6 +1,6 @@
 import { FieldId, FieldValue, FormzValues, useDependentFieldEvents } from "../../../../react-formz";
 import React from "react";
-import Field from "../Field";
+import Field, { FieldComponentProps } from "../Field";
 import { DependentFieldProps } from "./DependentField.types";
 
 const DependentFieldInner = <
@@ -13,15 +13,21 @@ const DependentFieldInner = <
   props: DependentFieldProps<Values, Value, Key, Ref, DependentValues>,
   ref: React.Ref<Ref>
 ) => {
-  const { dependencies, onDependenciesChange, name, validate, ...restProps } = props;
+  const { dependencies, onDependenciesChange, name, validate, as: Component, ...restProps } = props;
 
-  const { validate: dependentValidate } = useDependentFieldEvents(name, {
+  const { validate: dependentValidate, dependentFields } = useDependentFieldEvents(name, {
     dependencies,
     onDependenciesChange,
     validate
   });
 
-  return <Field<Value, Key, Ref> {...restProps} name={name} ref={ref} validate={dependentValidate} />;
+  const DependentComponent = (props: FieldComponentProps<Value, Key, Ref>) => {
+    if (!Component) return null;
+
+    return <Component {...props} dependencies={dependentFields} />
+  };
+  
+  return <Field<Value, Key, Ref> {...restProps} as={DependentComponent} name={name} ref={ref} validate={dependentValidate} />;
 };
 
 /**
diff --git a/packages/react-formz-web/src/components/DependentField/DependentField.types.ts b/packages/react-formz-web/src/components/DependentField/DependentField.types.ts
@@ -1,11 +1,13 @@
 import { FieldId, FieldValue, FormzValues, UseDependentFieldEventsOptions } from "../../../../react-formz";
-import { WebFieldProps } from "../Field/Field.types";
+import { FieldComponentProps, WebFieldProps } from "../Field/Field.types";
 
 export interface DependentFieldProps<
   Values extends FormzValues = FormzValues,
   Value extends FieldValue = FieldValue,
   Key extends FieldId = FieldId,
   Ref = HTMLInputElement,
   DependentValues extends Partial<Values> = Partial<Values>
-> extends Omit<WebFieldProps<Value, Key, Ref>, "validate">,
-    UseDependentFieldEventsOptions<Values, Value, DependentValues> {}
+> extends Omit<WebFieldProps<Value, Key, Ref>, "validate" | "as">,
+    UseDependentFieldEventsOptions<Values, Value, DependentValues> {
+      as?: React.ComponentType<FieldComponentProps<Value, Key, Ref> & { dependencies: DependentValues }> 
+    }
diff --git a/packages/react-formz/src/hooks/fields/useDependentFieldEvents.ts b/packages/react-formz/src/hooks/fields/useDependentFieldEvents.ts
@@ -87,7 +87,7 @@ function useDependentFieldEvents<
     })();
   }, [dependentFields]);
 
-  return { validate: dependentValidate };
+  return { validate: dependentValidate, dependentFields };
 }
 
 export default useDependentFieldEvents;
diff --git a/packages/react-formz/src/index.ts b/packages/react-formz/src/index.ts
@@ -4,7 +4,8 @@
 
 export type { FieldActions } from "./hooks/fields/useFieldActions";
 export type { FieldEvents } from "./hooks/fields/useFieldEvents";
-export { default as useDependentFieldEvents, UseDependentFieldEventsOptions } from "./hooks/fields/useDependentFieldEvents";
+export type { UseDependentFieldEventsOptions } from "./hooks/fields/useDependentFieldEvents";
+export { default as useDependentFieldEvents } from "./hooks/fields/useDependentFieldEvents";
 export type { UseFieldOptions, UseFieldResult } from "./hooks/fields/useField";
 export { default as useField } from "./hooks/fields/useField";
 export type { UseDependentFieldOptions } from "./hooks/fields/useDependentField";

Original file line number	Diff line number	Diff line change
`@@ -57,4 +57,4 @@ onDependenciesChange={(dependencies, actions) => {`
`57`	`57`
`58`	`58`	`#### Defined in`
`59`	`59`
`60`		`-[packages/react-formz-native/src/components/DependentField/DependentField.tsx:60](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/DependentField/DependentField.tsx#L60)`
	`60`	`+[packages/react-formz-native/src/components/DependentField/DependentField.tsx:66](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/DependentField/DependentField.tsx#L66)`
Original file line number	Diff line number	Diff line change
`@@ -46,4 +46,4 @@ function UserProfile() {`
`46`	`46`
`47`	`47`	`#### Defined in`
`48`	`48`
`49`		`-[packages/react-formz-native/src/components/Field/Field.tsx:110](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/Field/Field.tsx#L110)`
	`49`	`+[packages/react-formz-native/src/components/Field/Field.tsx:109](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/components/Field/Field.tsx#L109)`
Original file line number	Diff line number	Diff line change
`@@ -48,4 +48,4 @@ the user finishes typing or submits the form.`
`48`	`48`
`49`	`49`	`#### Defined in`
`50`	`50`
`51`		`-packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts:25`
	`51`	`+[packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts:25](https://github.com/ZerryStack/react-formz/blob/main/packages/react-formz-native/src/hooks/fields/useInternalFieldValue.ts#L25)`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ const sidebars = {`
`22`	`22`	`{`
`23`	`23`	`type: 'category',`
`24`	`24`	`label: 'Guides',`
`25`		`- items: ['guides/basic-usage', 'guides/form-validations', 'guides/field-validation', 'guides/form-persistance', 'guides/dependent-field'],`
	`25`	`+ items: ['guides/basic-usage', 'guides/form-validations', 'guides/field-validation', 'guides/form-persistance', 'guides/dependent-field', 'guides/conditional-field'],`
`26`	`26`	`},`
`27`	`27`	`{`
`28`	`28`	`type: 'category',`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@zerry/react-formz-native",`
`3`		`- "version": "0.0.9-beta",`
	`3`	`+ "version": "0.0.12-beta",`
`4`	`4`	`"repository": {`
`5`	`5`	`"type": "git",`
`6`	`6`	`"url": "https://github.com/ZerryStack/react-formz.git"`
Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ export interface FieldInputProps<`
`59`	`59`	`/**`
`60`	`60`	`* The current value of the input.`
`61`	`61`	`*/`
`62`		`- value?: Value extends boolean ? undefined : Value;`
	`62`	`+ value?: Value;`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`export interface FieldComponentProps<`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@zerry/react-formz",`
`3`		`- "version": "0.3.6-beta",`
	`3`	`+ "version": "0.3.8-beta",`
`4`	`4`	`"files": [`
`5`	`5`	`"dist"`
`6`	`6`	`],`
Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ function useDependentFieldEvents<`
`87`	`87`	`})();`
`88`	`88`	`}, [dependentFields]);`
`89`	`89`
`90`		`- return { validate: dependentValidate };`
	`90`	`+ return { validate: dependentValidate, dependentFields };`
`91`	`91`	`}`
`92`	`92`
`93`	`93`	`export default useDependentFieldEvents;`