envoc-form 4.1.0 → 5.0.2

package/lib/DatePicker/DatePickerGroup.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import { DatePickerProps } from 'react-date-picker/dist/entry.nostyle';
-import { InjectedFieldProps } from '../Field/InjectedFieldProps';
-import { GroupProps } from '../Group';
-export interface DatePickerGroupProps<T> extends InjectedFieldProps<T | undefined | null>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
-    convert: (arg: Date) => T;
-}
-/**
- * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
- *
- * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
- */
-export default function DatePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX.Element;
-export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;
+import { DatePickerProps } from 'react-date-picker/dist/entry.nostyle';
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface DatePickerGroupProps<T> extends InjectedFieldProps<T | undefined | null>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
+    convert: (arg: Date) => T;
+}
+/**
+ * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
+ *
+ * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
+ */
+export default function DatePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, ...rest }: DatePickerGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;

package/lib/DatePicker/DatePickerGroup.js

@@ -1,95 +1,95 @@
-"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 });
-exports.convertToTimeZoneInsensitiveISOString = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var entry_nostyle_1 = __importDefault(require("react-date-picker/dist/entry.nostyle"));
-var classnames_1 = __importDefault(require("classnames"));
-var parseISO_1 = __importDefault(require("date-fns/parseISO"));
-var FormDefaults_1 = require("../FormDefaults");
-var Group_1 = __importDefault(require("../Group"));
-/**
- * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
- *
- * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
- */
-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 = (0, react_1.useState)(null), displayDate = _b[0], setDisplayDate = _b[1];
-    (0, react_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 ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'date-picker'), required: required, disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(entry_nostyle_1.default, __assign({}, rest, { className: (0, classnames_1.default)(FormDefaults_1.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 = (0, parseISO_1.default)(e.toString().split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-        else if (e instanceof Date) {
-            var parsedValue = (0, parseISO_1.default)(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-        else {
-            // e is instanceof Date[]
-            var parsedValue = (0, parseISO_1.default)(convertToTimeZoneInsensitiveISOString(e[0]).split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-    }
-}
-exports.default = DatePickerGroup;
-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");
-}
-exports.convertToTimeZoneInsensitiveISOString = convertToTimeZoneInsensitiveISOString;
+"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 });
+exports.convertToTimeZoneInsensitiveISOString = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var entry_nostyle_1 = __importDefault(require("react-date-picker/dist/entry.nostyle"));
+var classnames_1 = __importDefault(require("classnames"));
+var parseISO_1 = __importDefault(require("date-fns/parseISO"));
+var FormDefaults_1 = require("../FormDefaults");
+var Group_1 = __importDefault(require("../Group"));
+/**
+ * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
+ *
+ * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
+ */
+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 = (0, react_1.useState)(null), displayDate = _b[0], setDisplayDate = _b[1];
+    (0, react_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 ((0, jsx_runtime_1.jsx)(Group_1.default, { input: input, meta: meta, label: label, helpText: helpText, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'date-picker'), required: required, disabled: disabled, children: (0, jsx_runtime_1.jsx)(entry_nostyle_1.default, __assign({}, rest, { className: (0, classnames_1.default)(FormDefaults_1.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 = (0, parseISO_1.default)(e.toString().split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+        else if (e instanceof Date) {
+            var parsedValue = (0, parseISO_1.default)(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+        else {
+            // e is instanceof Date[]
+            var parsedValue = (0, parseISO_1.default)(convertToTimeZoneInsensitiveISOString(e[0]).split('T')[0]);
+            setDisplayDate(parsedValue);
+            onChange(convert(parsedValue));
+        }
+    }
+}
+exports.default = DatePickerGroup;
+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");
+}
+exports.convertToTimeZoneInsensitiveISOString = convertToTimeZoneInsensitiveISOString;

package/lib/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/lib/DatePicker/DatePickerHelper.js

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

package/lib/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/lib/DatePicker/StringDateOnlyPickerGroup.js

@@ -1,35 +1,35 @@
-"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-DD`.
- *
- * Default display to the user is in `MM/DD/YYYY` format.
- */
-function StringDatePickerGroup(props) {
-    return (0, jsx_runtime_1.jsx)(DatePickerGroup_1.default, __assign({}, props, { convert: convertToDateOnly }));
-}
-exports.default = StringDatePickerGroup;
-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);
-}
+"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-DD`.
+ *
+ * Default display to the user is in `MM/DD/YYYY` format.
+ */
+function StringDatePickerGroup(props) {
+    return (0, jsx_runtime_1.jsx)(DatePickerGroup_1.default, __assign({}, props, { convert: convertToDateOnly }));
+}
+exports.default = StringDatePickerGroup;
+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/lib/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/lib/DatePicker/StringDatePickerGroup.js

@@ -1,30 +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"));
-/**
- * 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();
-}
+"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,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/lib/Field/Field.js

@@ -1,56 +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"));
-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, __assign({ 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;
+"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,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;