envoc-form 4.1.0 → 5.0.1

package/lib/AddressInput/AddressInput.js

@@ -1,37 +1,26 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var UsStates_1 = __importDefault(require("./UsStates"));
-var __1 = require("../");
-var FieldSection_1 = __importDefault(require("../Field/FieldSection"));
-var normalizers_1 = require("../Normalization/normalizers");
-var validators_1 = require("../Validation/validators");
-/**
- * Collection of `<Field/>`s for inputting an address. Includes:
- * ```txt
- * Address 1
- * Address 2
- * City
- * State
- * Zip
- * ```
- */
-function AddressInput(_a) {
-    var Field = _a.fieldBuilder.Field, name = _a.name;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(FieldSection_1.default, __assign({ name: name }, { children: [(0, jsx_runtime_1.jsx)(Field, { name: "address1", placeholder: "Address, Line 1", label: "Address 1", Component: __1.StringInputGroup, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "address2", placeholder: "Address, Line 2", label: "Address 2", Component: __1.StringInputGroup }), (0, jsx_runtime_1.jsx)(Field, { name: "city", placeholder: "City", label: "City", Component: __1.StringInputGroup, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "state", placeholder: "State", label: "State", Component: __1.SingleStringSelectGroup, options: UsStates_1.default, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "zipCode", placeholder: "Zip", label: "Zip", Component: __1.StringInputGroup, normalize: normalizers_1.zipCode, validate: [validators_1.required, validators_1.zipCode] })] })) }));
-}
-exports.default = AddressInput;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UsStates_1 = __importDefault(require("./UsStates"));
+var __1 = require("../");
+var FieldSection_1 = __importDefault(require("../Field/FieldSection"));
+var normalizers_1 = require("../Normalization/normalizers");
+var validators_1 = require("../Validation/validators");
+/**
+ * Collection of `<Field/>`s for inputting an address. Includes:
+ * ```txt
+ * Address 1
+ * Address 2
+ * City
+ * State
+ * Zip
+ * ```
+ */
+function AddressInput(_a) {
+    var Field = _a.fieldBuilder.Field, name = _a.name;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(FieldSection_1.default, { name: name, children: [(0, jsx_runtime_1.jsx)(Field, { name: "address1", placeholder: "Address, Line 1", label: "Address 1", Component: __1.StringInputGroup, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "address2", placeholder: "Address, Line 2", label: "Address 2", Component: __1.StringInputGroup }), (0, jsx_runtime_1.jsx)(Field, { name: "city", placeholder: "City", label: "City", Component: __1.StringInputGroup, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "state", placeholder: "State", label: "State", Component: __1.SingleStringSelectGroup, options: UsStates_1.default, validate: validators_1.required }), (0, jsx_runtime_1.jsx)(Field, { name: "zipCode", placeholder: "Zip", label: "Zip", Component: __1.StringInputGroup, normalize: normalizers_1.zipCode, validate: [validators_1.required, validators_1.zipCode] })] }) }));
+}
+exports.default = AddressInput;

package/lib/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/lib/AddressInput/UsStates.js

@@ -1,55 +1,55 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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' },
-];
-exports.default = states;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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' },
+];
+exports.default = states;

package/lib/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/lib/ConfirmBaseForm/ConfirmBaseForm.js

@@ -1,48 +1,48 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var classnames_1 = __importDefault(require("classnames"));
-var envoc_request_1 = require("envoc-request");
-var FormDefaults_1 = require("../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.
- */
-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 = (0, envoc_request_1.useAxiosRequest)(Object.assign({}, request, { autoExecute: false }));
-    var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), children, (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(confirmButtonClass !== null && confirmButtonClass !== void 0 ? confirmButtonClass : FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'), type: "button", onClick: webRequest.submitRequest }, { children: confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : 'Confirm' })), (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel }, { children: "Cancel" }))] })));
-    function goBack() {
-        window.history.back();
-    }
-}
-exports.default = ConfirmBaseForm;
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var envoc_request_1 = require("envoc-request");
+var FormDefaults_1 = require("../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.
+ */
+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 = (0, envoc_request_1.useAxiosRequest)(Object.assign({}, request, { autoExecute: false }));
+    var onCancel = handleCancel !== null && handleCancel !== void 0 ? handleCancel : goBack;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ textAlign: 'center' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), children, (0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)(confirmButtonClass !== null && confirmButtonClass !== void 0 ? confirmButtonClass : FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-confirm-button'), type: "button", onClick: webRequest.submitRequest, children: confirmButtonText !== null && confirmButtonText !== void 0 ? confirmButtonText : 'Confirm' }), (0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-base-form-cancel-button'), type: "button", onClick: onCancel, children: "Cancel" })] })));
+    function goBack() {
+        window.history.back();
+    }
+}
+exports.default = ConfirmBaseForm;

package/lib/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/lib/ConfirmDeleteForm/ConfirmDeleteForm.js

@@ -1,66 +1,66 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_router_dom_1 = require("react-router-dom");
-var react_toastify_1 = require("react-toastify");
-var ConfirmBaseForm_1 = __importDefault(require("../ConfirmBaseForm/ConfirmBaseForm"));
-var FormDefaults_1 = require("../FormDefaults");
-/**
- * Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
- *
- * Wraps `<ConfirmBaseForm/>`.
- */
-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 = (0, react_router_dom_1.useNavigate)();
-    var entityId = (0, react_router_dom_1.useParams)().entityId;
-    var onComplete = handleComplete !== null && handleComplete !== void 0 ? handleComplete : function () {
-        react_toastify_1.toast.success('Deleted!');
-        goBack();
-    };
-    var onError = handleError !== null && handleError !== void 0 ? handleError : function (error) {
-        var _a, _b, _c, _d;
-        react_toastify_1.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 ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
-    function goBack() {
-        if (successUrl) {
-            navigate(successUrl);
-        }
-        else {
-            navigate(-1);
-        }
-    }
-}
-exports.default = ConfirmDeleteForm;
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var react_toastify_1 = require("react-toastify");
+var ConfirmBaseForm_1 = __importDefault(require("../ConfirmBaseForm/ConfirmBaseForm"));
+var FormDefaults_1 = require("../FormDefaults");
+/**
+ * Deletion confirmation. Navigates to a different route to allow the user to either confirm or cancel an action.
+ *
+ * Wraps `<ConfirmBaseForm/>`.
+ */
+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 = (0, react_router_dom_1.useNavigate)();
+    var entityId = (0, react_router_dom_1.useParams)().entityId;
+    var onComplete = handleComplete !== null && handleComplete !== void 0 ? handleComplete : function () {
+        react_toastify_1.toast.success('Deleted!');
+        goBack();
+    };
+    var onError = handleError !== null && handleError !== void 0 ? handleError : function (error) {
+        var _a, _b, _c, _d;
+        react_toastify_1.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 ((0, jsx_runtime_1.jsx)(ConfirmBaseForm_1.default, __assign({ request: request, handleCancel: goBack, title: title !== null && title !== void 0 ? title : 'Are you sure you want to delete this?', confirmButtonText: "Yes", confirmButtonClass: FormDefaults_1.FormDefaults.cssClassPrefix + 'confirm-delete-form-yes-button' }, props, { children: children })));
+    function goBack() {
+        if (successUrl) {
+            navigate(successUrl);
+        }
+        else {
+            navigate(-1);
+        }
+    }
+}
+exports.default = ConfirmDeleteForm;

package/lib/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;