envoc-form 5.0.2 → 5.0.4-0

package/lib/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -1,66 +0,0 @@
-"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_router_dom_1 = require("react-router-dom");
-var react_toastify_1 = require("react-toastify");
-var ConfirmBaseForm_1 = __importDefault(require("../ConfirmBaseForm/ConfirmBaseForm"));
-var FormDefaults_1 = require("../FormDefaults");
-/**
- * Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
- *
- * Wraps `<ConfirmBaseForm/>`.
- */
-function ConfirmDeleteForm(_a) {
-    var successUrl = _a.successUrl, form = _a.form, title = _a.title, handleComplete = _a.handleComplete, handleError = _a.handleError, children = _a.children, props = __rest(_a, ["successUrl", "form", "title", "handleComplete", "handleError", "children"]);
-    var navigate = (0, react_router_dom_1.useNavigate)();
-    var entityId = (0, react_router_dom_1.useParams)().entityId;
-    var onComplete = handleComplete !== null && handleComplete !== void 0 ? handleComplete : function () {
-        react_toastify_1.toast.success('Deleted!');
-        goBack();
-    };
-    var onError = handleError !== null && handleError !== void 0 ? handleError : function (error) {
-        var _a, _b, _c, _d;
-        react_toastify_1.toast.error((_d = (_c = (_b = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.validationFailures[0]) === null || _c === void 0 ? void 0 : _c.errorMessage) !== null && _d !== void 0 ? _d : 'Something went wrong talking to the portal. Contact support if this continues.');
-    };
-    var request = {
-        method: 'delete',
-        url: "/api/".concat(form, "/").concat(entityId),
-        onComplete: onComplete,
-        onError: onError,
-    };
-    return ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
-    function goBack() {
-        if (successUrl) {
-            navigate(successUrl);
-        }
-        else {
-            navigate(-1);
-        }
-    }
-}
-exports.default = ConfirmDeleteForm;

package/lib/DatePicker/DatePickerGroup.d.ts

@@ -1,13 +0,0 @@
-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 +0,0 @@
-"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 +0,0 @@
-import { DatePickerGroupProps } from './DatePickerGroup';
-export interface DatePickerHelper<T> extends Omit<DatePickerGroupProps<T>, 'convert'> {
-}

package/lib/DatePicker/DatePickerHelper.js

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

package/lib/DatePicker/StringDateOnlyPickerGroup.d.ts

@@ -1,9 +0,0 @@
-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 +0,0 @@
-"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,9 +0,0 @@
-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 +0,0 @@
-"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 +0,0 @@
-export interface CustomFieldInputProps<TValue> {
-    id: string;
-    name: string;
-    value: TValue;
-    onChange: (newValue: TValue) => void;
-    onBlur: () => void;
-}

package/lib/Field/CustomFieldInputProps.js

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

package/lib/Field/CustomFieldMetaProps.d.ts

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

package/lib/Field/CustomFieldMetaProps.js

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

package/lib/Field/Field.d.ts

@@ -1,28 +0,0 @@
-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 +0,0 @@
-"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 +0,0 @@
-/** 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,15 +0,0 @@
-"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 +0,0 @@
-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 +0,0 @@
-"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 +0,0 @@
-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,12 +0,0 @@
-"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 +0,0 @@
-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 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Field/StandAloneInput.d.ts

@@ -1,13 +0,0 @@
-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,76 +0,0 @@
-"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,21 +0,0 @@
-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>
-];