envoc-form 4.0.1-2 → 4.0.1-4

package/es/DatePicker/DatePickerGroup.d.ts

@@ -6,3 +6,4 @@ export interface DatePickerGroupProps<T> extends InjectedFieldProps<T | undefine
     convert: (arg: Date) => T;
 }
 export default function DatePickerGroup<T>({ input, meta, label, helpText, className, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX.Element;
+export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;

package/es/DatePicker/DatePickerGroup.js

@@ -46,15 +46,21 @@ export default function DatePickerGroup(_a) {
             onChange(convert(parsedValue));
         }
         else if (e instanceof Date) {
-            var parsedValue = parseISO(e.toISOString().split('T')[0]);
+            var parsedValue = parseISO(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
             setDisplayDate(parsedValue);
             onChange(convert(parsedValue));
         }
         else {
             // e is instanceof Date[]
-            var parsedValue = parseISO(e[0].toISOString().split('T')[0]);
+            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);
+    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/Form/Form.js

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useState, } from 'react';
+import classNames from 'classnames';
 import { Form as FormikFormWrapper, Formik, useFormikContext, } from 'formik';
 import FocusError from './FocusError';
 import FormBasedPreventNavigation from './FormBasedPreventNavigation';
@@ -51,7 +52,7 @@ export default function Form(_a) {
                 _a)));
         },
     }); }, [serverErrors]);
-    return (_jsx(Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: _jsx(ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: _jsxs(FormikFormWrapper, __assign({ className: className, style: style }, { children: [_jsx(FocusError, { serverErrors: serverErrorContextValue }), _jsx(FormBasedPreventNavigation, { ignoreLostChanges: ignoreLostChanges }), children({
+    return (_jsx(Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: _jsx(ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: _jsxs(FormikFormWrapper, __assign({ className: classNames(className, 'form'), style: style }, { children: [_jsx(FocusError, { serverErrors: serverErrorContextValue }), _jsx(FormBasedPreventNavigation, { ignoreLostChanges: ignoreLostChanges }), children({
                         // hack for ref forwarding
                         Field: Field,
                         FieldArray: FieldArray,

package/es/index.d.ts

@@ -8,6 +8,7 @@ export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteF
 export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
 export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
 export type { DatePickerGroupProps as DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
 export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
 export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
 export type { DateOnly, DateOnlyDatePickerGroupProps, } from './DatePicker/DateOnlyDatePickerGroup';

package/es/index.js

@@ -8,6 +8,7 @@ export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
 export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
 // Date
 export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
+export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
 export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
 export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
 // Field

package/lib/DatePicker/DatePickerGroup.d.ts

@@ -6,3 +6,4 @@ export interface DatePickerGroupProps<T> extends InjectedFieldProps<T | undefine
     convert: (arg: Date) => T;
 }
 export default function DatePickerGroup<T>({ input, meta, label, helpText, className, disabled, convert, ...rest }: DatePickerGroupProps<T>): JSX.Element;
+export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;

package/lib/DatePicker/DatePickerGroup.js

@@ -25,6 +25,7 @@ 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"));
@@ -51,16 +52,23 @@ function DatePickerGroup(_a) {
             onChange(convert(parsedValue));
         }
         else if (e instanceof Date) {
-            var parsedValue = (0, parseISO_1.default)(e.toISOString().split('T')[0]);
+            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)(e[0].toISOString().split('T')[0]);
+            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);
+    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/Form/Form.js

@@ -27,6 +27,7 @@ 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 classnames_1 = __importDefault(require("classnames"));
 var formik_1 = require("formik");
 var FocusError_1 = __importDefault(require("./FocusError"));
 var FormBasedPreventNavigation_1 = __importDefault(require("./FormBasedPreventNavigation"));
@@ -56,7 +57,7 @@ function Form(_a) {
                 _a)));
         },
     }); }, [serverErrors]);
-    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: (0, jsx_runtime_1.jsx)(ServerErrorContext_1.ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: (0, jsx_runtime_1.jsxs)(formik_1.Form, __assign({ className: className, style: style }, { children: [(0, jsx_runtime_1.jsx)(FocusError_1.default, { serverErrors: serverErrorContextValue }), (0, jsx_runtime_1.jsx)(FormBasedPreventNavigation_1.default, { ignoreLostChanges: ignoreLostChanges }), children({
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ validateOnChange: false, validateOnBlur: true, validateOnMount: false, initialValues: initialValues || {}, onSubmit: handleSubmit }, props, { children: (0, jsx_runtime_1.jsx)(ServerErrorContext_1.ServerErrorContext.Provider, __assign({ value: serverErrorContextValue }, { children: (0, jsx_runtime_1.jsxs)(formik_1.Form, __assign({ className: (0, classnames_1.default)(className, 'form'), style: style }, { children: [(0, jsx_runtime_1.jsx)(FocusError_1.default, { serverErrors: serverErrorContextValue }), (0, jsx_runtime_1.jsx)(FormBasedPreventNavigation_1.default, { ignoreLostChanges: ignoreLostChanges }), children({
                         // hack for ref forwarding
                         Field: Field_1.default,
                         FieldArray: FieldArray_1.default,

package/lib/index.d.ts

@@ -8,6 +8,7 @@ export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteF
 export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
 export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
 export type { DatePickerGroupProps as DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
 export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
 export { default as DateOnlyDatePickerGroup } from './DatePicker/DateOnlyDatePickerGroup';
 export type { DateOnly, DateOnlyDatePickerGroupProps, } from './DatePicker/DateOnlyDatePickerGroup';

package/lib/index.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validators = exports.serialize = exports.objectContainsNonSerializableProperty = exports.TextAreaGroup = exports.SingleStringSelectGroup = exports.MultiStringSelectGroup = exports.SingleNumberSelectGroup = exports.MultiNumberSelectGroup = exports.BooleanSelectGroup = exports.SelectGroup = exports.normalizers = exports.StringInputGroup = exports.NumberInputGroup = exports.MoneyInputGroup = exports.InputGroup = exports.IconInputGroup = exports.Group = exports.StandardFormActions = exports.FormActions = exports.ServerErrorContext = exports.Form = exports.FileGroup = exports.FieldArray = exports.useStandardField = exports.StandAloneInput = exports.FieldNameContext = exports.FieldErrorScrollTarget = exports.Field = exports.StringDatePickerGroup = exports.DateOnlyDatePickerGroup = exports.DatePickerGroup = exports.ConfirmDeleteForm = exports.ConfirmBaseForm = exports.SubmitFormButton = exports.AddressInput = void 0;
+exports.validators = exports.serialize = exports.objectContainsNonSerializableProperty = exports.TextAreaGroup = exports.SingleStringSelectGroup = exports.MultiStringSelectGroup = exports.SingleNumberSelectGroup = exports.MultiNumberSelectGroup = exports.BooleanSelectGroup = exports.SelectGroup = exports.normalizers = exports.StringInputGroup = exports.NumberInputGroup = exports.MoneyInputGroup = exports.InputGroup = exports.IconInputGroup = exports.Group = exports.StandardFormActions = exports.FormActions = exports.ServerErrorContext = exports.Form = exports.FileGroup = exports.FieldArray = exports.useStandardField = exports.StandAloneInput = exports.FieldNameContext = exports.FieldErrorScrollTarget = exports.Field = exports.StringDatePickerGroup = exports.DateOnlyDatePickerGroup = exports.convertToTimeZoneInsensitiveISOString = exports.DatePickerGroup = exports.ConfirmDeleteForm = exports.ConfirmBaseForm = exports.SubmitFormButton = exports.AddressInput = void 0;
 // Address
 var AddressInput_1 = require("./AddressInput/AddressInput");
 Object.defineProperty(exports, "AddressInput", { enumerable: true, get: function () { return __importDefault(AddressInput_1).default; } });
@@ -45,6 +45,8 @@ Object.defineProperty(exports, "ConfirmDeleteForm", { enumerable: true, get: fun
 // Date
 var DatePickerGroup_1 = require("./DatePicker/DatePickerGroup");
 Object.defineProperty(exports, "DatePickerGroup", { enumerable: true, get: function () { return __importDefault(DatePickerGroup_1).default; } });
+var DatePickerGroup_2 = require("./DatePicker/DatePickerGroup");
+Object.defineProperty(exports, "convertToTimeZoneInsensitiveISOString", { enumerable: true, get: function () { return DatePickerGroup_2.convertToTimeZoneInsensitiveISOString; } });
 var DateOnlyDatePickerGroup_1 = require("./DatePicker/DateOnlyDatePickerGroup");
 Object.defineProperty(exports, "DateOnlyDatePickerGroup", { enumerable: true, get: function () { return __importDefault(DateOnlyDatePickerGroup_1).default; } });
 var StringDatePickerGroup_1 = require("./DatePicker/StringDatePickerGroup");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "4.0.1-2",
+  "version": "4.0.1-4",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -37,7 +37,7 @@
     "axios": "^0.21.1",
     "classnames": "^2.3.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^4.0.1-2",
+    "envoc-request": "^4.0.1-4",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-date-picker": "^8.2.0",

package/src/AddressInput/__snapshots__/AddressInput.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`AddressInput has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="string-group input-group group"

package/src/DatePicker/DatePickerGroup.tsx

@@ -61,15 +61,27 @@ export default function DatePickerGroup<T>({
       setDisplayDate(parsedValue);
       onChange(convert(parsedValue));
     } else if (e instanceof Date) {
-      const parsedValue = parseISO(e.toISOString().split('T')[0]);
+      const parsedValue = parseISO(
+        convertToTimeZoneInsensitiveISOString(e).split('T')[0]
+      );
       setDisplayDate(parsedValue);
       onChange(convert(parsedValue));
     } else {
       // e is instanceof Date[]
-      const parsedValue = parseISO(e[0].toISOString().split('T')[0]);
-
+      const parsedValue = parseISO(
+        convertToTimeZoneInsensitiveISOString(e[0]).split('T')[0]
+      );
       setDisplayDate(parsedValue);
       onChange(convert(parsedValue));
     }
   }
 }
+
+export function convertToTimeZoneInsensitiveISOString(date: Date): string {
+  const year = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date);
+  const month = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(
+    date
+  );
+  const day = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date);
+  return `${year}-${month}-${day}T00:00:00.000Z`;
+}

package/src/DatePicker/__snapshots__/DatePicker.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`IconInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="date-picker group"

package/src/File/__snapshots__/FileGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`FileGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="file-group group"

package/src/Form/Form.tsx

@@ -5,6 +5,7 @@ import {
   useMemo,
   useState,
 } from 'react';
+import classNames from 'classnames';
 import {
   Form as FormikFormWrapper,
   Formik,
@@ -92,7 +93,9 @@ export default function Form<TForm extends object>({
       onSubmit={handleSubmit}
       {...props}>
       <ServerErrorContext.Provider value={serverErrorContextValue}>
-        <FormikFormWrapper className={className} style={style}>
+        <FormikFormWrapper
+          className={classNames(className, 'form')}
+          style={style}>
           <FocusError serverErrors={serverErrorContextValue} />
           <FormBasedPreventNavigation ignoreLostChanges={ignoreLostChanges} />
           {children({

package/src/Form/__snapshots__/Form.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`FormTestBase has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   />
 </DocumentFragment>
 `;

package/src/Input/__Tests__/__snapshots__/IconInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`IconInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="icon-input-group input-group group"

package/src/Input/__Tests__/__snapshots__/MoneyInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MoneyInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="something-here money-group input-group group"

package/src/Input/__Tests__/__snapshots__/NumberInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`NumberInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="number-group input-group group"

package/src/Input/__Tests__/__snapshots__/StringInputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`StringInputGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="string-group input-group group"

package/src/Select/__tests__/__snapshots__/BooleanSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`BooleanSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/Select/__tests__/__snapshots__/NumberSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MultiNumberSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="multiple select-group group"
@@ -102,6 +103,7 @@ exports[`SingleNumberSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/Select/__tests__/__snapshots__/StringSelectGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`MultiStringSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="multiple select-group group"
@@ -102,6 +103,7 @@ exports[`SingleStringSelectGroup has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <div
       class="select-group group"

package/src/__Tests__/__snapshots__/StandardFormActions.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`StandardFormActions has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <button
       class="submit-form-button"

package/src/__Tests__/__snapshots__/SubmitFormButton.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`SubmitFormButton has matching snapshot 1`] = `
 <DocumentFragment>
   <form
     action="#"
+    class="form"
   >
     <button
       class="submit-form-button"

package/src/index.ts

@@ -17,6 +17,7 @@ export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteFo
 // Date
 export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
 export type { DatePickerGroupProps as DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
 
 export type { DatePickerHelper } from './DatePicker/DatePickerHelper';