envoc-form 4.1.0 → 5.0.1

package/es/AddressInput/AddressInput.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
-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): JSX.Element;
-export {};
+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,31 +1,20 @@
-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);
-};
-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, __assign({ 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] })] })) }));
-}
+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 +1,3 @@
-import { SelectOption } from '../Select/SelectGroup';
-declare const states: SelectOption<string>[];
-export default states;
+import { SelectOption } from '../Select/SelectGroup';
+declare const states: SelectOption<string>[];
+export default states;

package/es/AddressInput/UsStates.js

@@ -1,53 +1,53 @@
-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;
+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 +1,26 @@
-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): JSX.Element;
+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 +1,42 @@
-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", __assign({ 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", __assign({ className: classNames(FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
-    function goBack() {
-        window.history.back();
-    }
-}
+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 +1,24 @@
-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): JSX.Element;
+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 +1,60 @@
-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);
-        }
-    }
-}
+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,14 +1,13 @@
-/// <reference types="react" />
-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>): JSX.Element;
-export declare function convertToTimeZoneInsensitiveISOString(date: Date): string;
+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;