envoc-form 4.0.1-9 → 5.0.1

package/lib/DatePicker/StringDatePickerGroup.js

@@ -1,25 +1,30 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var DatePickerGroup_1 = __importDefault(require("./DatePickerGroup"));
-function StringDatePickerGroup(props) {
-    return (0, jsx_runtime_1.jsx)(DatePickerGroup_1.default, __assign({}, props, { convert: convertToDateOnly }));
-}
-exports.default = StringDatePickerGroup;
-function convertToDateOnly(arg) {
-    return arg.toISOString();
-}
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DatePickerGroup_1 = __importDefault(require("./DatePickerGroup"));
+/**
+ * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DDTHH:mm:ss.sssZ` or `±YYYYYY-MM-DDTHH:mm:ss.sssZ`
+ *
+ * If you need `YYYY-MM-DD` format use `<StringDateOnlyPickerGroup/>`.
+ */
+function StringDatePickerGroup(props) {
+    return (0, jsx_runtime_1.jsx)(DatePickerGroup_1.default, __assign({}, props, { convert: convertToDateOnly }));
+}
+exports.default = StringDatePickerGroup;
+function convertToDateOnly(arg) {
+    return arg.toISOString();
+}

package/lib/Field/CustomFieldInputProps.d.ts

@@ -1,7 +1,7 @@
-export interface CustomFieldInputProps<TValue> {
-    id: string;
-    name: string;
-    value: TValue;
-    onChange: (newValue: TValue) => void;
-    onBlur: () => void;
-}
+export interface CustomFieldInputProps<TValue> {
+    id: string;
+    name: string;
+    value: TValue;
+    onChange: (newValue: TValue) => void;
+    onBlur: () => void;
+}

package/lib/Field/CustomFieldInputProps.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/CustomFieldMetaProps.d.ts

@@ -1,4 +1,4 @@
-import { FieldMetaProps } from 'formik';
-export interface CustomFieldMetaProps<TValue> extends FieldMetaProps<TValue> {
-    warning: string | undefined;
-}
+import { FieldMetaProps } from 'formik';
+export interface CustomFieldMetaProps<TValue> extends FieldMetaProps<TValue> {
+    warning: string | undefined;
+}

package/lib/Field/CustomFieldMetaProps.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/Field.d.ts

@@ -1,22 +1,28 @@
-import { ComponentProps, ElementType, LegacyRef } from 'react';
-import { InjectedFieldProps } from './InjectedFieldProps';
-import { NormalizationFunction } from '../Normalization/NormalizationFunction';
-import { ValidationFunction } from '../Validation/ValidationFunction';
-export declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined>> ? TRenderComponent : never;
-export declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined>> ? ComponentProps<TRenderComponent> : never;
-/** A specific Field instance to be rendered by the given TRenderComponent or by whatever default is reasonable */
-export declare type FieldProps<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType> = {
-    name: TProp;
-    Component: RenderComponent<TForm[TProp], TRenderComponent>;
-    id?: string;
-    disabled?: boolean;
-    validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
-    normalize?: NormalizationFunction<TForm[TProp]>;
-} & Omit<RenderComponentProps<TForm[TProp], TRenderComponent>, keyof InjectedFieldProps<TForm[TProp]>>;
-/**
- * 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])
- */
-declare function Field<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType>({ name, Component, id, normalize, validate, disabled, ...rest }: FieldProps<TForm, TProp, TRenderComponent>, ref: LegacyRef<any>): JSX.Element;
-declare const _default: typeof Field;
-export default _default;
+import { ComponentProps, ElementType, LegacyRef } from 'react';
+import { InjectedFieldProps } from './InjectedFieldProps';
+import { NormalizationFunction } from '../Normalization/NormalizationFunction';
+import { ValidationFunction } from '../Validation/ValidationFunction';
+export type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? TRenderComponent : never;
+export type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue | undefined | null>> ? ComponentProps<TRenderComponent> : never;
+/** A specific Field instance to be rendered by the given TRenderComponent or by whatever default is reasonable */
+export type FieldProps<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType> = {
+    /** Name of the field. Used on submission. */
+    name: TProp;
+    /** Component to be rendered. Usually this is a type of input group e.g. `<StringInputGroup/>` */
+    Component: RenderComponent<TForm[TProp], TRenderComponent>;
+    /** Id of the field. */
+    id?: string;
+    /** Whether the field should be disabled. */
+    disabled?: boolean;
+    /** Client side validation functions */
+    validate?: ValidationFunction<TForm[TProp]> | ValidationFunction<TForm[TProp]>[];
+    /** Function to modify the field value without making the form dirty. (e.g. phone number) */
+    normalize?: NormalizationFunction<TForm[TProp]>;
+} & Omit<RenderComponentProps<TForm[TProp], TRenderComponent>, keyof InjectedFieldProps<TForm[TProp]>>;
+/**
+ * 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])
+ */
+declare function Field<TForm extends object, TProp extends keyof TForm, TRenderComponent extends ElementType>({ name, Component, id, disabled, validate, normalize, ...rest }: FieldProps<TForm, TProp, TRenderComponent>, ref: LegacyRef<any>): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof Field;
+export default _default;

package/lib/Field/Field.js

@@ -1,51 +1,56 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var FieldNameContext_1 = require("./FieldNameContext");
-var useStandardField_1 = __importDefault(require("./useStandardField"));
-/**
- * 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])
- */
-function Field(_a, ref) {
-    var name = _a.name, Component = _a.Component, id = _a.id, normalize = _a.normalize, validate = _a.validate, disabled = _a.disabled, rest = __rest(_a, ["name", "Component", "id", "normalize", "validate", "disabled"]);
-    var _b = (0, useStandardField_1.default)({
-        name: String(name),
-        id: id,
-        normalize: normalize,
-        validate: validate,
-        disabled: disabled,
-    }), input = _b[0], meta = _b[1];
-    // a bit of a hack so JSX is happy with us
-    var Wrapped = Component;
-    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, __assign({ value: input.name }, { children: (0, jsx_runtime_1.jsx)(Wrapped, __assign({}, rest, { ref: ref, id: input.id, input: input, meta: meta, disabled: disabled })) })));
-}
-// hack to get forwarded refs to work
-var FieldWithRef = react_1.default.forwardRef(Field);
-exports.default = FieldWithRef;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var FieldNameContext_1 = require("./FieldNameContext");
+var useStandardField_1 = __importDefault(require("./useStandardField"));
+var validators_1 = require("../Validation/validators");
+/**
+ * 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])
+ */
+function Field(_a, ref) {
+    var name = _a.name, Component = _a.Component, id = _a.id, disabled = _a.disabled, validate = _a.validate, normalize = _a.normalize, rest = __rest(_a, ["name", "Component", "id", "disabled", "validate", "normalize"]);
+    var _b = (0, useStandardField_1.default)({
+        name: String(name),
+        id: id,
+        disabled: disabled,
+        validate: validate,
+        normalize: normalize,
+    }), input = _b[0], meta = _b[1];
+    var isRequired = (rest === null || rest === void 0 ? void 0 : rest.required) !== undefined
+        ? rest.required
+        : validate === validators_1.required ||
+            (Array.isArray(validate) && validate.includes(validators_1.required));
+    // a bit of a hack so JSX is happy with us
+    var Wrapped = Component;
+    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, { value: input.name, children: (0, jsx_runtime_1.jsx)(Wrapped, __assign({}, rest, { ref: ref, id: input.id, input: input, meta: meta, required: isRequired, disabled: disabled })) }));
+}
+// hack to get forwarded refs to work
+var FieldWithRef = react_1.default.forwardRef(Field);
+exports.default = FieldWithRef;

package/lib/Field/FieldErrorScrollTarget.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function FieldErrorScrollTarget(): JSX.Element | null;
+/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
+export default function FieldErrorScrollTarget(): import("react/jsx-runtime").JSX.Element | null;

package/lib/Field/FieldErrorScrollTarget.js

@@ -1,14 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var FieldNameContext_1 = require("./FieldNameContext");
-function FieldErrorScrollTarget() {
-    var name = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
-    if (!name) {
-        return null;
-    }
-    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
-    return (0, jsx_runtime_1.jsx)("div", { id: divId, style: { display: 'none' } });
-}
-exports.default = FieldErrorScrollTarget;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var FieldNameContext_1 = require("./FieldNameContext");
+/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
+function FieldErrorScrollTarget() {
+    var name = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
+    if (!name) {
+        return null;
+    }
+    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
+    return (0, jsx_runtime_1.jsx)("div", { id: divId, style: { display: 'none' } });
+}
+exports.default = FieldErrorScrollTarget;

package/lib/Field/FieldNameContext.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
-export declare const FieldNameContext: React.Context<string | undefined>;
+import React from 'react';
+/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
+export declare const FieldNameContext: React.Context<string | undefined>;

package/lib/Field/FieldNameContext.js

@@ -1,9 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldNameContext = void 0;
-var react_1 = __importDefault(require("react"));
-/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
-exports.FieldNameContext = react_1.default.createContext(undefined);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldNameContext = void 0;
+var react_1 = __importDefault(require("react"));
+/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
+exports.FieldNameContext = react_1.default.createContext(undefined);

package/lib/Field/FieldSection.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface FieldSectionProps {
-    children: React.ReactNode;
-    name: string;
-}
-export default function FieldSection({ children, name }: FieldSectionProps): JSX.Element;
-export {};
+import React from 'react';
+interface FieldSectionProps {
+    children: React.ReactNode;
+    name: string;
+}
+export default function FieldSection({ children, name }: FieldSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Field/FieldSection.js

@@ -1,23 +1,12 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var FieldNameContext_1 = require("./FieldNameContext");
-function FieldSection(_a) {
-    var children = _a.children, name = _a.name;
-    var parentContext = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
-    var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
-    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, __assign({ value: effectiveValue }, { children: children })));
-}
-exports.default = FieldSection;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var FieldNameContext_1 = require("./FieldNameContext");
+function FieldSection(_a) {
+    var children = _a.children, name = _a.name;
+    var parentContext = (0, react_1.useContext)(FieldNameContext_1.FieldNameContext);
+    var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
+    return ((0, jsx_runtime_1.jsx)(FieldNameContext_1.FieldNameContext.Provider, { value: effectiveValue, children: children }));
+}
+exports.default = FieldSection;

package/lib/Field/InjectedFieldProps.d.ts

@@ -1,7 +1,7 @@
-import { CustomFieldInputProps } from './CustomFieldInputProps';
-import { CustomFieldMetaProps } from './CustomFieldMetaProps';
-/** Defines what is injected by a Field wrapper of some TRenderComponent */
-export interface InjectedFieldProps<TValue> {
-    input: CustomFieldInputProps<TValue>;
-    meta: CustomFieldMetaProps<TValue>;
-}
+import { CustomFieldInputProps } from './CustomFieldInputProps';
+import { CustomFieldMetaProps } from './CustomFieldMetaProps';
+/** Defines what is injected by a Field wrapper of some TRenderComponent */
+export interface InjectedFieldProps<TValue> {
+    input: CustomFieldInputProps<TValue>;
+    meta: CustomFieldMetaProps<TValue>;
+}

package/lib/Field/InjectedFieldProps.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/StandAloneInput.d.ts

@@ -1,9 +1,13 @@
-import { ElementType } from 'react';
-import { RenderComponent, RenderComponentProps } from './Field';
-import { InjectedFieldProps } from './InjectedFieldProps';
-export declare type StandAloneInputProps<TValue, TRenderComponent extends ElementType> = {
-    Component: RenderComponent<TValue, TRenderComponent>;
-    value: TValue;
-    onChange: (arg: TValue) => void;
-} & Omit<RenderComponentProps<TValue, TRenderComponent>, keyof InjectedFieldProps<TValue> | 'value' | 'onChange' | 'normalize' | 'validate'>;
-export default function StandAloneInput<TValue, TComponent extends ElementType>(props: StandAloneInputProps<TValue, TComponent>): JSX.Element;
+import { ElementType } from 'react';
+import { RenderComponent, RenderComponentProps } from './Field';
+import { InjectedFieldProps } from './InjectedFieldProps';
+export type StandAloneInputProps<TValue, TRenderComponent extends ElementType> = {
+    /** Component to render inside of the field. */
+    Component: RenderComponent<TValue, TRenderComponent>;
+    /** Value of the field. */
+    value: TValue;
+    /** Function to change the value of the field. */
+    onChange: (arg: TValue) => void;
+} & Omit<RenderComponentProps<TValue, TRenderComponent>, keyof InjectedFieldProps<TValue> | 'value' | 'onChange' | 'normalize' | 'validate'>;
+/** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
+export default function StandAloneInput<TValue, TComponent extends ElementType>(props: StandAloneInputProps<TValue, TComponent>): import("react/jsx-runtime").JSX.Element;

package/lib/Field/StandAloneInput.js

@@ -1,75 +1,76 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var uuid = __importStar(require("uuid"));
-function StandAloneInput(props) {
-    var Component = props.Component, value = props.value, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["Component", "value", "onChange", "disabled"]);
-    var handleChange = function (arg) {
-        if (!disabled) {
-            onChange(arg);
-        }
-    };
-    var Wrapped = Component;
-    var idRef = (0, react_1.useRef)(uuid.v4());
-    var input = {
-        id: idRef.current,
-        name: idRef.current,
-        value: value,
-        onChange: handleChange,
-        onBlur: function () { },
-    };
-    var meta = {
-        warning: undefined,
-        value: value,
-        touched: false,
-        initialTouched: false,
-    };
-    return (0, jsx_runtime_1.jsx)(Wrapped, __assign({}, rest, { disabled: disabled, input: input, meta: meta }));
-}
-exports.default = StandAloneInput;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var uuid = __importStar(require("uuid"));
+/** The stand alone version of `<Field/>`. Can use a type of input component outside of a `<Form/>`. */
+function StandAloneInput(props) {
+    var Component = props.Component, value = props.value, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["Component", "value", "onChange", "disabled"]);
+    var handleChange = function (arg) {
+        if (!disabled) {
+            onChange(arg);
+        }
+    };
+    var Wrapped = Component;
+    var idRef = (0, react_1.useRef)(uuid.v4());
+    var input = {
+        id: idRef.current,
+        name: idRef.current,
+        value: value,
+        onChange: handleChange,
+        onBlur: function () { },
+    };
+    var meta = {
+        warning: undefined,
+        value: value,
+        touched: false,
+        initialTouched: false,
+    };
+    return (0, jsx_runtime_1.jsx)(Wrapped, __assign({}, rest, { disabled: disabled, input: input, meta: meta }));
+}
+exports.default = StandAloneInput;

package/lib/Field/useStandardField.d.ts

@@ -1,15 +1,21 @@
-import { CustomFieldInputProps } from './CustomFieldInputProps';
-import { CustomFieldMetaProps } from './CustomFieldMetaProps';
-import { NormalizationFunction } from '../Normalization/NormalizationFunction';
-import { ValidationFunction } from '../Validation/ValidationFunction';
-export interface useStandardFieldProps<TValue> {
-    id?: string;
-    name: string;
-    disabled?: boolean;
-    validate?: ValidationFunction<TValue> | ValidationFunction<TValue>[];
-    normalize?: NormalizationFunction<TValue>;
-}
-export default function useStandardField<TValue>({ id: providedId, name: providedName, disabled, validate, normalize, }: useStandardFieldProps<TValue>): [
-    CustomFieldInputProps<TValue>,
-    CustomFieldMetaProps<TValue>
-];
+import { CustomFieldInputProps } from './CustomFieldInputProps';
+import { CustomFieldMetaProps } from './CustomFieldMetaProps';
+import { NormalizationFunction } from '../Normalization/NormalizationFunction';
+import { ValidationFunction } from '../Validation/ValidationFunction';
+export interface useStandardFieldProps<TValue> {
+    /** Id of the field. */
+    id?: string;
+    /** Name of the field. */
+    name: string;
+    /** Whether the field should be disabled. */
+    disabled?: boolean;
+    /** Function to validate the field. */
+    validate?: ValidationFunction<TValue> | ValidationFunction<TValue>[];
+    /** Function to modify the field value without making the form dirty. (e.g. phone number) */
+    normalize?: NormalizationFunction<TValue>;
+}
+/** Provides a consistent way to deal with all form fields (non array). */
+export default function useStandardField<TValue>({ id: providedId, name: providedName, disabled, validate, normalize, }: useStandardFieldProps<TValue>): [
+    CustomFieldInputProps<TValue>,
+    CustomFieldMetaProps<TValue>
+];