envoc-form 5.0.2 → 5.0.4-0

package/lib/index.js

@@ -1,119 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-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.PhoneNumberInputGroup = exports.NumberInputGroup = exports.MoneyInputGroup = exports.InputGroup = exports.IconInputGroup = exports.Group = exports.FormDefaults = exports.StandardFormActions = exports.FormActions = exports.ServerErrorContext = exports.Form = exports.FileGroup = exports.FieldArray = exports.useStandardField = exports.StandAloneInput = exports.FieldNameContext = exports.FieldErrorScrollTarget = exports.Field = exports.StringDateOnlyPickerGroup = exports.StringDatePickerGroup = 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; } });
-// Button
-var SubmitFormButton_1 = require("./SubmitFormButton");
-Object.defineProperty(exports, "SubmitFormButton", { enumerable: true, get: function () { return __importDefault(SubmitFormButton_1).default; } });
-// ConfirmBaseForm
-var ConfirmBaseForm_1 = require("./ConfirmBaseForm/ConfirmBaseForm");
-Object.defineProperty(exports, "ConfirmBaseForm", { enumerable: true, get: function () { return __importDefault(ConfirmBaseForm_1).default; } });
-// ConfirmDeleteForm
-var ConfirmDeleteForm_1 = require("./ConfirmDeleteForm/ConfirmDeleteForm");
-Object.defineProperty(exports, "ConfirmDeleteForm", { enumerable: true, get: function () { return __importDefault(ConfirmDeleteForm_1).default; } });
-// 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 StringDatePickerGroup_1 = require("./DatePicker/StringDatePickerGroup");
-Object.defineProperty(exports, "StringDatePickerGroup", { enumerable: true, get: function () { return __importDefault(StringDatePickerGroup_1).default; } });
-var StringDateOnlyPickerGroup_1 = require("./DatePicker/StringDateOnlyPickerGroup");
-Object.defineProperty(exports, "StringDateOnlyPickerGroup", { enumerable: true, get: function () { return __importDefault(StringDateOnlyPickerGroup_1).default; } });
-// Field
-var Field_1 = require("./Field/Field");
-Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return __importDefault(Field_1).default; } });
-var FieldErrorScrollTarget_1 = require("./Field/FieldErrorScrollTarget");
-Object.defineProperty(exports, "FieldErrorScrollTarget", { enumerable: true, get: function () { return __importDefault(FieldErrorScrollTarget_1).default; } });
-var FieldNameContext_1 = require("./Field/FieldNameContext");
-Object.defineProperty(exports, "FieldNameContext", { enumerable: true, get: function () { return FieldNameContext_1.FieldNameContext; } });
-var StandAloneInput_1 = require("./Field/StandAloneInput");
-Object.defineProperty(exports, "StandAloneInput", { enumerable: true, get: function () { return __importDefault(StandAloneInput_1).default; } });
-var useStandardField_1 = require("./Field/useStandardField");
-Object.defineProperty(exports, "useStandardField", { enumerable: true, get: function () { return __importDefault(useStandardField_1).default; } });
-// Field Array
-var FieldArray_1 = require("./FieldArray/FieldArray");
-Object.defineProperty(exports, "FieldArray", { enumerable: true, get: function () { return __importDefault(FieldArray_1).default; } });
-// File
-var FileGroup_1 = require("./File/FileGroup");
-Object.defineProperty(exports, "FileGroup", { enumerable: true, get: function () { return __importDefault(FileGroup_1).default; } });
-// Form
-var Form_1 = require("./Form/Form");
-Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
-var ServerErrorContext_1 = require("./Form/ServerErrorContext");
-Object.defineProperty(exports, "ServerErrorContext", { enumerable: true, get: function () { return ServerErrorContext_1.ServerErrorContext; } });
-var FormActions_1 = require("./FormActions");
-Object.defineProperty(exports, "FormActions", { enumerable: true, get: function () { return __importDefault(FormActions_1).default; } });
-var StandardFormActions_1 = require("./StandardFormActions");
-Object.defineProperty(exports, "StandardFormActions", { enumerable: true, get: function () { return __importDefault(StandardFormActions_1).default; } });
-// FormDefaults
-var FormDefaults_1 = require("./FormDefaults");
-Object.defineProperty(exports, "FormDefaults", { enumerable: true, get: function () { return FormDefaults_1.FormDefaults; } });
-// Input
-var Group_1 = require("./Group");
-Object.defineProperty(exports, "Group", { enumerable: true, get: function () { return __importDefault(Group_1).default; } });
-var IconInputGroup_1 = require("./Input/IconInputGroup");
-Object.defineProperty(exports, "IconInputGroup", { enumerable: true, get: function () { return __importDefault(IconInputGroup_1).default; } });
-var InputGroup_1 = require("./Input/InputGroup");
-Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return __importDefault(InputGroup_1).default; } });
-var MoneyInputGroup_1 = require("./Input/MoneyInputGroup");
-Object.defineProperty(exports, "MoneyInputGroup", { enumerable: true, get: function () { return __importDefault(MoneyInputGroup_1).default; } });
-var NumberInputGroup_1 = require("./Input/NumberInputGroup");
-Object.defineProperty(exports, "NumberInputGroup", { enumerable: true, get: function () { return __importDefault(NumberInputGroup_1).default; } });
-var PhoneNumberInputGroup_1 = require("./Input/PhoneNumberInputGroup");
-Object.defineProperty(exports, "PhoneNumberInputGroup", { enumerable: true, get: function () { return __importDefault(PhoneNumberInputGroup_1).default; } });
-var StringInputGroup_1 = require("./Input/StringInputGroup");
-Object.defineProperty(exports, "StringInputGroup", { enumerable: true, get: function () { return __importDefault(StringInputGroup_1).default; } });
-exports.normalizers = __importStar(require("./Normalization/normalizers"));
-// Select
-var SelectGroup_1 = require("./Select/SelectGroup");
-Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return __importDefault(SelectGroup_1).default; } });
-var BooleanSelectGroup_1 = require("./Select/BooleanSelectGroup");
-Object.defineProperty(exports, "BooleanSelectGroup", { enumerable: true, get: function () { return BooleanSelectGroup_1.BooleanSelectGroup; } });
-var NumberSelectGroup_1 = require("./Select/NumberSelectGroup");
-Object.defineProperty(exports, "MultiNumberSelectGroup", { enumerable: true, get: function () { return NumberSelectGroup_1.MultiNumberSelectGroup; } });
-Object.defineProperty(exports, "SingleNumberSelectGroup", { enumerable: true, get: function () { return NumberSelectGroup_1.SingleNumberSelectGroup; } });
-var StringSelectGroup_1 = require("./Select/StringSelectGroup");
-Object.defineProperty(exports, "MultiStringSelectGroup", { enumerable: true, get: function () { return StringSelectGroup_1.MultiStringSelectGroup; } });
-Object.defineProperty(exports, "SingleStringSelectGroup", { enumerable: true, get: function () { return StringSelectGroup_1.SingleStringSelectGroup; } });
-// Text Area
-var TextAreaGroup_1 = require("./TextArea/TextAreaGroup");
-Object.defineProperty(exports, "TextAreaGroup", { enumerable: true, get: function () { return __importDefault(TextAreaGroup_1).default; } });
-// Utils
-var objectContainsNonSerializableProperty_1 = require("./utils/objectContainsNonSerializableProperty");
-Object.defineProperty(exports, "objectContainsNonSerializableProperty", { enumerable: true, get: function () { return __importDefault(objectContainsNonSerializableProperty_1).default; } });
-var objectToFormData_1 = require("./utils/objectToFormData");
-Object.defineProperty(exports, "serialize", { enumerable: true, get: function () { return __importDefault(objectToFormData_1).default; } });
-__exportStar(require("./utils/typeChecks"), exports);
-exports.validators = __importStar(require("./Validation/validators"));

package/lib/setupTests.d.ts

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

package/lib/setupTests.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@testing-library/jest-dom/extend-expect");

package/lib/utils/objectContainsNonSerializableProperty.d.ts

@@ -1 +0,0 @@
-export default function objectContainsNonSerializableProperty(object: any): boolean;

package/lib/utils/objectContainsNonSerializableProperty.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var typeChecks_1 = require("./typeChecks");
-function objectContainsNonSerializableProperty(object) {
-    return Object.entries(object).some(function (value) {
-        if (value) {
-            if ((0, typeChecks_1.isBlob)(value[1]) || (0, typeChecks_1.isFile)(value[1])) {
-                return true;
-            }
-            if ((0, typeChecks_1.isObject)(value[1])) {
-                return objectContainsNonSerializableProperty(value[1]);
-            }
-        }
-        return false;
-    });
-}
-exports.default = objectContainsNonSerializableProperty;

package/lib/utils/objectToFormData.d.ts

@@ -1,10 +0,0 @@
-export interface ObjectToFormDataCfgProps {
-    indices: boolean;
-    dotNotation: boolean;
-    allowEmptyArrays: boolean;
-    noFileListBrackets: boolean;
-    nullsAsUndefineds?: boolean;
-    booleansAsIntegers?: boolean;
-}
-declare const serialize: (obj: any, cfg: ObjectToFormDataCfgProps, fd?: FormData, pre?: string) => FormData;
-export default serialize;

package/lib/utils/objectToFormData.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Original: https://github.com/therealparmesh/object-to-formdata/blob/master/src/index.js
-// With Multiple Form File Fix: https://github.com/therealparmesh/object-to-formdata/pull/94/files
-var typeChecks_1 = require("./typeChecks");
-// 'pre' is not provided until this function recursively calls itself when 'obj' is an array or object
-var serialize = function (obj, cfg, fd, pre) {
-    cfg = cfg || {};
-    cfg.indices = (0, typeChecks_1.isUndefined)(cfg.indices) ? false : cfg.indices;
-    cfg.nullsAsUndefineds = (0, typeChecks_1.isUndefined)(cfg.nullsAsUndefineds)
-        ? false
-        : cfg.nullsAsUndefineds;
-    cfg.booleansAsIntegers = (0, typeChecks_1.isUndefined)(cfg.booleansAsIntegers)
-        ? false
-        : cfg.booleansAsIntegers;
-    cfg.allowEmptyArrays = (0, typeChecks_1.isUndefined)(cfg.allowEmptyArrays)
-        ? false
-        : cfg.allowEmptyArrays;
-    //reverse of normal because we want a different default
-    cfg.dotNotation = (0, typeChecks_1.isUndefined)(cfg.dotNotation) ? true : cfg.dotNotation;
-    fd = fd || new FormData();
-    if ((0, typeChecks_1.isUndefined)(obj)) {
-        return fd;
-    }
-    else if ((0, typeChecks_1.isNull)(obj) && !!pre) {
-        if (!cfg.nullsAsUndefineds) {
-            fd.append(pre, '');
-        }
-    }
-    else if ((0, typeChecks_1.isBoolean)(obj) && !!pre) {
-        if (cfg.booleansAsIntegers) {
-            fd.append(pre, obj ? '1' : '0');
-        }
-        else {
-            fd.append(pre, obj);
-        }
-    }
-    else if ((0, typeChecks_1.isDate)(obj) && !!pre) {
-        fd.append(pre, obj.toISOString());
-    }
-    else if ((0, typeChecks_1.isArray)(obj)) {
-        if (obj.length) {
-            obj.forEach(function (value, index) {
-                var key;
-                if (cfg.noFileListBrackets && (0, typeChecks_1.isFile)(value)) {
-                    key = pre;
-                }
-                else {
-                    key = pre + '[' + (cfg.indices ? index : '') + ']';
-                }
-                serialize(value, cfg, fd, key);
-            });
-        }
-        else if (cfg.allowEmptyArrays) {
-            fd.append(pre + '[]', '');
-        }
-    }
-    else if ((0, typeChecks_1.isObject)(obj) && !(0, typeChecks_1.isFile)(obj) && !(0, typeChecks_1.isBlob)(obj)) {
-        Object.keys(obj).forEach(function (prop) {
-            var value = obj[prop];
-            if ((0, typeChecks_1.isArray)(value)) {
-                while (prop.length > 2 && prop.lastIndexOf('[]') === prop.length - 2) {
-                    prop = prop.substring(0, prop.length - 2);
-                }
-            }
-            var key = pre
-                ? cfg.dotNotation
-                    ? pre + '.' + prop
-                    : pre + '[' + prop + ']'
-                : prop;
-            serialize(value, cfg, fd, key);
-        });
-    }
-    else if (!!pre) {
-        fd.append(pre, obj);
-    }
-    return fd;
-};
-exports.default = serialize;

package/lib/utils/typeChecks.d.ts

@@ -1,8 +0,0 @@
-export declare const isUndefined: (value: any) => boolean;
-export declare const isNull: (value: any) => boolean;
-export declare const isBoolean: (value: any) => boolean;
-export declare const isObject: (value: any) => boolean;
-export declare const isArray: (value: any) => boolean;
-export declare const isDate: (value: any) => boolean;
-export declare const isBlob: (value: any) => any;
-export declare const isFile: (value: any) => any;

package/lib/utils/typeChecks.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFile = exports.isBlob = exports.isDate = exports.isArray = exports.isObject = exports.isBoolean = exports.isNull = exports.isUndefined = void 0;
-var isUndefined = function (value) { return value === undefined; };
-exports.isUndefined = isUndefined;
-var isNull = function (value) { return value === null; };
-exports.isNull = isNull;
-var isBoolean = function (value) { return typeof value === 'boolean'; };
-exports.isBoolean = isBoolean;
-var isObject = function (value) { return value === Object(value); };
-exports.isObject = isObject;
-var isArray = function (value) { return Array.isArray(value); };
-exports.isArray = isArray;
-var isDate = function (value) { return value instanceof Date; };
-exports.isDate = isDate;
-var isBlob = function (value) {
-    return value &&
-        typeof value.size === 'number' &&
-        typeof value.type === 'string' &&
-        typeof value.slice === 'function';
-};
-exports.isBlob = isBlob;
-var isFile = function (value) {
-    return (0, exports.isBlob)(value) &&
-        typeof value.name === 'string' &&
-        (typeof value.lastModifiedDate === 'object' ||
-            typeof value.lastModified === 'number');
-};
-exports.isFile = isFile;

package/src/AddressInput/AddressInput.test.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import AddressInput from './AddressInput';
-import FormTestBase from '../__Tests__/FormTestBase';
-
-describe('AddressInput', () => {
-  it('renders without crashing', () => {
-    render(
-      <FormTestBase>
-        {({ Field }) => (
-          <AddressInput fieldBuilder={{ Field }} name="normalAddressInput" />
-        )}
-      </FormTestBase>
-    );
-  });
-
-  it('has matching snapshot', () => {
-    const renderResult = render(
-      <FormTestBase>
-        {({ Field }) => (
-          <AddressInput fieldBuilder={{ Field }} name="normalAddressInput" />
-        )}
-      </FormTestBase>
-    );
-    expect(renderResult.asFragment()).toMatchSnapshot();
-  });
-});

package/src/AddressInput/AddressInput.tsx

@@ -1,82 +0,0 @@
-import UsStates from './UsStates';
-import { SingleStringSelectGroup, StringInputGroup } from '../';
-import FieldSection from '../Field/FieldSection';
-import { FormBuilderProp } from '../Form/Form';
-import { zipCode as zipCodeNormalizer } from '../Normalization/normalizers';
-import {
-  required,
-  zipCode as zipCodeValidator,
-} from '../Validation/validators';
-
-// TODO: find a permanent home for these interfaces
-// TODO: but also, maybe they are comfortable here?
-export interface AddressInputProps {
-  fieldBuilder: Pick<FormBuilderProp<AddressDto>, 'Field'>;
-  name: string;
-}
-
-interface AddressDto {
-  address1?: string | null;
-  address2?: string | null;
-  zipCode?: string | null;
-  city?: string | null;
-  state?: string | null;
-}
-
-/**
- * Collection of `<Field/>`s for inputting an address. Includes:
- * ```txt
- * Address 1
- * Address 2
- * City
- * State
- * Zip
- * ```
- */
-export default function AddressInput({
-  fieldBuilder: { Field },
-  name,
-}: AddressInputProps) {
-  return (
-    <>
-      <FieldSection name={name}>
-        <Field
-          name="address1"
-          placeholder="Address, Line 1"
-          label="Address 1"
-          Component={StringInputGroup}
-          validate={required}
-        />
-        <Field
-          name="address2"
-          placeholder="Address, Line 2"
-          label="Address 2"
-          Component={StringInputGroup}
-        />
-        <Field
-          name="city"
-          placeholder="City"
-          label="City"
-          Component={StringInputGroup}
-          validate={required}
-        />
-        <Field
-          name="state"
-          placeholder="State"
-          label="State"
-          Component={SingleStringSelectGroup}
-          options={UsStates}
-          validate={required}
-        />
-        <Field
-          name="zipCode"
-          placeholder="Zip"
-          label="Zip"
-          Component={StringInputGroup}
-          normalize={zipCodeNormalizer}
-          validate={[required, zipCodeValidator]}
-        />
-      </FieldSection>
-    </>
-  );
-}

package/src/AddressInput/UsStates.ts

@@ -1,55 +0,0 @@
-import { SelectOption } from '../Select/SelectGroup';
-
-const states: SelectOption<string>[] = [
-  { label: 'Alabama', value: 'AL' },
-  { label: 'Alaska', value: 'AK' },
-  { label: 'Arizona', value: 'AZ' },
-  { label: 'Arkansas', value: 'AR' },
-  { label: 'California', value: 'CA' },
-  { label: 'Colorado', value: 'CO' },
-  { label: 'Connecticut', value: 'CT' },
-  { label: 'Delaware', value: 'DE' },
-  { label: 'Florida', value: 'FL' },
-  { label: 'Georgia', value: 'GA' },
-  { label: 'Hawaii', value: 'HI' },
-  { label: 'Idaho', value: 'ID' },
-  { label: 'Illinois', value: 'IL' },
-  { label: 'Indiana', value: 'IN' },
-  { label: 'Iowa', value: 'IA' },
-  { label: 'Kansas', value: 'KS' },
-  { label: 'Kentucky', value: 'KY' },
-  { label: 'Louisiana', value: 'LA' },
-  { label: 'Maine', value: 'ME' },
-  { label: 'Maryland', value: 'MD' },
-  { label: 'Massachusetts', value: 'MA' },
-  { label: 'Michigan', value: 'MI' },
-  { label: 'Minnesota', value: 'MN' },
-  { label: 'Mississippi', value: 'MS' },
-  { label: 'Missouri', value: 'MO' },
-  { label: 'Montana', value: 'MT' },
-  { label: 'Nebraska', value: 'NE' },
-  { label: 'Nevada', value: 'NV' },
-  { label: 'New Hampshire', value: 'NH' },
-  { label: 'New Jersey', value: 'NJ' },
-  { label: 'New Mexico', value: 'NM' },
-  { label: 'New York', value: 'NY' },
-  { label: 'North Carolina', value: 'NC' },
-  { label: 'North Dakota', value: 'ND' },
-  { label: 'Ohio', value: 'OH' },
-  { label: 'Oklahoma', value: 'OK' },
-  { label: 'Oregon', value: 'OR' },
-  { label: 'Pennsylvania', value: 'PA' },
-  { label: 'Rhode Island', value: 'RI' },
-  { label: 'South Carolina', value: 'SC' },
-  { label: 'South Dakota', value: 'SD' },
-  { label: 'Tennessee', value: 'TN' },
-  { label: 'Texas', value: 'TX' },
-  { label: 'Utah', value: 'UT' },
-  { label: 'Vermont', value: 'VT' },
-  { label: 'Virginia', value: 'VA' },
-  { label: 'Washington', value: 'WA' },
-  { label: 'West Virginia', value: 'WV' },
-  { label: 'Wisconsin', value: 'WI' },
-  { label: 'Wyoming', value: 'WY' },
-];
-export default states;

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

@@ -1,182 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AddressInput has matching snapshot 1`] = `
-<DocumentFragment>
-  <form
-    action="#"
-    class="envoc-form-form"
-  >
-    <div
-      class="envoc-form-string-group envoc-form-input-group envoc-form-group envoc-form-required"
-    >
-      <div
-        id="normaladdressinput.address1-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="normalAddressInput.address1"
-      >
-        Address 1
-      </label>
-      <input
-        aria-invalid="false"
-        class="envoc-form-string-group envoc-form-input-group"
-        id="normalAddressInput.address1"
-        name="normalAddressInput.address1"
-        placeholder="Address, Line 1"
-        value=""
-      />
-    </div>
-    <div
-      class="envoc-form-string-group envoc-form-input-group envoc-form-group"
-    >
-      <div
-        id="normaladdressinput.address2-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="normalAddressInput.address2"
-      >
-        Address 2
-      </label>
-      <input
-        aria-invalid="false"
-        class="envoc-form-string-group envoc-form-input-group"
-        id="normalAddressInput.address2"
-        name="normalAddressInput.address2"
-        placeholder="Address, Line 2"
-        value=""
-      />
-    </div>
-    <div
-      class="envoc-form-string-group envoc-form-input-group envoc-form-group envoc-form-required"
-    >
-      <div
-        id="normaladdressinput.city-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="normalAddressInput.city"
-      >
-        City
-      </label>
-      <input
-        aria-invalid="false"
-        class="envoc-form-string-group envoc-form-input-group"
-        id="normalAddressInput.city"
-        name="normalAddressInput.city"
-        placeholder="City"
-        value=""
-      />
-    </div>
-    <div
-      class="envoc-form-select-group envoc-form-group envoc-form-required"
-    >
-      <div
-        id="normaladdressinput.state-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="normalAddressInput.state"
-      >
-        State
-      </label>
-      <div
-        class="envoc-form-select-group css-b62m3t-container"
-      >
-        <span
-          class="css-1f43avz-a11yText-A11yText"
-          id="react-select-3-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          class="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          class="react-select__control css-13cymwt-control"
-        >
-          <div
-            class="react-select__value-container css-16674sh-Component"
-          >
-            <div
-              class="react-select__placeholder css-1jqq78o-placeholder"
-              id="react-select-3-placeholder"
-            >
-              State
-            </div>
-            <div
-              class="react-select__input-container css-d9r47t-Component"
-              data-value=""
-            >
-              <input
-                aria-autocomplete="list"
-                aria-describedby="react-select-3-placeholder"
-                aria-expanded="false"
-                aria-haspopup="true"
-                autocapitalize="none"
-                autocomplete="off"
-                autocorrect="off"
-                class="react-select__input"
-                id="normalAddressInput.state"
-                role="combobox"
-                spellcheck="false"
-                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                tabindex="0"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <div
-            class="react-select__indicators css-ny0e4k-Component"
-          >
-            <span
-              class="react-select__indicator-separator css-1u9des2-indicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              class="react-select__indicator react-select__dropdown-indicator css-1xc3v61-indicatorContainer"
-            >
-              <svg
-                aria-hidden="true"
-                class="css-tj5bde-Svg"
-                focusable="false"
-                height="20"
-                viewBox="0 0 20 20"
-                width="20"
-              >
-                <path
-                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="envoc-form-string-group envoc-form-input-group envoc-form-group envoc-form-required"
-    >
-      <div
-        id="normaladdressinput.zipcode-error-scroll-target"
-        style="display: none;"
-      />
-      <label
-        for="normalAddressInput.zipCode"
-      >
-        Zip
-      </label>
-      <input
-        aria-invalid="false"
-        class="envoc-form-string-group envoc-form-input-group"
-        id="normalAddressInput.zipCode"
-        name="normalAddressInput.zipCode"
-        placeholder="Zip"
-        value=""
-      />
-    </div>
-  </form>
-</DocumentFragment>
-`;

package/src/ConfirmBaseForm/ConfirmBaseForm.test.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { useAxiosRequestProps } from 'envoc-request';
-import ConfirmBaseForm from './ConfirmBaseForm';
-
-describe('ConfirmBaseForm', () => {
-  it('Renders without error', () => {
-    render(<ConfirmBaseForm request={confirmBaseFormRequest} />);
-  });
-
-  it('has matching snapshot', () => {
-    const renderResult = render(
-      <ConfirmBaseForm request={confirmBaseFormRequest} />
-    );
-    expect(renderResult.asFragment()).toMatchSnapshot();
-  });
-});
-
-const confirmBaseFormRequest = {
-  method: 'get',
-  url: `/boop`,
-  onComplete: () => {},
-  onError: () => {},
-} as useAxiosRequestProps;