envoc-form 5.0.3 → 5.0.5

package/src/index.ts

@@ -1,153 +1,156 @@
-// Address
-export { default as AddressInput } from './AddressInput/AddressInput';
-export type { AddressInputProps } from './AddressInput/AddressInput';
-
-// Button
-export { default as SubmitFormButton } from './SubmitFormButton';
-export type { SubmitFormButtonProps } from './SubmitFormButton';
-
-// ConfirmBaseForm
-export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
-export type { ConfirmBaseFormProps } from './ConfirmBaseForm/ConfirmBaseForm';
-
-// ConfirmDeleteForm
-export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
-export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
-
-// Date
-export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
-export type { DatePickerGroupProps } from './DatePicker/DatePickerGroup';
-export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
-
-export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
-
-export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
-export type { StringDatePickerGroupProps } from './DatePicker/StringDatePickerGroup';
-
-export { default as StringDateOnlyPickerGroup } from './DatePicker/StringDateOnlyPickerGroup';
-export type { StringDateOnlyPickerGroupProps } from './DatePicker/StringDateOnlyPickerGroup';
-
-// Field
-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';
-
-// Field Array
-export { default as FieldArray } from './FieldArray/FieldArray';
-export type {
-  FieldArrayProps,
-  ArrayFormBuilderProp,
-} from './FieldArray/FieldArray';
-
-// File
-export { default as FileGroup } from './File/FileGroup';
-export type { FileGroupProps } from './File/FileGroup';
-
-// Form
-export { default as Form } from './Form/Form';
-export type { FormBuilderProp, FormProps } from './Form/Form';
-export { ServerErrorContext } from './Form/ServerErrorContext';
-export type {
-  ServerErrorContextProps,
-  ServerErrors,
-} from './Form/ServerErrorContext';
-
-export { default as FormActions } from './FormActions';
-export type { FormActionsProps } from './FormActions';
-
-export { default as StandardFormActions } from './StandardFormActions';
-export type { StandardFormActionsProps } from './StandardFormActions';
-
-// FormDefaults
-export { FormDefaults } from './FormDefaults';
-
-// Input
-export { default as Group } from './Group';
-export type { GroupProps } from './Group';
-
-export { default as IconInputGroup } from './Input/IconInputGroup';
-export type { IconInputGroupProps } from './Input/IconInputGroup';
-
-export { default as InputGroup } from './Input/InputGroup';
-export type { InputGroupProps } from './Input/InputGroup';
-
-export { default as MoneyInputGroup } from './Input/MoneyInputGroup';
-export type { MoneyInputGroupProps } from './Input/MoneyInputGroup';
-
-export { default as NumberInputGroup } from './Input/NumberInputGroup';
-export type { NumberInputGroupProps } from './Input/NumberInputGroup';
-
-export { default as PhoneNumberInputGroup } from './Input/PhoneNumberInputGroup';
-export type { PhoneNumberInputGroupProps } from './Input/PhoneNumberInputGroup';
-
-export { default as StringInputGroup } from './Input/StringInputGroup';
-export type { StringInputGroupProps } from './Input/StringInputGroup';
-
-// Normalization
-export type { NormalizationFunction } from './Normalization/NormalizationFunction';
-export * as normalizers from './Normalization/normalizers';
-
-// Select
-export { default as SelectGroup } 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 { SelectGroupPropsHelper } from './Select/SelectGroupPropsHelper';
-
-export {
-  MultiStringSelectGroup,
-  SingleStringSelectGroup,
-} from './Select/StringSelectGroup';
-export type {
-  MultiStringSelectGroupProps,
-  SingleStringSelectGroupProps,
-} from './Select/StringSelectGroup';
-
-// Text Area
-
-export { default as TextAreaGroup } from './TextArea/TextAreaGroup';
-
-export type { TextAreaGroupProps } from './TextArea/TextAreaGroup';
-
-// Utils
-export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
-
-export { default as serialize } from './utils/objectToFormData';
-export type { ObjectToFormDataCfgProps } from './utils/objectToFormData';
-
-export * from './utils/typeChecks';
-
-// Validation
-export type { ValidatedApiResult } from './Validation/ValidatedApiResult';
-
-export type { ValidationError } from './Validation/ValidationError';
-
-export type { ValidationFunction } from './Validation/ValidationFunction';
-
-export * as validators from './Validation/validators';
+// Address
+export { default as AddressInput } from './AddressInput/AddressInput';
+export type { AddressInputProps } from './AddressInput/AddressInput';
+
+// Button
+export { default as SubmitFormButton } from './SubmitFormButton';
+export type { SubmitFormButtonProps } from './SubmitFormButton';
+
+// ConfirmBaseForm
+export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
+export type { ConfirmBaseFormProps } from './ConfirmBaseForm/ConfirmBaseForm';
+
+// ConfirmDeleteForm
+export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
+export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
+
+// Date
+export { default as DatePickerGroup } from './DatePicker/DatePickerGroup';
+export type { DatePickerGroupProps } from './DatePicker/DatePickerGroup';
+export { convertToTimeZoneInsensitiveISOString } from './DatePicker/DatePickerGroup';
+
+export type { DatePickerHelper } from './DatePicker/DatePickerHelper';
+
+export { default as StringDatePickerGroup } from './DatePicker/StringDatePickerGroup';
+export type { StringDatePickerGroupProps } from './DatePicker/StringDatePickerGroup';
+
+export { default as StringDateOnlyPickerGroup } from './DatePicker/StringDateOnlyPickerGroup';
+export type { StringDateOnlyPickerGroupProps } from './DatePicker/StringDateOnlyPickerGroup';
+
+// Field
+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';
+
+// Field Array
+export { default as FieldArray } from './FieldArray/FieldArray';
+export type {
+  FieldArrayProps,
+  ArrayFormBuilderProp,
+} from './FieldArray/FieldArray';
+
+// File
+export { default as FileGroup } from './File/FileGroup';
+export type { FileGroupProps } from './File/FileGroup';
+
+// Form
+export { default as Form } from './Form/Form';
+export type { FormBuilderProp, FormProps } from './Form/Form';
+export { ServerErrorContext } from './Form/ServerErrorContext';
+export type {
+  ServerErrorContextProps,
+  ServerErrors,
+} from './Form/ServerErrorContext';
+
+export { default as FormActions } from './FormActions';
+export type { FormActionsProps } from './FormActions';
+
+export { default as StandardFormActions } from './StandardFormActions';
+export type { StandardFormActionsProps } from './StandardFormActions';
+
+// FormDefaults
+export { FormDefaults } from './FormDefaults';
+
+// Input
+export { default as Group } from './Group';
+export type { GroupProps } from './Group';
+
+export { default as IconInputGroup } from './Input/IconInputGroup';
+export type { IconInputGroupProps } from './Input/IconInputGroup';
+
+export { default as InputGroup } from './Input/InputGroup';
+export type { InputGroupProps } from './Input/InputGroup';
+
+export { default as MoneyInputGroup } from './Input/MoneyInputGroup';
+export type { MoneyInputGroupProps } from './Input/MoneyInputGroup';
+
+export { default as NumberInputGroup } from './Input/NumberInputGroup';
+export type { NumberInputGroupProps } from './Input/NumberInputGroup';
+
+export { default as PhoneNumberInputGroup } from './Input/PhoneNumberInputGroup';
+export type { PhoneNumberInputGroupProps } from './Input/PhoneNumberInputGroup';
+
+export { default as StringInputGroup } from './Input/StringInputGroup';
+export type { StringInputGroupProps } from './Input/StringInputGroup';
+
+// Normalization
+export type { NormalizationFunction } from './Normalization/NormalizationFunction';
+export * as normalizers from './Normalization/normalizers';
+
+// Select
+export { default as SelectGroup } from './Select/SelectGroup';
+export type { SelectGroupProps, SelectOption } from './Select/SelectGroup';
+
+export { BooleanSelectGroup } from './Select/BooleanSelectGroup';
+export type { BooleanSelectGroupProps } from './Select/BooleanSelectGroup';
+
+export { default as CheckboxInputGroup } from './Input/CheckboxInputGroup';
+export type { CheckboxInputGroupProps } from './Input/CheckboxInputGroup';
+
+export {
+  MultiNumberSelectGroup,
+  SingleNumberSelectGroup,
+} 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';
+
+// Text Area
+
+export { default as TextAreaGroup } from './TextArea/TextAreaGroup';
+
+export type { TextAreaGroupProps } from './TextArea/TextAreaGroup';
+
+// Utils
+export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
+
+export { default as serialize } from './utils/objectToFormData';
+export type { ObjectToFormDataCfgProps } from './utils/objectToFormData';
+
+export * from './utils/typeChecks';
+
+// Validation
+export type { ValidatedApiResult } from './Validation/ValidatedApiResult';
+
+export type { ValidationError } from './Validation/ValidationError';
+
+export type { ValidationFunction } from './Validation/ValidationFunction';
+
+export * as validators from './Validation/validators';

package/src/react-app-env.d.ts

@@ -1 +1 @@
-/// <reference types="react-scripts" />
+/// <reference types="react-scripts" />

package/src/setupTests.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';

package/src/utils/objectContainsNonSerializableProperty.test.tsx

@@ -1,49 +1,49 @@
-import check from './objectContainsNonSerializableProperty';
-
-describe('Object contains non serializable property checker', () => {
-  it('Should return true for simple object', () => {
-    const object = {
-      name: 'Bob',
-      age: 20,
-      favoriteFoods: ['Hamburger', 'Pizza'],
-      homeAddress: {
-        addressLine1: '12345 Test Place',
-        addressLine2: null,
-        city: 'SomePlace',
-        state: 'LA',
-        zip: 12345,
-      },
-    };
-
-    const result = check(object);
-    expect(result).toBe(false);
-  });
-
-  it('Should return false for direct file property', () => {
-    const object = {
-      name: 'Bob',
-      age: 20,
-      profilePhoto: new File(['foo'], 'foo.txt', {
-        type: 'text/plain',
-      }),
-    };
-
-    const result = check(object);
-    expect(result).toBe(true);
-  });
-
-  it('Should return false for deeply nested file property', () => {
-    const object = {
-      a: {
-        b: {
-          c: new File(['foo'], 'foo.txt', {
-            type: 'text/plain',
-          }),
-        },
-      },
-    };
-
-    const result = check(object);
-    expect(result).toBe(true);
-  });
-});
+import check from './objectContainsNonSerializableProperty';
+
+describe('Object contains non serializable property checker', () => {
+  it('Should return true for simple object', () => {
+    const object = {
+      name: 'Bob',
+      age: 20,
+      favoriteFoods: ['Hamburger', 'Pizza'],
+      homeAddress: {
+        addressLine1: '12345 Test Place',
+        addressLine2: null,
+        city: 'SomePlace',
+        state: 'LA',
+        zip: 12345,
+      },
+    };
+
+    const result = check(object);
+    expect(result).toBe(false);
+  });
+
+  it('Should return false for direct file property', () => {
+    const object = {
+      name: 'Bob',
+      age: 20,
+      profilePhoto: new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+      }),
+    };
+
+    const result = check(object);
+    expect(result).toBe(true);
+  });
+
+  it('Should return false for deeply nested file property', () => {
+    const object = {
+      a: {
+        b: {
+          c: new File(['foo'], 'foo.txt', {
+            type: 'text/plain',
+          }),
+        },
+      },
+    };
+
+    const result = check(object);
+    expect(result).toBe(true);
+  });
+});

package/src/utils/objectContainsNonSerializableProperty.ts

@@ -1,17 +1,17 @@
-import { isBlob, isFile, isObject } from './typeChecks';
-
-export default function objectContainsNonSerializableProperty(
-  object: any
-): boolean {
-  return Object.entries(object).some((value) => {
-    if (value) {
-      if (isBlob(value[1]) || isFile(value[1])) {
-        return true;
-      }
-      if (isObject(value[1])) {
-        return objectContainsNonSerializableProperty(value[1]);
-      }
-    }
-    return false;
-  });
-}
+import { isBlob, isFile, isObject } from './typeChecks';
+
+export default function objectContainsNonSerializableProperty(
+  object: any
+): boolean {
+  return Object.entries(object).some((value) => {
+    if (value) {
+      if (isBlob(value[1]) || isFile(value[1])) {
+        return true;
+      }
+      if (isObject(value[1])) {
+        return objectContainsNonSerializableProperty(value[1]);
+      }
+    }
+    return false;
+  });
+}

package/src/utils/objectToFormData.test.tsx

@@ -1,76 +1,76 @@
-import serialize from './objectToFormData';
-
-const options = {
-  indices: true,
-  dotNotation: true,
-  allowEmptyArrays: true,
-  noFileListBrackets: true,
-};
-
-const formDataAppend = global.FormData.prototype.append;
-
-beforeEach(() => {
-  global.FormData.prototype.append = jest.fn(formDataAppend) as any;
-});
-
-describe('Object To Form Data', () => {
-  it('properly serializes a simple object', () => {
-    const object = {
-      name: 'Bob',
-      age: 20,
-    };
-
-    const result = serialize(object, options);
-    expect(result.get('name')).toBe(object.name);
-    expect(result.get('age')).toBe('20');
-  });
-
-  it('properly serializes an object with a non-file array property', () => {
-    const object = {
-      name: 'Bob',
-      age: 20,
-      favoriteFoods: ['Hamburger', 'Pizza'],
-    };
-
-    const result = serialize(object, options);
-    expect(result.get('name')).toBe(object.name);
-    expect(result.has('favoriteFoods[0]')).toBe(true);
-    expect(result.get('favoriteFoods[0]')).toBe('Hamburger');
-    expect(result.has('favoriteFoods[1]')).toBe(true);
-    expect(result.get('favoriteFoods[1]')).toBe('Pizza');
-  });
-
-  it('properly serializes a file in a form', () => {
-    const object = {
-      a: new File(['foo'], 'foo.txt', {
-        type: 'text/plain',
-      }),
-    };
-
-    const result = serialize(object, options);
-    expect(result.has('a')).toBe(true);
-    expect(result.get('a')).toBeInstanceOf(File);
-  });
-
-  it('properly serializes an object with a file array property', () => {
-    const foo = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-    });
-    const bar = new File(['bar'], 'bar.txt', {
-      type: 'text/plain',
-    });
-    const object = {
-      fileArray: [foo, bar],
-    };
-
-    const result = serialize(object, options);
-    expect(result.append).toHaveBeenCalledTimes(2);
-    expect(result.append).toHaveBeenNthCalledWith(1, 'fileArray', foo);
-    expect(result.append).toHaveBeenNthCalledWith(2, 'fileArray', bar);
-    expect(result.has('fileArray[]')).toBe(false);
-    expect(result.has('fileArray[0]')).toBe(false);
-    expect(result.has('fileArray[1]')).toBe(false);
-    expect(result.has('fileArray')).toBe(true);
-    expect(result.getAll('fileArray')).toEqual(object.fileArray);
-  });
-});
+import serialize from './objectToFormData';
+
+const options = {
+  indices: true,
+  dotNotation: true,
+  allowEmptyArrays: true,
+  noFileListBrackets: true,
+};
+
+const formDataAppend = global.FormData.prototype.append;
+
+beforeEach(() => {
+  global.FormData.prototype.append = jest.fn(formDataAppend) as any;
+});
+
+describe('Object To Form Data', () => {
+  it('properly serializes a simple object', () => {
+    const object = {
+      name: 'Bob',
+      age: 20,
+    };
+
+    const result = serialize(object, options);
+    expect(result.get('name')).toBe(object.name);
+    expect(result.get('age')).toBe('20');
+  });
+
+  it('properly serializes an object with a non-file array property', () => {
+    const object = {
+      name: 'Bob',
+      age: 20,
+      favoriteFoods: ['Hamburger', 'Pizza'],
+    };
+
+    const result = serialize(object, options);
+    expect(result.get('name')).toBe(object.name);
+    expect(result.has('favoriteFoods[0]')).toBe(true);
+    expect(result.get('favoriteFoods[0]')).toBe('Hamburger');
+    expect(result.has('favoriteFoods[1]')).toBe(true);
+    expect(result.get('favoriteFoods[1]')).toBe('Pizza');
+  });
+
+  it('properly serializes a file in a form', () => {
+    const object = {
+      a: new File(['foo'], 'foo.txt', {
+        type: 'text/plain',
+      }),
+    };
+
+    const result = serialize(object, options);
+    expect(result.has('a')).toBe(true);
+    expect(result.get('a')).toBeInstanceOf(File);
+  });
+
+  it('properly serializes an object with a file array property', () => {
+    const foo = new File(['foo'], 'foo.txt', {
+      type: 'text/plain',
+    });
+    const bar = new File(['bar'], 'bar.txt', {
+      type: 'text/plain',
+    });
+    const object = {
+      fileArray: [foo, bar],
+    };
+
+    const result = serialize(object, options);
+    expect(result.append).toHaveBeenCalledTimes(2);
+    expect(result.append).toHaveBeenNthCalledWith(1, 'fileArray', foo);
+    expect(result.append).toHaveBeenNthCalledWith(2, 'fileArray', bar);
+    expect(result.has('fileArray[]')).toBe(false);
+    expect(result.has('fileArray[0]')).toBe(false);
+    expect(result.has('fileArray[1]')).toBe(false);
+    expect(result.has('fileArray')).toBe(true);
+    expect(result.getAll('fileArray')).toEqual(object.fileArray);
+  });
+});