envoc-form 5.0.3 → 5.0.6

package/package.json

@@ -1,111 +1,111 @@
-{
-  "name": "envoc-form",
-  "version": "5.0.3",
-  "description": "Envoc form components",
-  "keywords": [
-    "react-component",
-    "react",
-    "forms",
-    "components",
-    "envoc"
-  ],
-  "homepage": "",
-  "repository": "",
-  "license": "MIT",
-  "author": "Envoc Developers",
-  "sideEffects": false,
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "files": [
-    "dist",
-    "src",
-    "lib",
-    "es"
-  ],
-  "scripts": {
-    "build": "yarn verify-imports && yarn build:esm && yarn build:cjs && yarn build:css && yarn build:docs",
-    "rebuild": "rimraf ./{dist,es,lib} && yarn build",
-    "build:esm": "cross-env BABEL_ENV=esm-dir tsc -p tsconfig.esm.json",
-    "build:css": "sass src/styles.scss dist/css/envoc-form-styles.css",
-    "build:cjs": "tsc -p tsconfig.cjs.json",
-    "build:docs": "yarn rimraf README.md && yarn typedoc --options typedoc.json src/index.ts && npx concat-md --decrease-title-levels --dir-name-as-title docs > README.md && cls && yarn rimraf docs",
-    "verify-imports": "node ../../scripts/check-for-scss-imports.js envoc-form",
-    "start": "webpack serve --config ./webpack.demo.config.js",
-    "test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false",
-    "coverage": "yarn test --verbose --reporters=default --reporters=jest-junit --coverage --coverageReporters=cobertura"
-  },
-  "dependencies": {
-    "axios": "^0.21.1",
-    "classnames": "^2.3.1",
-    "date-fns": "^2.22.1",
-    "envoc-request": "^5.0.3",
-    "lru-cache": "^6.0.0",
-    "prop-types": "^15.7.2",
-    "react-date-picker": "^8.2.0",
-    "react-dropzone": "^11.3.4",
-    "react-router": "^6.2.1",
-    "react-select": "^5.2.2",
-    "react-textarea-autosize": "^8.3.3",
-    "react-toastify": "^7.0.4",
-    "reactstrap": "^8.9.0",
-    "history": "^5.2.0",
-    "smoothscroll-polyfill": "^0.4.4",
-    "uuid": "^8.3.2",
-    "@fortawesome/react-fontawesome": "~0.1.16",
-    "@fortawesome/free-solid-svg-icons": "~5.15.4",
-    "@fortawesome/fontawesome-svg-core": "~1.2.36"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.14.5",
-    "@babel/core": "^7.14.6",
-    "@babel/plugin-transform-runtime": "^7.14.5",
-    "@babel/preset-env": "^7.14.7",
-    "@babel/preset-react": "^7.14.5",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.5",
-    "@testing-library/user-event": "^12.7.1",
-    "@types/jest": "^26.0.24",
-    "@types/react": "~18",
-    "@types/testing-library__jest-dom": "5.14.5",
-    "@types/smoothscroll-polyfill": "^0.3.1",
-    "@types/uuid": "^8.3.2",
-    "babel-loader": "^8.2.2",
-    "bootstrap": "^4.6.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "cross-env": "7.0.3",
-    "css-loader": "^5.0.2",
-    "eslint": "^8.32.0",
-    "eslint-config-react-app": "^7.0.1",
-    "html-webpack-plugin": "^5.3.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest-junit": "~12.2.0",
-    "react": "~18",
-    "react-dom": "~18",
-    "react-router-dom": "^6.2.1",
-    "react-scripts": "^4.0.3",
-    "rimraf": "~3.0.2",
-    "sass": "^1.35.2",
-    "sass-loader": "^11.0.1",
-    "style-loader": "^2.0.0",
-    "webpack": "^5.45.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-server": "^3.11.2",
-    "ts-loader": "^9.2.8",
-    "typescript": "^5.1.6",
-    "typedoc-plugin-markdown": "^3.15.0",
-    "typedoc": "^0.24.1",
-    "concat-md": "~0.3.5"
-  },
-  "peerDependencies": {
-    "@babel/runtime": "^7.14.6",
-    "formik": "^2.2.9",
-    "react": ">=18",
-    "react-dom": ">=18",
-    "react-router-dom": "^6.2.1"
-  },
-  "jest": {
-    "transformIgnorePatterns": [
-      "^.+\\.module\\.(css|sass|scss)$"
-    ]
-  }
-}
+{
+  "name": "envoc-form",
+  "version": "5.0.6",
+  "description": "Envoc form components",
+  "keywords": [
+    "react-component",
+    "react",
+    "forms",
+    "components",
+    "envoc"
+  ],
+  "homepage": "",
+  "repository": "",
+  "license": "MIT",
+  "author": "Envoc Developers",
+  "sideEffects": false,
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "files": [
+    "dist",
+    "src",
+    "lib",
+    "es"
+  ],
+  "scripts": {
+    "build": "yarn verify-imports && yarn build:esm && yarn build:cjs && yarn build:css && yarn build:docs",
+    "rebuild": "rimraf ./{dist,es,lib} && yarn build",
+    "build:esm": "cross-env BABEL_ENV=esm-dir tsc -p tsconfig.esm.json",
+    "build:css": "sass src/styles.scss dist/css/envoc-form-styles.css",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:docs": "yarn rimraf README.md && yarn typedoc --options typedoc.json src/index.ts && npx concat-md --decrease-title-levels --dir-name-as-title docs > README.md && yarn rimraf docs",
+    "verify-imports": "node ../../scripts/check-for-scss-imports.js envoc-form",
+    "start": "webpack serve --config ./webpack.demo.config.js",
+    "test": "cross-env SKIP_PREFLIGHT_CHECK=true react-scripts test --watchAll=false",
+    "coverage": "yarn test --verbose --reporters=default --reporters=jest-junit --coverage --coverageReporters=cobertura"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "date-fns": "^2.22.1",
+    "envoc-request": "^5.0.6",
+    "lru-cache": "^6.0.0",
+    "prop-types": "^15.7.2",
+    "react-date-picker": "^8.2.0",
+    "react-dropzone": "^11.3.4",
+    "react-router": "^6.2.1",
+    "react-select": "^5.2.2",
+    "react-textarea-autosize": "^8.3.3",
+    "react-toastify": "^7.0.4",
+    "reactstrap": "^8.9.0",
+    "history": "^5.2.0",
+    "smoothscroll-polyfill": "^0.4.4",
+    "uuid": "^8.3.2",
+    "@fortawesome/react-fontawesome": "~0.1.16",
+    "@fortawesome/free-solid-svg-icons": "~5.15.4",
+    "@fortawesome/fontawesome-svg-core": "~1.2.36",
+    "clsx": "^2.1.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-react": "^7.14.5",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/user-event": "^12.7.1",
+    "@types/jest": "^26.0.24",
+    "@types/react": "~18",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@types/smoothscroll-polyfill": "^0.3.1",
+    "@types/uuid": "^8.3.2",
+    "babel-loader": "^8.2.2",
+    "bootstrap": "^4.6.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "cross-env": "7.0.3",
+    "css-loader": "^5.0.2",
+    "eslint": "^8.32.0",
+    "eslint-config-react-app": "^7.0.1",
+    "html-webpack-plugin": "^5.3.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest-junit": "~12.2.0",
+    "react": "~18",
+    "react-dom": "~18",
+    "react-router-dom": "^6.2.1",
+    "react-scripts": "^4.0.3",
+    "rimraf": "~3.0.2",
+    "sass": "^1.35.2",
+    "sass-loader": "^11.0.1",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.45.0",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^3.11.2",
+    "ts-loader": "^9.2.8",
+    "typescript": "^5.1.6",
+    "typedoc-plugin-markdown": "^3.15.0",
+    "typedoc": "^0.24.1",
+    "concat-md": "~0.3.5"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "^7.14.6",
+    "formik": "^2.2.9",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": "^6.2.1"
+  },
+  "jest": {
+    "transformIgnorePatterns": [
+      "^.+/.module/.(css|sass|scss)$"
+    ]
+  }
+}

package/src/AddressInput/AddressInput.test.tsx

@@ -1,27 +1,27 @@
-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();
-  });
-});
+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 +1,82 @@
-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>
-    </>
-  );
-}
+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 +1,55 @@
-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;
+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;