envoc-form 4.1.0 → 5.0.2

package/README.md

@@ -266,7 +266,9 @@ ___
 
 Custom confirm button text.
 
-**`defaultvalue`** `Confirm`
+**`Default Value`**
+
+`Confirm`
 
 ##### Defined in
 
@@ -425,7 +427,9 @@ ___
 
 Custom message to display.
 
-**`defaultvalue`** `Are you sure you want to delete this?`
+**`Default Value`**
+
+`Are you sure you want to delete this?`
 
 ##### Defined in
 
@@ -438,6 +442,8 @@ packages/envoc-form/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx:19
 
 ## Interface: DatePickerGroupProps<T\>
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Type parameters
 
 | Name |
@@ -459,15 +465,12 @@ packages/envoc-form/src/ConfirmDeleteForm/ConfirmDeleteForm.tsx:19
 #### Properties
 
 - [className](#classname)
+- [convert](#convert)
 - [helpText](#helptext)
 - [input](#input)
 - [label](#label)
 - [meta](#meta)
 
-#### Methods
-
-- [convert](#convert)
-
 ### Properties
 
 #### className
@@ -486,6 +489,30 @@ packages/envoc-form/src/Group.tsx:8
 
 ___
 
+#### convert
+
+• **convert**: (`arg`: `Date`) => `T`
+
+##### Type declaration
+
+▸ (`arg`): `T`
+
+###### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `arg` | `Date` |
+
+###### Returns
+
+`T`
+
+##### Defined in
+
+packages/envoc-form/src/DatePicker/DatePickerGroup.tsx:18
+
+___
+
 #### helpText
 
 • `Optional` **helpText**: `ReactNode`
@@ -544,26 +571,6 @@ ___
 
 packages/envoc-form/src/Field/InjectedFieldProps.ts:7
 
-### Methods
-
-#### convert
-
-▸ **convert**(`arg`): `T`
-
-##### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `arg` | `Date` |
-
-##### Returns
-
-`T`
-
-##### Defined in
-
-packages/envoc-form/src/DatePicker/DatePickerGroup.tsx:18
-
 
 <a name="interfacesdatepickerhelpermd"></a>
 
@@ -680,6 +687,8 @@ packages/envoc-form/src/Field/InjectedFieldProps.ts:7
 
 ## Interface: FileGroupProps
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Hierarchy
 
 - [`InjectedFieldProps`](#interfacesinjectedfieldpropsmd)<`any` \| `undefined` \| ``null``\>
@@ -838,9 +847,6 @@ packages/envoc-form/src/Group.tsx:21
 
 - [allowPristineSubmit](#allowpristinesubmit)
 - [disabled](#disabled)
-
-#### Methods
-
 - [handleCancel](#handlecancel)
 
 ### Properties
@@ -867,17 +873,23 @@ Whether both buttons should be disabled.
 
 packages/envoc-form/src/FormActions.tsx:13
 
-### Methods
+___
 
 #### handleCancel
 
-▸ `Optional` **handleCancel**(): `void`
+• `Optional` **handleCancel**: () => `void`
+
+##### Type declaration
+
+▸ (): `void`
 
 The cancel button's `onClick`.
 
-**`defaultvalue`** `window.history.back()`
+**`Default Value`**
 
-##### Returns
+`window.history.back()`
+
+###### Returns
 
 `void`
 
@@ -892,6 +904,8 @@ packages/envoc-form/src/FormActions.tsx:11
 
 ## Interface: GroupProps
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Hierarchy
 
 - [`InjectedFieldProps`](#interfacesinjectedfieldpropsmd)<`any`\>
@@ -1128,7 +1142,7 @@ ___
 
 #### type
 
-• `Optional` **type**: ``"search"`` \| ``"color"`` \| ``"text"`` \| ``"email"`` \| ``"tel"`` \| ``"url"``
+• `Optional` **type**: ``"color"`` \| ``"search"`` \| ``"text"`` \| ``"tel"`` \| ``"url"`` \| ``"email"``
 
 ##### Defined in
 
@@ -1199,6 +1213,8 @@ packages/envoc-form/src/Field/InjectedFieldProps.ts:7
 
 ## Interface: InputGroupProps<TValue\>
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Type parameters
 
 | Name |
@@ -1457,7 +1473,7 @@ ___
 
 #### parseFunc
 
-• `Optional` **parseFunc**: (`string`: `string`, `radix?`: `number`) => `number` \| (`string`: `string`) => `number`
+• `Optional` **parseFunc**: (`string`: `string`) => `number` \| (`string`: `string`, `radix?`: `number`) => `number`
 
 Custom parsing function when the value changes.
 
@@ -1588,7 +1604,7 @@ ___
 
 #### options
 
-• **options**: [`SelectOption`](#interfacesselectoptionmd)<`undefined` \| ``null`` \| `number`[]\>[] \| `OptionsUseServiceResult`<`undefined` \| ``null`` \| `number`[]\>
+• **options**: `OptionsUseServiceResult`<`undefined` \| ``null`` \| `number`[]\> \| [`SelectOption`](#interfacesselectoptionmd)<`undefined` \| ``null`` \| `number`[]\>[]
 
 Options for the dropdown. Includes the label and value.
 
@@ -1753,7 +1769,7 @@ ___
 
 #### options
 
-• **options**: [`SelectOption`](#interfacesselectoptionmd)<`string`[]\>[] \| `OptionsUseServiceResult`<`string`[]\>
+• **options**: `OptionsUseServiceResult`<`string`[]\> \| [`SelectOption`](#interfacesselectoptionmd)<`string`[]\>[]
 
 Options for the dropdown. Includes the label and value.
 
@@ -1802,6 +1818,8 @@ packages/envoc-form/src/Group.tsx:21
 
 ## Interface: NormalizationFunction<TValue\>
 
+Normalization of values
+
 ### Type parameters
 
 | Name |
@@ -1814,8 +1832,6 @@ packages/envoc-form/src/Group.tsx:21
 
 ▸ **NormalizationFunction**(`value`): `TValue`
 
-Normalization of values
-
 ##### Parameters
 
 | Name | Type |
@@ -1949,7 +1965,7 @@ ___
 
 #### parseFunc
 
-• `Optional` **parseFunc**: (`string`: `string`, `radix?`: `number`) => `number` \| (`string`: `string`) => `number`
+• `Optional` **parseFunc**: (`string`: `string`) => `number` \| (`string`: `string`, `radix?`: `number`) => `number`
 
 Custom parsing function when the value changes.
 
@@ -2036,12 +2052,128 @@ ___
 packages/envoc-form/src/utils/objectToFormData.ts:20
 
 
+<a name="interfacesphonenumberinputgrouppropsmd"></a>
+
+[envoc-form](#readmemd) / [Exports](#modulesmd) / PhoneNumberInputGroupProps
+
+## Interface: PhoneNumberInputGroupProps
+
+### Hierarchy
+
+- `Omit`<[`InputGroupProps`](#interfacesinputgrouppropsmd)<`string` \| `undefined` \| ``null``\>, ``"onChange"`` \| ``"type"`` \| ``"value"``\>
+
+  ↳ **`PhoneNumberInputGroupProps`**
+
+### Table of contents
+
+#### Properties
+
+- [className](#classname)
+- [helpText](#helptext)
+- [icon](#icon)
+- [input](#input)
+- [label](#label)
+- [meta](#meta)
+
+### Properties
+
+#### className
+
+• `Optional` **className**: `string`
+
+Extra class names to apply.
+
+##### Inherited from
+
+Omit.className
+
+##### Defined in
+
+packages/envoc-form/src/Group.tsx:8
+
+___
+
+#### helpText
+
+• `Optional` **helpText**: `ReactNode`
+
+Simple helper text after the input.
+
+##### Inherited from
+
+Omit.helpText
+
+##### Defined in
+
+packages/envoc-form/src/Group.tsx:16
+
+___
+
+#### icon
+
+• `Optional` **icon**: `ReactNode`
+
+##### Inherited from
+
+Omit.icon
+
+##### Defined in
+
+packages/envoc-form/src/Input/InputGroup.tsx:20
+
+___
+
+#### input
+
+• **input**: `CustomFieldInputProps`<`undefined` \| ``null`` \| `string`\>
+
+##### Inherited from
+
+Omit.input
+
+##### Defined in
+
+packages/envoc-form/src/Field/InjectedFieldProps.ts:6
+
+___
+
+#### label
+
+• `Optional` **label**: `string`
+
+Simple text label before the input.
+
+##### Inherited from
+
+Omit.label
+
+##### Defined in
+
+packages/envoc-form/src/Group.tsx:13
+
+___
+
+#### meta
+
+• **meta**: `CustomFieldMetaProps`<`undefined` \| ``null`` \| `string`\>
+
+##### Inherited from
+
+Omit.meta
+
+##### Defined in
+
+packages/envoc-form/src/Field/InjectedFieldProps.ts:7
+
+
 <a name="interfacesselectgrouppropsmd"></a>
 
 [envoc-form](#readmemd) / [Exports](#modulesmd) / SelectGroupProps
 
 ## Interface: SelectGroupProps<TValue\>
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Type parameters
 
 | Name |
@@ -2179,7 +2311,7 @@ ___
 
 #### options
 
-• **options**: [`SelectOption`](#interfacesselectoptionmd)<`TValue`\>[] \| `OptionsUseServiceResult`<`TValue`\>
+• **options**: `OptionsUseServiceResult`<`TValue`\> \| [`SelectOption`](#interfacesselectoptionmd)<`TValue`\>[]
 
 Options for the dropdown. Includes the label and value.
 
@@ -2350,7 +2482,7 @@ ___
 
 #### options
 
-• **options**: [`SelectOption`](#interfacesselectoptionmd)<`T`\>[] \| `OptionsUseServiceResult`<`T`\>
+• **options**: `OptionsUseServiceResult`<`T`\> \| [`SelectOption`](#interfacesselectoptionmd)<`T`\>[]
 
 Options for the dropdown. Includes the label and value.
 
@@ -2448,9 +2580,6 @@ packages/envoc-form/src/Select/SelectGroup.tsx:9
 #### Properties
 
 - [errors](#errors)
-
-#### Methods
-
 - [getError](#geterror)
 - [setError](#seterror)
 
@@ -2464,19 +2593,23 @@ packages/envoc-form/src/Select/SelectGroup.tsx:9
 
 packages/envoc-form/src/Form/ServerErrorContext.ts:7
 
-### Methods
+___
 
 #### getError
 
-▸ **getError**(`path`): `undefined` \| `string`
+• **getError**: (`path`: `string`) => `undefined` \| `string`
 
-##### Parameters
+##### Type declaration
+
+▸ (`path`): `undefined` \| `string`
+
+###### Parameters
 
 | Name | Type |
 | :------ | :------ |
 | `path` | `string` |
 
-##### Returns
+###### Returns
 
 `undefined` \| `string`
 
@@ -2488,16 +2621,20 @@ ___
 
 #### setError
 
-▸ **setError**(`path`, `errorMessage`): `void`
+• **setError**: (`path`: `string`, `errorMessage`: `undefined` \| `string`) => `void`
 
-##### Parameters
+##### Type declaration
+
+▸ (`path`, `errorMessage`): `void`
+
+###### Parameters
 
 | Name | Type |
 | :------ | :------ |
 | `path` | `string` |
 | `errorMessage` | `undefined` \| `string` |
 
-##### Returns
+###### Returns
 
 `void`
 
@@ -2639,7 +2776,7 @@ ___
 
 #### options
 
-• **options**: [`SelectOption`](#interfacesselectoptionmd)<`undefined` \| ``null`` \| `number`\>[] \| `OptionsUseServiceResult`<`undefined` \| ``null`` \| `number`\>
+• **options**: `OptionsUseServiceResult`<`undefined` \| ``null`` \| `number`\> \| [`SelectOption`](#interfacesselectoptionmd)<`undefined` \| ``null`` \| `number`\>[]
 
 Options for the dropdown. Includes the label and value.
 
@@ -2880,7 +3017,9 @@ ___
 
 The cancel button's `onClick`.
 
-**`defaultvalue`** `window.history.back()`
+**`Default Value`**
+
+`window.history.back()`
 
 ##### Defined in
 
@@ -3203,7 +3342,7 @@ ___
 
 #### type
 
-• `Optional` **type**: ``"search"`` \| ``"color"`` \| ``"textarea"`` \| ``"text"`` \| ``"email"`` \| ``"tel"`` \| ``"url"`` \| ``"password"``
+• `Optional` **type**: ``"color"`` \| ``"search"`` \| ``"textarea"`` \| ``"text"`` \| ``"tel"`` \| ``"url"`` \| ``"email"`` \| ``"password"``
 
 ##### Defined in
 
@@ -3264,6 +3403,8 @@ packages/envoc-form/src/SubmitFormButton.tsx:11
 
 ## Interface: TextAreaGroupProps
 
+Defines what is injected by a Field wrapper of some TRenderComponent
+
 ### Hierarchy
 
 - [`InjectedFieldProps`](#interfacesinjectedfieldpropsmd)<`string` \| `undefined` \| ``null``\>
@@ -3450,6 +3591,8 @@ packages/envoc-form/src/Validation/ValidationError.ts:4
 
 ## Interface: ValidationFunction<TValue\>
 
+Client side validation function
+
 ### Type parameters
 
 | Name |
@@ -3462,8 +3605,6 @@ packages/envoc-form/src/Validation/ValidationError.ts:4
 
 ▸ **ValidationFunction**(`value`): `undefined` \| `string`
 
-Client side validation function
-
 ##### Parameters
 
 | Name | Type |
@@ -3596,6 +3737,7 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [NormalizationFunction](#interfacesnormalizationfunctionmd)
 - [NumberInputGroupProps](#interfacesnumberinputgrouppropsmd)
 - [ObjectToFormDataCfgProps](#interfacesobjecttoformdatacfgpropsmd)
+- [PhoneNumberInputGroupProps](#interfacesphonenumberinputgrouppropsmd)
 - [SelectGroupProps](#interfacesselectgrouppropsmd)
 - [SelectGroupPropsHelper](#interfacesselectgrouppropshelpermd)
 - [SelectOption](#interfacesselectoptionmd)
@@ -3614,7 +3756,7 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [ValidationFunction](#interfacesvalidationfunctionmd)
 - [useStandardFieldProps](#interfacesusestandardfieldpropsmd)
 
-### Type aliases
+### Type Aliases
 
 - [ArrayFormBuilderProp](#arrayformbuilderprop)
 - [FieldArrayProps](#fieldarrayprops)
@@ -3625,19 +3767,14 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [RenderComponentProps](#rendercomponentprops)
 - [StandAloneInputProps](#standaloneinputprops)
 
-### Properties
-
-- [Field](#field)
-- [SubmitFormButton](#submitformbutton)
-
 ### Variables
 
 - [FieldNameContext](#fieldnamecontext)
 - [FileGroup](#filegroup)
 - [FormDefaults](#formdefaults)
 - [IconInputGroup](#iconinputgroup)
-- [MoneyInputGroup](#moneyinputgroup)
 - [NumberInputGroup](#numberinputgroup)
+- [PhoneNumberInputGroup](#phonenumberinputgroup)
 - [ServerErrorContext](#servererrorcontext)
 - [StringInputGroup](#stringinputgroup)
 - [TextAreaGroup](#textareagroup)
@@ -3649,12 +3786,14 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [ConfirmBaseForm](#confirmbaseform)
 - [ConfirmDeleteForm](#confirmdeleteform)
 - [DatePickerGroup](#datepickergroup)
+- [Field](#field)
 - [FieldArray](#fieldarray)
 - [FieldErrorScrollTarget](#fielderrorscrolltarget)
 - [Form](#form)
 - [FormActions](#formactions)
 - [Group](#group)
 - [InputGroup](#inputgroup)
+- [MoneyInputGroup](#moneyinputgroup)
 - [MultiNumberSelectGroup](#multinumberselectgroup)
 - [MultiStringSelectGroup](#multistringselectgroup)
 - [SelectGroup](#selectgroup)
@@ -3664,6 +3803,7 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [StandardFormActions](#standardformactions)
 - [StringDateOnlyPickerGroup](#stringdateonlypickergroup)
 - [StringDatePickerGroup](#stringdatepickergroup)
+- [SubmitFormButton](#submitformbutton)
 - [convertToTimeZoneInsensitiveISOString](#converttotimezoneinsensitiveisostring)
 - [isArray](#isarray)
 - [isBlob](#isblob)
@@ -3677,11 +3817,11 @@ packages/envoc-form/src/Field/useStandardField.ts:18
 - [serialize](#serialize)
 - [useStandardField](#usestandardfield)
 
-## Type aliases
+## Type Aliases
 
 ### ArrayFormBuilderProp
 
-Ƭ **ArrayFormBuilderProp**<`TValue`\>: `TValue` extends infer TForm[] \| `undefined` \| ``null`` ? `TForm` extends `object` ? { `Field`: <TProp, TRenderComponent\>(`props`: [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\>) => `Element` ; `FieldArray`: <TProp\>(`props`: [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\>) => `Element`  } : `never` : `never`
+Ƭ **ArrayFormBuilderProp**<`TValue`\>: `TValue` extends infer TForm[] \| `undefined` \| ``null`` ? `TForm` extends `object` ? { `Field`: <TProp, TRenderComponent\>(`props`: [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\>) => `JSX.Element` ; `FieldArray`: <TProp\>(`props`: [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\>) => `JSX.Element`  } : `never` : `never`
 
 #### Type parameters
 
@@ -3697,7 +3837,7 @@ ___
 
 ### FieldArrayProps
 
-Ƭ **FieldArrayProps**<`TForm`, `TProp`\>: `TForm`[`TProp`] extends `any`[] \| `undefined` \| ``null`` ? { `disabled?`: `boolean` ; `label?`: `string` ; `name`: `TProp` ; `validate?`: [`ValidationFunction`](#interfacesvalidationfunctionmd)<`TForm`[`TProp`]\> \| [`ValidationFunction`](#interfacesvalidationfunctionmd)<`TForm`[`TProp`]\>[] ; `children`: (`formBuilder`: [`ArrayFormBuilderProp`](#arrayformbuilderprop)<`any`[`any`]\>) => `Element`  } : `never`
+Ƭ **FieldArrayProps**<`TForm`, `TProp`\>: `TForm`[`TProp`] extends `any`[] \| `undefined` \| ``null`` ? { `children`: (`formBuilder`: [`ArrayFormBuilderProp`](#arrayformbuilderprop)<`TForm`[`TProp`]\>) => `JSX.Element` ; `disabled?`: `boolean` ; `label?`: `string` ; `name`: `TProp` ; `validate?`: [`ValidationFunction`](#interfacesvalidationfunctionmd)<`TForm`[`TProp`]\> \| [`ValidationFunction`](#interfacesvalidationfunctionmd)<`TForm`[`TProp`]\>[]  } : `never`
 
 #### Type parameters
 
@@ -3746,8 +3886,8 @@ ___
 
 | Name | Type |
 | :------ | :------ |
-| `Field` | <TProp, TRenderComponent\>(`props`: [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\>) => `Element` |
-| `FieldArray` | <TProp\>(`props`: [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\>) => `Element` |
+| `Field` | <TProp, TRenderComponent\>(`props`: [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\>) => `JSX.Element` |
+| `FieldArray` | <TProp\>(`props`: [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\>) => `JSX.Element` |
 
 #### Defined in
 
@@ -3807,7 +3947,7 @@ ___
 
 ### StandAloneInputProps
 
-Ƭ **StandAloneInputProps**<`TValue`, `TRenderComponent`\>: { `Component`: [`RenderComponent`](#rendercomponent)<`TValue`, `TRenderComponent`\> ; `value`: `TValue` ; `onChange`: (`arg`: `TValue`) => `void`  } & `Omit`<[`RenderComponentProps`](#rendercomponentprops)<`TValue`, `TRenderComponent`\>, keyof [`InjectedFieldProps`](#interfacesinjectedfieldpropsmd)<`TValue`\> \| ``"value"`` \| ``"onChange"`` \| ``"normalize"`` \| ``"validate"``\>
+Ƭ **StandAloneInputProps**<`TValue`, `TRenderComponent`\>: { `Component`: [`RenderComponent`](#rendercomponent)<`TValue`, `TRenderComponent`\> ; `onChange`: (`arg`: `TValue`) => `void` ; `value`: `TValue`  } & `Omit`<[`RenderComponentProps`](#rendercomponentprops)<`TValue`, `TRenderComponent`\>, keyof [`InjectedFieldProps`](#interfacesinjectedfieldpropsmd)<`TValue`\> \| ``"value"`` \| ``"onChange"`` \| ``"normalize"`` \| ``"validate"``\>
 
 #### Type parameters
 
@@ -3820,44 +3960,6 @@ ___
 
 packages/envoc-form/src/Field/StandAloneInput.tsx:8
 
-## Properties
-
-### Field
-
-• **Field**: <TForm, TProp, TRenderComponent\>(`__namedParameters`: [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\>, `ref`: `LegacyRef`<`any`\>) => `Element`
-
-#### Type declaration
-
-▸ <`TForm`, `TProp`, `TRenderComponent`\>(`__namedParameters`, `ref`): `Element`
-
-Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
-Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
-
-##### Type parameters
-
-| Name | Type |
-| :------ | :------ |
-| `TForm` | extends `object` |
-| `TProp` | extends `string` \| `number` \| `symbol` |
-| `TRenderComponent` | extends `ElementType`<`any`\> |
-
-##### Parameters
-
-| Name | Type |
-| :------ | :------ |
-| `__namedParameters` | [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\> |
-| `ref` | `LegacyRef`<`any`\> |
-
-##### Returns
-
-`Element`
-
-___
-
-### SubmitFormButton
-
-• **SubmitFormButton**: `FunctionComponent`<[`SubmitFormButtonProps`](#interfacessubmitformbuttonpropsmd)\>
-
 ## Variables
 
 ### FieldNameContext
@@ -3914,27 +4016,34 @@ packages/envoc-form/src/Input/IconInputGroup.tsx:50
 
 ___
 
-### MoneyInputGroup
+### NumberInputGroup
 
-• `Const` **MoneyInputGroup**: `FunctionComponent`<[`MoneyInputGroupProps`](#interfacesmoneyinputgrouppropsmd)\>
+• `Const` **NumberInputGroup**: `ComponentType`<[`NumberInputGroupProps`](#interfacesnumberinputgrouppropsmd)\>
 
-Input group for inputting money.
+Standard number input group. By default allows for float values.
 
 #### Defined in
 
-packages/envoc-form/src/Input/MoneyInputGroup.tsx:46
+packages/envoc-form/src/Input/NumberInputGroup.tsx:44
 
 ___
 
-### NumberInputGroup
+### PhoneNumberInputGroup
 
-• `Const` **NumberInputGroup**: `ComponentType`<[`NumberInputGroupProps`](#interfacesnumberinputgrouppropsmd)\>
+• `Const` **PhoneNumberInputGroup**: `ComponentType`<[`PhoneNumberInputGroupProps`](#interfacesphonenumberinputgrouppropsmd)\>
 
-Standard number input group. By default allows for float values.
+A standard phone number input. Will display to the user in `+XXX XXX-XXX-XXXX` format as the number is being inputted.
+The data will get sent in the same format as displayed. Uses `normalizers.phoneNumber`.
+
+**`Default`**
+
+```ts
+autoComplete="tel-national"
+```
 
 #### Defined in
 
-packages/envoc-form/src/Input/NumberInputGroup.tsx:44
+packages/envoc-form/src/Input/PhoneNumberInputGroup.tsx:42
 
 ___
 
@@ -3976,22 +4085,22 @@ packages/envoc-form/src/TextArea/TextAreaGroup.tsx:60
 
 ### AddressInput
 
-▸ **AddressInput**(`__namedParameters`): `Element`
+▸ **AddressInput**(`«destructured»`): `Element`
 
-Collection of `<Field/>`s for inputting an address. Includes:
-```txt
-Address 1
-Address 2
-City
-State
-Zip
+Collection of `<Field/>`s for inputting an address. Includes:
+```txt
+Address 1
+Address 2
+City
+State
+Zip
 ```
 
 #### Parameters
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`AddressInputProps`](#interfacesaddressinputpropsmd) |
+| `«destructured»` | [`AddressInputProps`](#interfacesaddressinputpropsmd) |
 
 #### Returns
 
@@ -4027,9 +4136,9 @@ ___
 
 ### ConfirmBaseForm
 
-▸ **ConfirmBaseForm**(`__namedParameters`): `Element`
+▸ **ConfirmBaseForm**(`«destructured»`): `Element`
 
-Confimation dialog. Navigates to a different route to allow the user to either confirm or cancel an action.
+Confimation dialog. Navigates to a different route to allow the user to either confirm or cancel an action.
 Commonly used for confirming delete and archive.
 
 See `<ConfirmDeleteForm/>` if the confirmation is specifically for deletion.
@@ -4038,7 +4147,7 @@ See `<ConfirmDeleteForm/>` if the confirmation is specifically for deletion.
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`ConfirmBaseFormProps`](#interfacesconfirmbaseformpropsmd) |
+| `«destructured»` | [`ConfirmBaseFormProps`](#interfacesconfirmbaseformpropsmd) |
 
 #### Returns
 
@@ -4052,7 +4161,7 @@ ___
 
 ### ConfirmDeleteForm
 
-▸ **ConfirmDeleteForm**(`__namedParameters`): `Element`
+▸ **ConfirmDeleteForm**(`«destructured»`): `Element`
 
 Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
 
@@ -4062,7 +4171,7 @@ Wraps `<ConfirmBaseForm/>`.
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`ConfirmDeleteFormProps`](#interfacesconfirmdeleteformpropsmd) |
+| `«destructured»` | [`ConfirmDeleteFormProps`](#interfacesconfirmdeleteformpropsmd) |
 
 #### Returns
 
@@ -4076,7 +4185,7 @@ ___
 
 ### DatePickerGroup
 
-▸ **DatePickerGroup**<`T`\>(`__namedParameters`): `Element`
+▸ **DatePickerGroup**<`T`\>(`«destructured»`): `Element`
 
 Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
 
@@ -4092,7 +4201,7 @@ Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`DatePickerGroupProps`](#interfacesdatepickergrouppropsmd)<`T`\> |
+| `«destructured»` | [`DatePickerGroupProps`](#interfacesdatepickergrouppropsmd)<`T`\> |
 
 #### Returns
 
@@ -4104,9 +4213,41 @@ packages/envoc-form/src/DatePicker/DatePickerGroup.tsx:26
 
 ___
 
+### Field
+
+▸ **Field**<`TForm`, `TProp`, `TRenderComponent`\>(`«destructured»`, `ref`): `Element`
+
+Renders whatever Component is passed - injecting the formik values needed to finish wiring up that individual field.
+Should no Component be used then the default will be provided by the default lookup based on typeof(TForm[TProp])
+
+#### Type parameters
+
+| Name | Type |
+| :------ | :------ |
+| `TForm` | extends `object` |
+| `TProp` | extends `string` \| `number` \| `symbol` |
+| `TRenderComponent` | extends `ElementType` |
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `«destructured»` | [`FieldProps`](#fieldprops)<`TForm`, `TProp`, `TRenderComponent`\> |
+| `ref` | `LegacyRef`<`any`\> |
+
+#### Returns
+
+`Element`
+
+#### Defined in
+
+packages/envoc-form/src/Field/Field.tsx:60
+
+___
+
 ### FieldArray
 
-▸ **FieldArray**<`TForm`, `TProp`\>(`__namedParameters`): `Element`
+▸ **FieldArray**<`TForm`, `TProp`\>(`«destructured»`): `Element`
 
 An array of fields that allows the user to add multiple instances of the same field.
 
@@ -4123,7 +4264,7 @@ Includes "Add Item" and "Remove Item" buttons to allow the user to speicify the
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\> |
+| `«destructured»` | [`FieldArrayProps`](#fieldarrayprops)<`TForm`, `TProp`\> |
 
 #### Returns
 
@@ -4153,7 +4294,7 @@ ___
 
 ### Form
 
-▸ **Form**<`TForm`\>(`__namedParameters`): `Element`
+▸ **Form**<`TForm`\>(`«destructured»`): `Element`
 
 Define a form. Uses [formik](https://formik.org/docs/overview). Usually contains many `<Field/>` components.
 
@@ -4167,7 +4308,7 @@ Define a form. Uses [formik](https://formik.org/docs/overview). Usually contains
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`FormProps`](#formprops)<`TForm`\> |
+| `«destructured»` | [`FormProps`](#formprops)<`TForm`\> |
 
 #### Returns
 
@@ -4181,7 +4322,7 @@ ___
 
 ### FormActions
 
-▸ **FormActions**(`__namedParameters`): `Element`
+▸ **FormActions**(`«destructured»`): `Element`
 
 Standard cancel and submit buttons.
 
@@ -4189,7 +4330,7 @@ Standard cancel and submit buttons.
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`FormActionsProps`](#interfacesformactionspropsmd) |
+| `«destructured»` | [`FormActionsProps`](#interfacesformactionspropsmd) |
 
 #### Returns
 
@@ -4203,7 +4344,7 @@ ___
 
 ### Group
 
-▸ **Group**(`__namedParameters`): `Element`
+▸ **Group**(`«destructured»`): `Element`
 
 Contains standard field bits like a label, helper text, error scroll target, validation message container, etc.
 
@@ -4211,7 +4352,7 @@ Contains standard field bits like a label, helper text, error scroll target, val
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`GroupProps`](#interfacesgrouppropsmd) |
+| `«destructured»` | [`GroupProps`](#interfacesgrouppropsmd) |
 
 #### Returns
 
@@ -4225,7 +4366,7 @@ ___
 
 ### InputGroup
 
-▸ `Const` **InputGroup**<`TValue`\>(`__namedParameters`, `ref`): `Element`
+▸ **InputGroup**<`TValue`\>(`«destructured»`, `ref`): `Element`
 
 Generic controlled `<input/>` wrapped by a `<Group/>`
 
@@ -4239,7 +4380,7 @@ Generic controlled `<input/>` wrapped by a `<Group/>`
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`InputGroupProps`](#interfacesinputgrouppropsmd)<`TValue`\> |
+| `«destructured»` | [`InputGroupProps`](#interfacesinputgrouppropsmd)<`TValue`\> |
 | `ref` | `LegacyRef`<`HTMLInputElement`\> |
 
 #### Returns
@@ -4248,7 +4389,30 @@ Generic controlled `<input/>` wrapped by a `<Group/>`
 
 #### Defined in
 
-packages/envoc-form/src/Input/InputGroup.tsx:70
+packages/envoc-form/src/Input/InputGroup.tsx:23
+
+___
+
+### MoneyInputGroup
+
+▸ **MoneyInputGroup**(`props`, `context?`): `ReactNode`
+
+Input group for inputting money.
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `props` | [`MoneyInputGroupProps`](#interfacesmoneyinputgrouppropsmd) |
+| `context?` | `any` |
+
+#### Returns
+
+`ReactNode`
+
+#### Defined in
+
+common/temp/node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/index.d.ts:556
 
 ___
 
@@ -4298,7 +4462,7 @@ ___
 
 ### SelectGroup
 
-▸ **SelectGroup**<`TValue`\>(`__namedParameters`): `Element`
+▸ **SelectGroup**<`TValue`\>(`«destructured»`): `Element`
 
 Generic select dropdown. Uses [react-select](https://react-select.com/home).
 
@@ -4312,7 +4476,7 @@ Generic select dropdown. Uses [react-select](https://react-select.com/home).
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`SelectGroupProps`](#interfacesselectgrouppropsmd)<`TValue`\> |
+| `«destructured»` | [`SelectGroupProps`](#interfacesselectgrouppropsmd)<`TValue`\> |
 
 #### Returns
 
@@ -4379,7 +4543,7 @@ The stand alone version of `<Field/>`. Can use a type of input component outside
 | Name | Type |
 | :------ | :------ |
 | `TValue` | `TValue` |
-| `TComponent` | extends `ElementType`<`any`\> |
+| `TComponent` | extends `ElementType` |
 
 #### Parameters
 
@@ -4399,7 +4563,7 @@ ___
 
 ### StandardFormActions
 
-▸ **StandardFormActions**(`__namedParameters`): `Element`
+▸ **StandardFormActions**(`«destructured»`): `Element`
 
 Standard submit and cancel buttons.
 
@@ -4407,7 +4571,7 @@ Standard submit and cancel buttons.
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`StandardFormActionsProps`](#interfacesstandardformactionspropsmd) |
+| `«destructured»` | [`StandardFormActionsProps`](#interfacesstandardformactionspropsmd) |
 
 #### Returns
 
@@ -4467,6 +4631,29 @@ packages/envoc-form/src/DatePicker/StringDatePickerGroup.tsx:12
 
 ___
 
+### SubmitFormButton
+
+▸ **SubmitFormButton**(`props`, `context?`): `ReactNode`
+
+Generic submit button for forms.
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `props` | [`SubmitFormButtonProps`](#interfacessubmitformbuttonpropsmd) |
+| `context?` | `any` |
+
+#### Returns
+
+`ReactNode`
+
+#### Defined in
+
+common/temp/node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/index.d.ts:556
+
+___
+
 ### convertToTimeZoneInsensitiveISOString
 
 ▸ **convertToTimeZoneInsensitiveISOString**(`date`): `string`
@@ -4489,7 +4676,7 @@ ___
 
 ### isArray
 
-▸ `Const` **isArray**(`value`): `boolean`
+▸ **isArray**(`value`): `boolean`
 
 #### Parameters
 
@@ -4509,7 +4696,7 @@ ___
 
 ### isBlob
 
-▸ `Const` **isBlob**(`value`): `any`
+▸ **isBlob**(`value`): `any`
 
 #### Parameters
 
@@ -4529,7 +4716,7 @@ ___
 
 ### isBoolean
 
-▸ `Const` **isBoolean**(`value`): `boolean`
+▸ **isBoolean**(`value`): `boolean`
 
 #### Parameters
 
@@ -4549,7 +4736,7 @@ ___
 
 ### isDate
 
-▸ `Const` **isDate**(`value`): `boolean`
+▸ **isDate**(`value`): `boolean`
 
 #### Parameters
 
@@ -4569,7 +4756,7 @@ ___
 
 ### isFile
 
-▸ `Const` **isFile**(`value`): `any`
+▸ **isFile**(`value`): `any`
 
 #### Parameters
 
@@ -4589,7 +4776,7 @@ ___
 
 ### isNull
 
-▸ `Const` **isNull**(`value`): `boolean`
+▸ **isNull**(`value`): `boolean`
 
 #### Parameters
 
@@ -4609,7 +4796,7 @@ ___
 
 ### isObject
 
-▸ `Const` **isObject**(`value`): `boolean`
+▸ **isObject**(`value`): `boolean`
 
 #### Parameters
 
@@ -4629,7 +4816,7 @@ ___
 
 ### isUndefined
 
-▸ `Const` **isUndefined**(`value`): `boolean`
+▸ **isUndefined**(`value`): `boolean`
 
 #### Parameters
 
@@ -4669,7 +4856,7 @@ ___
 
 ### serialize
 
-▸ `Const` **serialize**(`obj`, `cfg`, `fd?`, `pre?`): `FormData`
+▸ **serialize**(`obj`, `cfg`, `fd?`, `pre?`): `FormData`
 
 #### Parameters
 
@@ -4692,7 +4879,7 @@ ___
 
 ### useStandardField
 
-▸ **useStandardField**<`TValue`\>(`__namedParameters`): [`CustomFieldInputProps`<`TValue`\>, `CustomFieldMetaProps`<`TValue`\>]
+▸ **useStandardField**<`TValue`\>(`«destructured»`): [`CustomFieldInputProps`<`TValue`\>, `CustomFieldMetaProps`<`TValue`\>]
 
 Provides a consistent way to deal with all form fields (non array).
 
@@ -4706,7 +4893,7 @@ Provides a consistent way to deal with all form fields (non array).
 
 | Name | Type |
 | :------ | :------ |
-| `__namedParameters` | [`useStandardFieldProps`](#interfacesusestandardfieldpropsmd)<`TValue`\> |
+| `«destructured»` | [`useStandardFieldProps`](#interfacesusestandardfieldpropsmd)<`TValue`\> |
 
 #### Returns
 
@@ -4745,6 +4932,10 @@ packages/envoc-form/src/Field/useStandardField.ts:24
 
 `Element`
 
+##### Defined in
+
+packages/envoc-form/src/Form/Form.tsx:214
+
 
 <a name="modulesnormalizersmd"></a>
 
@@ -4763,7 +4954,7 @@ packages/envoc-form/src/Field/useStandardField.ts:24
 
 #### phoneNumber
 
-▸ `Const` **phoneNumber**(`value`): `undefined` \| `string`
+▸ **phoneNumber**(`value`): `undefined` \| `string`
 
 Normalizer for converting a string into a valid phone number.
 
@@ -4785,7 +4976,7 @@ ___
 
 #### zipCode
 
-▸ `Const` **zipCode**(`value`): `undefined` \| `string`
+▸ **zipCode**(`value`): `undefined` \| `string`
 
 Normalizer for converting a string into a valid zip code. Allows for XXXXX and XXXXX-XXXX format.
 
@@ -4829,7 +5020,7 @@ packages/envoc-form/src/Normalization/normalizers.ts:35
 
 #### any
 
-▸ `Const` **any**<`TValue`\>(`validatorList`): (`value`: `TValue`) => `undefined` \| `string`
+▸ **any**<`TValue`\>(`validatorList`): (`value`: `TValue`) => `undefined` \| `string`
 
 One of the validators provided must be true.
 
@@ -4863,13 +5054,13 @@ One of the validators provided must be true.
 
 ##### Defined in
 
-packages/envoc-form/src/Validation/validators.ts:65
+packages/envoc-form/src/Validation/validators.ts:66
 
 ___
 
 #### integer
 
-▸ `Const` **integer**(`val`): `undefined` \| ``"Must be a whole number"``
+▸ **integer**(`val`): `undefined` \| ``"Must be a whole number"``
 
 ##### Parameters
 
@@ -4889,7 +5080,7 @@ ___
 
 #### length
 
-▸ `Const` **length**(`len`): (`value`: `undefined` \| ``null`` \| `string` \| `number`) => `undefined` \| `string`
+▸ **length**(`len`): (`value`: `undefined` \| ``null`` \| `string` \| `number`) => `undefined` \| `string`
 
 Asserts that the value is a certain number of characters. numbers are coerced to a string
 
@@ -4917,13 +5108,13 @@ Asserts that the value is a certain number of characters. numbers are coerced to
 
 ##### Defined in
 
-packages/envoc-form/src/Validation/validators.ts:13
+packages/envoc-form/src/Validation/validators.ts:14
 
 ___
 
 #### maxCount
 
-▸ `Const` **maxCount**(`count`): (`value`: `undefined` \| ``null`` \| { `isDeleted?`: `boolean`  }[]) => `undefined` \| `string`
+▸ **maxCount**(`count`): (`value`: `undefined` \| ``null`` \| { `isDeleted?`: `boolean`  }[]) => `undefined` \| `string`
 
 ##### Parameters
 
@@ -4949,13 +5140,13 @@ ___
 
 ##### Defined in
 
-packages/envoc-form/src/Validation/validators.ts:34
+packages/envoc-form/src/Validation/validators.ts:35
 
 ___
 
 #### maxLength
 
-▸ `Const` **maxLength**(`len`): (`value`: `undefined` \| ``null`` \| `string` \| `number`) => `undefined` \| `string`
+▸ **maxLength**(`len`): (`value`: `undefined` \| ``null`` \| `string` \| `number`) => `undefined` \| `string`
 
 ##### Parameters
 
@@ -4981,13 +5172,13 @@ ___
 
 ##### Defined in
 
-packages/envoc-form/src/Validation/validators.ts:28
+packages/envoc-form/src/Validation/validators.ts:29
 
 ___
 
 #### maxValue
 
-▸ `Const` **maxValue**(`max`): (`value`: `undefined` \| ``null`` \| `number`) => `undefined` \| `string`
+▸ **maxValue**(`max`): (`value`: `undefined` \| ``null`` \| `number`) => `undefined` \| `string`
 
 ##### Parameters
 
@@ -5019,7 +5210,7 @@ ___
 
 #### minCount
 
-▸ `Const` **minCount**(`count`): (`value`: `undefined` \| ``null`` \| { `isDeleted?`: `boolean`  }[]) => `undefined` \| `string`
+▸ **minCount**(`count`): (`value`: `undefined` \| ``null`` \| { `isDeleted?`: `boolean`  }[]) => `undefined` \| `string`
 
 ##### Parameters
 
@@ -5045,13 +5236,13 @@ ___
 
 ##### Defined in
 
-packages/envoc-form/src/Validation/validators.ts:41
+packages/envoc-form/src/Validation/validators.ts:42
 
 ___
 
 #### minValue
 
-▸ `Const` **minValue**(`min`): (`value`: `undefined` \| ``null`` \| `number`) => `undefined` \| `string`
+▸ **minValue**(`min`): (`value`: `undefined` \| ``null`` \| `number`) => `undefined` \| `string`
 
 ##### Parameters
 
@@ -5083,7 +5274,7 @@ ___
 
 #### required
 
-▸ `Const` **required**(`value`): `undefined` \| ``"Required"``
+▸ **required**(`value`): `undefined` \| ``"Required"``
 
 ##### Parameters
 
@@ -5103,7 +5294,7 @@ ___
 
 #### zipCode
 
-▸ `Const` **zipCode**(`value`): `undefined` \| ``"Invalid ZIP Code"``
+▸ **zipCode**(`value`): `undefined` \| ``"Invalid ZIP Code"``
 
 Validate for a ZIP Code. Accepts formats: ##### and #####-####