envoc-form 4.1.0 → 5.0.1

package/es/DatePicker/DatePickerGroup.js

@@ -1,87 +1,87 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import DatePicker from 'react-date-picker/dist/entry.nostyle';
-import classnames from 'classnames';
-import parseISO from 'date-fns/parseISO';
-import { FormDefaults } from '../FormDefaults';
-import Group from '../Group';
-/**
- * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
- *
- * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
- */
-export default function DatePickerGroup(_a) {
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, convert = _a.convert, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "convert"]);
-    var _b = useState(null), displayDate = _b[0], setDisplayDate = _b[1];
-    useEffect(function () {
-        if (!input.value) {
-            setDisplayDate(null);
-        }
-        else if (typeof input.value === 'string') {
-            if (input.value.indexOf('T') === -1) {
-                setDisplayDate(new Date("".concat(input.value, "T00:00:00.000")));
-            }
-            else {
-                setDisplayDate(new Date(input.value));
-            }
-        }
-    }, [setDisplayDate, input.value]);
-    return (_jsx(Group, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: classnames(className, FormDefaults.cssClassPrefix + 'date-picker'), required: required, disabled: disabled }, { children: _jsx(DatePicker, __assign({}, rest, { className: classnames(FormDefaults.cssClassPrefix + 'date-picker', className), value: displayDate, onChange: handleChange })) })));
-    function handleChange(e) {
-        var onChange = input.onChange;
-        if (onChange === null) {
-            return;
-        }
-        if (!e) {
-            onChange(undefined);
-            setDisplayDate(null);
-            return;
-        }
-        else if (typeof e === 'string') {
-            var parsedValue = parseISO(e.toString().split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-        else if (e instanceof Date) {
-            var parsedValue = parseISO(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-        else {
-            // e is instanceof Date[]
-            var parsedValue = parseISO(convertToTimeZoneInsensitiveISOString(e[0]).split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-    }
-}
-export function convertToTimeZoneInsensitiveISOString(date) {
-    var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
-        .format(date)
-        .padStart(4, '0');
-    var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date);
-    var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
-    return "".concat(year, "-").concat(month, "-").concat(day, "T00:00:00.000Z");
-}
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import DatePicker from 'react-date-picker/dist/entry.nostyle';
+import classnames from 'classnames';
+import parseISO from 'date-fns/parseISO';
+import { FormDefaults } from '../FormDefaults';
+import Group from '../Group';
+/**
+ * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
+ *
+ * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
+ */
+export default function DatePickerGroup(_a) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, convert = _a.convert, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "convert"]);
+    var _b = useState(null), displayDate = _b[0], setDisplayDate = _b[1];
+    useEffect(function () {
+        if (!input.value) {
+            setDisplayDate(null);
+        }
+        else if (typeof input.value === 'string') {
+            if (input.value.indexOf('T') === -1) {
+                setDisplayDate(new Date("".concat(input.value, "T00:00:00.000")));
+            }
+            else {
+                setDisplayDate(new Date(input.value));
+            }
+        }
+    }, [setDisplayDate, input.value]);
+    return (_jsx(Group, { input: input, meta: meta, label: label, helpText: helpText, className: classnames(className, FormDefaults.cssClassPrefix + 'date-picker'), required: required, disabled: disabled, children: _jsx(DatePicker, __assign({}, rest, { className: classnames(FormDefaults.cssClassPrefix + 'date-picker', className), value: displayDate, onChange: handleChange })) }));
+    function handleChange(e) {
+        var onChange = input.onChange;
+        if (onChange === null) {
+            return;
+        }
+        if (!e) {
+            onChange(undefined);
+            setDisplayDate(null);
+            return;
+        }
+        else if (typeof e === 'string') {
+            var parsedValue = parseISO(e.toString().split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+        else if (e instanceof Date) {
+            var parsedValue = parseISO(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+        else {
+            // e is instanceof Date[]
+            var parsedValue = parseISO(convertToTimeZoneInsensitiveISOString(e[0]).split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+    }
+}
+export function convertToTimeZoneInsensitiveISOString(date) {
+    var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
+        .format(date)
+        .padStart(4, '0');
+    var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date);
+    var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
+    return "".concat(year, "-").concat(month, "-").concat(day, "T00:00:00.000Z");
+}

package/es/DatePicker/DatePickerHelper.d.ts

@@ -1,3 +1,3 @@
-import { DatePickerGroupProps } from './DatePickerGroup';
-export interface DatePickerHelper<T> extends Omit<DatePickerGroupProps<T>, 'convert'> {
-}
+import { DatePickerGroupProps } from './DatePickerGroup';
+export interface DatePickerHelper<T> extends Omit<DatePickerGroupProps<T>, 'convert'> {
+}

package/es/DatePicker/DatePickerHelper.js

@@ -1 +1 @@
-export {};
+export {};

package/es/DatePicker/StringDateOnlyPickerGroup.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { DatePickerHelper } from './DatePickerHelper';
-export interface StringDateOnlyPickerGroupProps extends DatePickerHelper<string | undefined | null> {
-}
-/**
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
- *
- * Default display to the user is in `MM/DD/YYYY` format.
- */
-export default function StringDatePickerGroup(props: StringDateOnlyPickerGroupProps): JSX.Element;
+import { DatePickerHelper } from './DatePickerHelper';
+export interface StringDateOnlyPickerGroupProps extends DatePickerHelper<string | undefined | null> {
+}
+/**
+ * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
+ *
+ * Default display to the user is in `MM/DD/YYYY` format.
+ */
+export default function StringDatePickerGroup(props: StringDateOnlyPickerGroupProps): import("react/jsx-runtime").JSX.Element;

package/es/DatePicker/StringDateOnlyPickerGroup.js

@@ -1,29 +1,29 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import DatePickerGroup from './DatePickerGroup';
-/**
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
- *
- * Default display to the user is in `MM/DD/YYYY` format.
- */
-export default function StringDatePickerGroup(props) {
-    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
-}
-function convertToDateOnly(arg) {
-    var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
-        .format(arg)
-        .padStart(4, '0');
-    var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(arg);
-    var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(arg);
-    return "".concat(year, "-").concat(month, "-").concat(day);
-}
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import DatePickerGroup from './DatePickerGroup';
+/**
+ * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
+ *
+ * Default display to the user is in `MM/DD/YYYY` format.
+ */
+export default function StringDatePickerGroup(props) {
+    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
+}
+function convertToDateOnly(arg) {
+    var year = new Intl.DateTimeFormat('en', { year: 'numeric' })
+        .format(arg)
+        .padStart(4, '0');
+    var month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(arg);
+    var day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(arg);
+    return "".concat(year, "-").concat(month, "-").concat(day);
+}

package/es/DatePicker/StringDatePickerGroup.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { DatePickerHelper } from './DatePickerHelper';
-export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined | null> {
-}
-/**
- * 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/>`.
- */
-export default function StringDatePickerGroup(props: StringDatePickerGroupProps): JSX.Element;
+import { DatePickerHelper } from './DatePickerHelper';
+export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined | null> {
+}
+/**
+ * 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/>`.
+ */
+export default function StringDatePickerGroup(props: StringDatePickerGroupProps): import("react/jsx-runtime").JSX.Element;

package/es/DatePicker/StringDatePickerGroup.js

@@ -1,24 +1,24 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import DatePickerGroup from './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/>`.
- */
-export default function StringDatePickerGroup(props) {
-    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
-}
-function convertToDateOnly(arg) {
-    return arg.toISOString();
-}
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import DatePickerGroup from './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/>`.
+ */
+export default function StringDatePickerGroup(props) {
+    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
+}
+function convertToDateOnly(arg) {
+    return arg.toISOString();
+}

package/es/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/es/Field/CustomFieldInputProps.js

@@ -1 +1 @@
-export {};
+export {};

package/es/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/es/Field/CustomFieldMetaProps.js

@@ -1 +1 @@
-export {};
+export {};

package/es/Field/Field.d.ts

@@ -1,28 +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 | null>> ? TRenderComponent : never;
-export declare 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 declare 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>): 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/es/Field/Field.js

@@ -1,51 +1,51 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { FieldNameContext } from './FieldNameContext';
-import useStandardFormInput from './useStandardField';
-import { required as requiredValidator } from '../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 = useStandardFormInput({
-        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 === requiredValidator ||
-            (Array.isArray(validate) && validate.includes(requiredValidator));
-    // a bit of a hack so JSX is happy with us
-    var Wrapped = Component;
-    return (_jsx(FieldNameContext.Provider, __assign({ value: input.name }, { children: _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.forwardRef(Field);
-export default FieldWithRef;
+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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { FieldNameContext } from './FieldNameContext';
+import useStandardFormInput from './useStandardField';
+import { required as requiredValidator } from '../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 = useStandardFormInput({
+        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 === requiredValidator ||
+            (Array.isArray(validate) && validate.includes(requiredValidator));
+    // a bit of a hack so JSX is happy with us
+    var Wrapped = Component;
+    return (_jsx(FieldNameContext.Provider, { value: input.name, children: _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.forwardRef(Field);
+export default FieldWithRef;

package/es/Field/FieldErrorScrollTarget.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
-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/es/Field/FieldErrorScrollTarget.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { FieldNameContext } from './FieldNameContext';
-/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
-export default function FieldErrorScrollTarget() {
-    var name = useContext(FieldNameContext);
-    if (!name) {
-        return null;
-    }
-    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
-    return _jsx("div", { id: divId, style: { display: 'none' } });
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { FieldNameContext } from './FieldNameContext';
+/** Hidden `<div/>` that acts as an anchor to scroll to when a form error occurs. */
+export default function FieldErrorScrollTarget() {
+    var name = useContext(FieldNameContext);
+    if (!name) {
+        return null;
+    }
+    var divId = "".concat(name.toLowerCase(), "-error-scroll-target");
+    return _jsx("div", { id: divId, style: { display: 'none' } });
+}

package/es/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/es/Field/FieldNameContext.js

@@ -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 var FieldNameContext = React.createContext(undefined);
+import React from 'react';
+/** provides the full, qualified name of the current field name - including nested fields, path/dot delimited */
+export var FieldNameContext = React.createContext(undefined);

package/es/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 {};