envoc-form 5.0.3 → 5.0.4-0

package/package.json

@@ -1,111 +1,107 @@
-{
-  "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.4-0",
+  "description": "Envoc form components",
+  "keywords": [
+    "react-component",
+    "react",
+    "forms",
+    "components",
+    "envoc"
+  ],
+  "homepage": "",
+  "repository": "",
+  "license": "MIT",
+  "author": "Envoc Developers",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "date-fns": "^3.2.0",
+    "envoc-request": "^5.0.4-0",
+    "history": "^5.3.0",
+    "react-date-picker": "^10.6.0",
+    "react-dropzone": "^14.2.3",
+    "react-router": "^6.22.3",
+    "react-select": "^5.8.0",
+    "react-toastify": "^10.0.4",
+    "smoothscroll-polyfill": "^0.4.4",
+    "uuid": "^9.0.1",
+    "clsx": "^2.1.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/body": "5.1.4",
+    "@types/jest": "^29.5.12",
+    "@types/react": "~18.2.65",
+    "@types/react-dom": "~18.2.21",
+    "@types/smoothscroll-polyfill": "^0.3.4",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "@vitest/coverage-v8": "^1.3.1",
+    "@vitest/ui": "^1.3.1",
+    "formik": "^2.4.5",
+    "body": "5.1.0",
+    "concat-md": "^0.5.1",
+    "cross-env": "7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jest-dom": "^5.1.0",
+    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "react": "~18",
+    "react-dom": "~18",
+    "react-router-dom": "^6.22.3",
+    "rimraf": "^5.0.5",
+    "sass": "^1.71.1",
+    "typedoc": "^0.25.12",
+    "typedoc-plugin-markdown": "^3.17.1",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3",
+    "vitest": "^1.3.1",
+    "jsdom": "^24.0.0"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "^7.14.6",
+    "formik": "^2.2.9",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": "^6.2.1"
+  },
+  "scripts": {
+    "start": "vite",
+    "build": "yarn verify-imports && yarn build:js && yarn build:docs",
+    "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",
+    "build:js": "tsc && vite build",
+    "clean": "yarn rimraf ./dist",
+    "rebuild": "rimraf ./{dist} && yarn build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "verify-imports": "node ../../scripts/check-for-scss-imports.js envoc-form"
+  }
+}

package/dist/css/envoc-form-styles.css

@@ -1,3 +0,0 @@
-
-
-/*# sourceMappingURL=envoc-form-styles.css.map */

package/dist/css/envoc-form-styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"envoc-form-styles.css"}

package/es/AddressInput/AddressInput.d.ts

@@ -1,24 +0,0 @@
-import { FormBuilderProp } from '../Form/Form';
-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): import("react/jsx-runtime").JSX.Element;
-export {};

package/es/AddressInput/AddressInput.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import UsStates from './UsStates';
-import { SingleStringSelectGroup, StringInputGroup } from '../';
-import FieldSection from '../Field/FieldSection';
-import { zipCode as zipCodeNormalizer } from '../Normalization/normalizers';
-import { required, zipCode as zipCodeValidator, } from '../Validation/validators';
-/**
- * Collection of `<Field/>`s for inputting an address. Includes:
- * ```txt
- * Address 1
- * Address 2
- * City
- * State
- * Zip
- * ```
- */
-export default function AddressInput(_a) {
-    var Field = _a.fieldBuilder.Field, name = _a.name;
-    return (_jsx(_Fragment, { children: _jsxs(FieldSection, { name: name, children: [_jsx(Field, { name: "address1", placeholder: "Address, Line 1", label: "Address 1", Component: StringInputGroup, validate: required }), _jsx(Field, { name: "address2", placeholder: "Address, Line 2", label: "Address 2", Component: StringInputGroup }), _jsx(Field, { name: "city", placeholder: "City", label: "City", Component: StringInputGroup, validate: required }), _jsx(Field, { name: "state", placeholder: "State", label: "State", Component: SingleStringSelectGroup, options: UsStates, validate: required }), _jsx(Field, { name: "zipCode", placeholder: "Zip", label: "Zip", Component: StringInputGroup, normalize: zipCodeNormalizer, validate: [required, zipCodeValidator] })] }) }));
-}

package/es/AddressInput/UsStates.d.ts

@@ -1,3 +0,0 @@
-import { SelectOption } from '../Select/SelectGroup';
-declare const states: SelectOption<string>[];
-export default states;

package/es/AddressInput/UsStates.js

@@ -1,53 +0,0 @@
-var states = [
-    { 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/es/ConfirmBaseForm/ConfirmBaseForm.d.ts

@@ -1,26 +0,0 @@
-import React, { MouseEventHandler } from 'react';
-import { useAxiosRequestProps } from 'envoc-request';
-export interface ConfirmBaseFormProps {
-    /** Function to run when cancel button is clicked. */
-    handleCancel?: MouseEventHandler<HTMLButtonElement>;
-    /** Axios request upon confirmation */
-    request: useAxiosRequestProps;
-    style?: React.CSSProperties;
-    /** `<h3/>` title text on top of the form. */
-    title?: string;
-    /** Custom confirm button text.
-     * @defaultValue `Confirm`
-     */
-    confirmButtonText?: string;
-    /** CSS class for the buttons. */
-    confirmButtonClass?: string;
-    /** Any components to be rendered in between the title and the buttons. */
-    children?: React.ReactNode;
-}
-/**
- * Confimation dialog. Navigates to a different route to allow the user to either confirm or cancel an action.
- * Commonly used for confirming delete and archive.
- *
- * See `<ConfirmDeleteForm/>` if the confirmation is specifically for deletion.
- */
-export default function ConfirmBaseForm({ handleCancel, request, style, title, confirmButtonText, confirmButtonClass, children, ...props }: ConfirmBaseFormProps): import("react/jsx-runtime").JSX.Element;

package/es/ConfirmBaseForm/ConfirmBaseForm.js

@@ -1,42 +0,0 @@
-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 classNames from 'classnames';
-import { useAxiosRequest } from 'envoc-request';
-import { FormDefaults } from '../FormDefaults';
-// TODO: ask about how we should use 'children'
-/**
- * Confimation dialog. Navigates to a different route to allow the user to either confirm or cancel an action.
- * Commonly used for confirming delete and archive.
- *
- * See `<ConfirmDeleteForm/>` if the confirmation is specifically for deletion.
- */
-export default function ConfirmBaseForm(_a) {
-    var handleCancel = _a.handleCancel, request = _a.request, style = _a.style, title = _a.title, confirmButtonText = _a.confirmButtonText, confirmButtonClass = _a.confirmButtonClass, children = _a.children, props = __rest(_a, ["handleCancel", "request", "style", "title", "confirmButtonText", "confirmButtonClass", "children"]);
-    var webRequest = useAxiosRequest(Object.assign({}, request, { autoExecute: false }));
-    var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
-    return (_jsxs("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [_jsx("h3", { children: title }), children, _jsx("button", { className: classNames(confirmButtonClass !== null && confirmButtonClass !== void 0 ? confirmButtonClass : FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'), type: "button", onClick: webRequest.submitRequest, children: confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : 'Confirm' }), _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel, children: "Cancel" })] })));
-    function goBack() {
-        window.history.back();
-    }
-}

package/es/ConfirmDeleteForm/ConfirmDeleteForm.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ConfirmBaseFormProps } from '../ConfirmBaseForm/ConfirmBaseForm';
-export interface ConfirmDeleteFormProps extends Pick<ConfirmBaseFormProps, 'style'> {
-    /** Url to navigate to on success. */
-    successUrl?: string;
-    /** Form name (key) to apply the confirmation on. */
-    form: string;
-    /** Custom message to display.
-     * @defaultValue `Are you sure you want to delete this?`
-     */
-    title?: string;
-    /** Custom function when the axios request succeeds. */
-    handleComplete?: Function;
-    /** Custom function when the axios request fails. */
-    handleError?: Function;
-    /** Any components to be rendered in between the title and the buttons. */
-    children?: React.ReactNode;
-}
-/**
- * Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
- *
- * Wraps `<ConfirmBaseForm/>`.
- */
-export default function ConfirmDeleteForm({ successUrl, form, title, handleComplete, handleError, children, ...props }: ConfirmDeleteFormProps): import("react/jsx-runtime").JSX.Element;

package/es/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -1,60 +0,0 @@
-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 { useNavigate, useParams } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import ConfirmBaseForm from '../ConfirmBaseForm/ConfirmBaseForm';
-import { FormDefaults } from '../FormDefaults';
-/**
- * Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
- *
- * Wraps `<ConfirmBaseForm/>`.
- */
-export default function ConfirmDeleteForm(_a) {
-    var successUrl = _a.successUrl, form = _a.form, title = _a.title, handleComplete = _a.handleComplete, handleError = _a.handleError, children = _a.children, props = __rest(_a, ["successUrl", "form", "title", "handleComplete", "handleError", "children"]);
-    var navigate = useNavigate();
-    var entityId = useParams().entityId;
-    var onComplete = handleComplete !== null && handleComplete !== void 0 ? handleComplete : function () {
-        toast.success('Deleted!');
-        goBack();
-    };
-    var onError = handleError !== null && handleError !== void 0 ? handleError : function (error) {
-        var _a, _b, _c, _d;
-        toast.error((_d = (_c = (_b = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.validationFailures[0]) === null || _c === void 0 ? void 0 : _c.errorMessage) !== null && _d !== void 0 ? _d : 'Something went wrong talking to the portal. Contact support if this continues.');
-    };
-    var request = {
-        method: 'delete',
-        url: "/api/".concat(form, "/").concat(entityId),
-        onComplete: onComplete,
-        onError: onError,
-    };
-    return (_jsx(ConfirmBaseForm, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
-    function goBack() {
-        if (successUrl) {
-            navigate(successUrl);
-        }
-        else {
-            navigate(-1);
-        }
-    }
-}

package/es/DatePicker/DatePickerGroup.d.ts

@@ -1,13 +0,0 @@
-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 | null>, Omit<DatePickerProps, keyof InjectedFieldProps<T> | 'name' | 'value' | 'className'>, Omit<GroupProps, keyof InjectedFieldProps<T> | 'children'> {
-    convert: (arg: Date) => T;
-}
-/**
- * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
- *
- * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
- */
-export default function DatePickerGroup<T>({ input, meta, label, helpText, className, required, disabled, convert, ...rest }: DatePickerGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;

package/es/DatePicker/DatePickerGroup.js

@@ -1,87 +0,0 @@
-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 { useEffect, useState } from 'react';
-import DatePicker from 'react-date-picker/dist/entry.nostyle';
-import classnames from 'classnames';
-import parseISO from 'date-fns/parseISO';
-import { FormDefaults } from '../FormDefaults';
-import Group from '../Group';
-/**
- * Field for inputting dates. Uses `<Group/>` and `<DatePicker/>`.
- *
- * Uses [react-date-picker](https://www.npmjs.com/package/react-date-picker)
- */
-export default function DatePickerGroup(_a) {
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, convert = _a.convert, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "convert"]);
-    var _b = useState(null), displayDate = _b[0], setDisplayDate = _b[1];
-    useEffect(function () {
-        if (!input.value) {
-            setDisplayDate(null);
-        }
-        else if (typeof input.value === 'string') {
-            if (input.value.indexOf('T') === -1) {
-                setDisplayDate(new Date("".concat(input.value, "T00:00:00.000")));
-            }
-            else {
-                setDisplayDate(new Date(input.value));
-            }
-        }
-    }, [setDisplayDate, input.value]);
-    return (_jsx(Group, { input: input, meta: meta, label: label, helpText: helpText, className: classnames(className, FormDefaults.cssClassPrefix + 'date-picker'), required: required, disabled: disabled, children: _jsx(DatePicker, __assign({}, rest, { className: classnames(FormDefaults.cssClassPrefix + 'date-picker', className), value: displayDate, onChange: handleChange })) }));
-    function handleChange(e) {
-        var onChange = input.onChange;
-        if (onChange === null) {
-            return;
-        }
-        if (!e) {
-            onChange(undefined);
-            setDisplayDate(null);
-            return;
-        }
-        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(convertToTimeZoneInsensitiveISOString(e).split('T')[0]);
-            setDisplayDate(parsedValue);
-            onChange(convert(parsedValue));
-        }
-        else {
-            // e is instanceof Date[]
-            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)
-        .padStart(4, '0');
-    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/DatePicker/DatePickerHelper.d.ts

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

package/es/DatePicker/DatePickerHelper.js

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

package/es/DatePicker/StringDateOnlyPickerGroup.d.ts

@@ -1,9 +0,0 @@
-import { DatePickerHelper } from './DatePickerHelper';
-export interface StringDateOnlyPickerGroupProps extends DatePickerHelper<string | undefined | null> {
-}
-/**
- * Date picker input that consumes and outputs as a date only string in ISO format `YYYY-MM-DD`.
- *
- * Default display to the user is in `MM/DD/YYYY` format.
- */
-export default function StringDatePickerGroup(props: StringDateOnlyPickerGroupProps): import("react/jsx-runtime").JSX.Element;