envoc-form 4.0.1-0 → 4.0.1-1

package/es/DatePicker/DateOnlyDatePickerGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DatePickerHelper } from './DatePickerHelper';
+export interface DateOnly {
+    year?: number;
+    month?: number;
+    day?: number;
+}
+export interface DateOnlyDatePickerGroupProps extends DatePickerHelper<DateOnly | undefined> {
+}
+export default function DateOnlyDatePickerGroup(props: DateOnlyDatePickerGroupProps): JSX.Element;

package/es/DatePicker/DateOnlyDatePickerGroup.js

@@ -0,0 +1,23 @@
+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';
+export default function DateOnlyDatePickerGroup(props) {
+    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
+}
+function convertToDateOnly(arg) {
+    return {
+        year: arg.getFullYear(),
+        month: arg.getMonth() + 1,
+        day: arg.getDate(),
+    };
+}

package/es/DatePicker/DatePickerGroup.d.ts

@@ -0,0 +1,8 @@
+/// <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>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
+    convert: (arg: Date) => T;
+}
+export default function DatePickerGroup<T>({ input, meta, label, helpText, className, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX.Element;

package/es/{DatePickerInput/DatePickerInput.js → DatePicker/DatePickerGroup.js}

@@ -22,16 +22,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import DatePicker from 'react-date-picker';
+import DatePicker from 'react-date-picker/dist/entry.nostyle';
 import classnames from 'classnames';
 import parseISO from 'date-fns/parseISO';
 import Group from '../Group';
-export default function DatePickerInput(_a) {
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled"]);
+export default function DatePickerGroup(_a) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, convert = _a.convert, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled", "convert"]);
     var _b = useState(null), displayDate = _b[0], setDisplayDate = _b[1];
+    return (_jsx(Group, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: classnames(className, 'date-picker'), disabled: disabled }, { children: _jsx(DatePicker, __assign({}, rest, { className: classnames('date-picker', className), value: displayDate, onChange: handleChange })) })));
     function handleChange(e) {
         var onChange = input.onChange;
-        if (onChange == null) {
+        if (onChange === null) {
             return;
         }
         if (!e) {
@@ -39,25 +40,21 @@ export default function DatePickerInput(_a) {
             setDisplayDate(null);
             return;
         }
-        if (e instanceof Date) {
+        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(e.toISOString().split('T')[0]);
             setDisplayDate(parsedValue);
-            onChange({
-                year: e.getFullYear(),
-                month: e.getMonth() + 1,
-                day: e.getDate(),
-            });
+            onChange(convert(parsedValue));
         }
         else {
             // e is instanceof Date[]
             var parsedValue = parseISO(e[0].toISOString().split('T')[0]);
             setDisplayDate(parsedValue);
-            onChange({
-                year: e[0].getFullYear(),
-                month: e[0].getMonth() + 1,
-                day: e[0].getDate(),
-            });
+            onChange(convert(parsedValue));
         }
     }
-    return (_jsx(Group, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: classnames(className, 'date-picker'), disabled: disabled }, { children: _jsx(DatePicker, __assign({}, rest, { className: classnames('date-picker', className), value: displayDate, onChange: handleChange })) })));
 }

package/es/DatePicker/DatePickerHelper.d.ts

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

package/es/DatePicker/DatePickerHelper.js

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

package/es/DatePicker/StringDatePickerGroup.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DatePickerHelper } from './DatePickerHelper';
+export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined> {
+}
+export default function StringDatePickerGroup(props: StringDatePickerGroupProps): JSX.Element;

package/es/DatePicker/StringDatePickerGroup.js

@@ -0,0 +1,19 @@
+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';
+export default function StringDatePickerGroup(props) {
+    return _jsx(DatePickerGroup, __assign({}, props, { convert: convertToDateOnly }));
+}
+function convertToDateOnly(arg) {
+    return arg.toISOString();
+}

package/es/Field/Field.d.ts

@@ -2,8 +2,8 @@ import { ComponentProps, ElementType, LegacyRef } from 'react';
 import { InjectedFieldProps } from './InjectedFieldProps';
 import { NormalizationFunction } from '../Normalization/NormalizationFunction';
 import { ValidationFunction } from '../Validation/ValidationFunction';
-declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? TRenderComponent : never;
-declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? ComponentProps<TRenderComponent> : never;
+export declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? TRenderComponent : never;
+export declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? 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;

package/es/Field/StandAloneInput.d.ts

@@ -0,0 +1,9 @@
+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;

package/es/Field/StandAloneInput.js

@@ -0,0 +1,49 @@
+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 { useRef } from 'react';
+import * as uuid from 'uuid';
+export default 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 = 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 _jsx(Wrapped, __assign({}, rest, { disabled: disabled, input: input, meta: meta }));
+}

package/es/Group.d.ts

@@ -6,7 +6,7 @@ export interface GroupProps extends InjectedFieldProps<any> {
     /** simple text label before the input */
     label?: string;
     /** simple helper text after the input*/
-    helpText?: string;
+    helpText?: string | React.ReactNode;
     disabled?: boolean;
 }
 /** contains standard field bits like a label, helper text, error scroll target, validation message container, etc */

package/es/Input/StringInputGroup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputGroupProps } from './InputGroup';
 export interface StringInputGroupProps extends Omit<InputGroupProps<string | undefined>, 'onChange' | 'type' | 'value'> {
-    type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url';
+    type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url' | 'password' | 'textarea';
 }
 declare const StringInputGroupWithRef: React.ComponentType<StringInputGroupProps>;
 export default StringInputGroupWithRef;

package/es/TextArea/TextAreaGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface TextAreaGroupProps extends InjectedFieldProps<string | undefined>, Omit<React.HTMLProps<HTMLTextAreaElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
+    icon?: React.ReactNode;
+}
+declare const TextAreaGroupWithRef: React.ComponentType<TextAreaGroupProps>;
+export default TextAreaGroupWithRef;

package/es/TextArea/TextAreaGroup.js

@@ -0,0 +1,33 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import classNames from 'classnames';
+import Group from '../Group';
+/** generic controlled <textarea/> wrapped by a Group */
+function TextAreaGroup(_a, ref) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, icon = _a.icon, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled", "icon"]);
+    return (_jsxs(Group, __assign({ input: input, meta: meta, disabled: disabled, label: label, helpText: helpText, className: classNames(className, 'text-area-group') }, { children: [icon, _jsx("textarea", __assign({}, input, rest, { value: input.value, onChange: function (val) { return input.onChange(val.target.value); }, ref: ref, className: classNames(className, 'text-area-group') }))] })));
+}
+var TextAreaGroupWithRef = React.forwardRef(TextAreaGroup);
+export default TextAreaGroupWithRef;

package/es/Validation/validators.d.ts

@@ -1,7 +1,7 @@
 import { ValidationFunction } from './ValidationFunction';
 export declare const required: (value: any) => "Required" | undefined;
 export declare const length: (len: number) => (value: string | number | undefined) => string | undefined;
-export declare const integer: (val: string | undefined) => "Must be a whole number" | undefined;
+export declare const integer: (val: string | number | undefined) => "Must be a whole number" | undefined;
 export declare const maxLength: (len: number) => (value: string | number | undefined) => string | undefined;
 export declare const maxCount: (count: number) => (value: {
     isDeleted?: boolean;

package/es/Validation/validators.js

@@ -16,7 +16,7 @@ export var integer = function (val) {
     if (!val) {
         return undefined;
     }
-    if (!Number.isInteger(parseFloat(val))) {
+    if (!Number.isInteger(typeof val === 'number' ? val : parseFloat(val))) {
         return 'Must be a whole number';
     }
 };

package/es/index.d.ts

@@ -6,13 +6,22 @@ export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
 export type { ConfirmBaseFormProps } from './ConfirmBaseForm/ConfirmBaseForm';
 export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
 export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
-export { default as DatePickerInput } from './DatePickerInput/DatePickerInput';
-export type { DatePickerInputProps, DateOnly } from './DatePickerInput/DatePickerInput';
+export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
+export type { DatePickerGroupProps as DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
+export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
+export type { DateOnly, DateOnlyDatePickerGroupProps, } from './DatePicker/DateOnlyDatePickerGroup';
+export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
+export type { StringDatePickerGroupProps } from './DatePicker/StringDatePickerGroup';
 export { default as Field } from './Field/Field';
 export type { FieldProps } from './Field/Field';
+export type { RenderComponent } from './Field/Field';
+export type { RenderComponentProps } from './Field/Field';
 export { default as FieldErrorScrollTarget } from './Field/FieldErrorScrollTarget';
 export { FieldNameContext } from './Field/FieldNameContext';
 export type { InjectedFieldProps } from './Field/InjectedFieldProps';
+export { default as StandAloneInput } from './Field/StandAloneInput';
+export type { StandAloneInputProps } from './Field/StandAloneInput';
 export { default as useStandardField } from './Field/useStandardField';
 export type { useStandardFieldProps } from './Field/useStandardField';
 export { default as FieldArray } from './FieldArray/FieldArray';
@@ -25,6 +34,8 @@ export { ServerErrorContext } from './Form/ServerErrorContext';
 export type { ServerErrorContextProps, ServerErrors, } from './Form/ServerErrorContext';
 export { default as FormActions } from './FormActions';
 export type { FormActionsProps as FormActionsProps } from './FormActions';
+export { default as StandardFormActions } from './StandardFormActions';
+export type { StandardFormActionsProps as StandardFormActionsProps } from './StandardFormActions';
 export { default as Group } from './Group';
 export type { GroupProps as GroupProps } from './Group';
 export { default as IconInputGroup } from './Input/IconInputGroup';
@@ -40,13 +51,16 @@ export type { StringInputGroupProps } from './Input/StringInputGroup';
 export type { NormalizationFunction } from './Normalization/NormalizationFunction';
 export * as normalizers from './Normalization/normalizers';
 export { default as SelectGroup } from './Select/SelectGroup';
-export type { SelectGroupProps } from './Select/SelectGroup';
+export type { SelectGroupProps, SelectOption } from './Select/SelectGroup';
 export { BooleanSelectGroup } from './Select/BooleanSelectGroup';
 export type { BooleanSelectGroupProps } from './Select/BooleanSelectGroup';
 export { MultiNumberSelectGroup, SingleNumberSelectGroup, } from './Select/NumberSelectGroup';
-export type { MultiNumberSelectGroupProps, SingleNumberSelectGroupProps } from './Select/NumberSelectGroup';
+export type { MultiNumberSelectGroupProps, SingleNumberSelectGroupProps, } from './Select/NumberSelectGroup';
+export type { SelectGroupPropsHelper } from './Select/SelectGroupPropsHelper';
 export { MultiStringSelectGroup, SingleStringSelectGroup, } from './Select/StringSelectGroup';
-export type { MultiStringSelectGroupProps, SingleStringSelectGroupProps } from './Select/StringSelectGroup';
+export type { MultiStringSelectGroupProps, SingleStringSelectGroupProps, } from './Select/StringSelectGroup';
+export { default as TextAreaGroup } from './TextArea/TextAreaGroup';
+export type { TextAreaGroupProps } from './TextArea/TextAreaGroup';
 export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
 export { default as serialize } from './utils/objectToFormData';
 export type { ObjectToFormDataCfgProps } from './utils/objectToFormData';

package/es/index.js

@@ -7,11 +7,14 @@ export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
 // ConfirmDeleteForm
 export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
 // Date
-export { default as DatePickerInput } from './DatePickerInput/DatePickerInput';
+export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
+export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
+export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
 // Field
 export { default as Field } from './Field/Field';
 export { default as FieldErrorScrollTarget } from './Field/FieldErrorScrollTarget';
 export { FieldNameContext } from './Field/FieldNameContext';
+export { default as StandAloneInput } from './Field/StandAloneInput';
 export { default as useStandardField } from './Field/useStandardField';
 // Field Array
 export { default as FieldArray } from './FieldArray/FieldArray';
@@ -21,6 +24,7 @@ export { default as FileGroup } from './File/FileGroup';
 export { default as Form } from './Form/Form';
 export { ServerErrorContext } from './Form/ServerErrorContext';
 export { default as FormActions } from './FormActions';
+export { default as StandardFormActions } from './StandardFormActions';
 // Input
 export { default as Group } from './Group';
 export { default as IconInputGroup } from './Input/IconInputGroup';
@@ -34,6 +38,8 @@ export { default as SelectGroup } from './Select/SelectGroup';
 export { BooleanSelectGroup } from './Select/BooleanSelectGroup';
 export { MultiNumberSelectGroup, SingleNumberSelectGroup, } from './Select/NumberSelectGroup';
 export { MultiStringSelectGroup, SingleStringSelectGroup, } from './Select/StringSelectGroup';
+// Text Area
+export { default as TextAreaGroup } from './TextArea/TextAreaGroup';
 // Utils
 export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
 export { default as serialize } from './utils/objectToFormData';

package/lib/DatePicker/DateOnlyDatePickerGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DatePickerHelper } from './DatePickerHelper';
+export interface DateOnly {
+    year?: number;
+    month?: number;
+    day?: number;
+}
+export interface DateOnlyDatePickerGroupProps extends DatePickerHelper<DateOnly | undefined> {
+}
+export default function DateOnlyDatePickerGroup(props: DateOnlyDatePickerGroupProps): JSX.Element;

package/lib/DatePicker/DateOnlyDatePickerGroup.js

@@ -0,0 +1,29 @@
+"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 DateOnlyDatePickerGroup(props) {
+    return (0, jsx_runtime_1.jsx)(DatePickerGroup_1.default, __assign({}, props, { convert: convertToDateOnly }));
+}
+exports.default = DateOnlyDatePickerGroup;
+function convertToDateOnly(arg) {
+    return {
+        year: arg.getFullYear(),
+        month: arg.getMonth() + 1,
+        day: arg.getDate(),
+    };
+}

package/lib/DatePicker/DatePickerGroup.d.ts

@@ -0,0 +1,8 @@
+/// <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>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
+    convert: (arg: Date) => T;
+}
+export default function DatePickerGroup<T>({ input, meta, label, helpText, className, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX.Element;

package/lib/{DatePickerInput/DatePickerInput.js → DatePicker/DatePickerGroup.js}

@@ -27,16 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_date_picker_1 = __importDefault(require("react-date-picker"));
+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 Group_1 = __importDefault(require("../Group"));
-function DatePickerInput(_a) {
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled"]);
+function DatePickerGroup(_a) {
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, disabled = _a.disabled, convert = _a.convert, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "disabled", "convert"]);
     var _b = (0, react_1.useState)(null), displayDate = _b[0], setDisplayDate = _b[1];
+    return ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: (0, classnames_1.default)(className, 'date-picker'), disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(entry_nostyle_1.default, __assign({}, rest, { className: (0, classnames_1.default)('date-picker', className), value: displayDate, onChange: handleChange })) })));
     function handleChange(e) {
         var onChange = input.onChange;
-        if (onChange == null) {
+        if (onChange === null) {
             return;
         }
         if (!e) {
@@ -44,26 +45,22 @@ function DatePickerInput(_a) {
             setDisplayDate(null);
             return;
         }
-        if (e instanceof Date) {
+        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)(e.toISOString().split('T')[0]);
             setDisplayDate(parsedValue);
-            onChange({
-                year: e.getFullYear(),
-                month: e.getMonth() + 1,
-                day: e.getDate(),
-            });
+            onChange(convert(parsedValue));
         }
         else {
             // e is instanceof Date[]
             var parsedValue = (0, parseISO_1.default)(e[0].toISOString().split('T')[0]);
             setDisplayDate(parsedValue);
-            onChange({
-                year: e[0].getFullYear(),
-                month: e[0].getMonth() + 1,
-                day: e[0].getDate(),
-            });
+            onChange(convert(parsedValue));
         }
     }
-    return ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({ input: input, meta: meta, label: label, helpText: helpText, className: (0, classnames_1.default)(className, 'date-picker'), disabled: disabled }, { children: (0, jsx_runtime_1.jsx)(react_date_picker_1.default, __assign({}, rest, { className: (0, classnames_1.default)('date-picker', className), value: displayDate, onChange: handleChange })) })));
 }
-exports.default = DatePickerInput;
+exports.default = DatePickerGroup;

package/lib/DatePicker/DatePickerHelper.d.ts

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

package/lib/DatePicker/DatePickerHelper.js

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

package/lib/DatePicker/StringDatePickerGroup.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DatePickerHelper } from './DatePickerHelper';
+export interface StringDatePickerGroupProps extends DatePickerHelper<string | undefined> {
+}
+export default function StringDatePickerGroup(props: StringDatePickerGroupProps): JSX.Element;

package/lib/DatePicker/StringDatePickerGroup.js

@@ -0,0 +1,25 @@
+"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();
+}

package/lib/Field/Field.d.ts

@@ -2,8 +2,8 @@ import { ComponentProps, ElementType, LegacyRef } from 'react';
 import { InjectedFieldProps } from './InjectedFieldProps';
 import { NormalizationFunction } from '../Normalization/NormalizationFunction';
 import { ValidationFunction } from '../Validation/ValidationFunction';
-declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? TRenderComponent : never;
-declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? ComponentProps<TRenderComponent> : never;
+export declare type RenderComponent<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? TRenderComponent : never;
+export declare type RenderComponentProps<TValue, TRenderComponent extends ElementType> = Partial<ComponentProps<TRenderComponent>> extends Partial<InjectedFieldProps<TValue>> ? 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;

package/lib/Field/StandAloneInput.d.ts

@@ -0,0 +1,9 @@
+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;