envoc-form 4.0.1-9 → 5.0.1

package/es/Normalization/normalizers.d.ts

@@ -1,2 +1,4 @@
-export declare const phoneNumber: (value: string | undefined) => string | undefined;
-export declare const zipCode: (value: string | undefined) => string | undefined;
+/** Normalizer for converting a string into a valid phone number. */
+export declare const phoneNumber: (value: string | undefined | null) => string | undefined;
+/** Normalizer for converting a string into a valid zip code. Allows for XXXXX and XXXXX-XXXX format. */
+export declare const zipCode: (value: string | undefined | null) => string | undefined;

package/es/Normalization/normalizers.js

@@ -1,30 +1,32 @@
-export var phoneNumber = function (value) {
-    if (!value) {
-        return undefined;
-    }
-    var onlyNums = value.replace(/[^\d]/g, '');
-    if (onlyNums.length <= 3) {
-        return onlyNums;
-    }
-    if (onlyNums.length <= 7) {
-        return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
-    }
-    if (onlyNums.length <= 10) {
-        return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
-    }
-    if (onlyNums.length <= 13) {
-        var countryCodeLength = onlyNums.length - 10;
-        return "+".concat(onlyNums.slice(0, countryCodeLength), " ").concat(onlyNums.slice(countryCodeLength, 3 + countryCodeLength), "-").concat(onlyNums.slice(3 + countryCodeLength, 6 + countryCodeLength), "-").concat(onlyNums.slice(6 + countryCodeLength, onlyNums.length));
-    }
-    return onlyNums;
-};
-export var zipCode = function (value) {
-    if (!value) {
-        return undefined;
-    }
-    var onlyNums = value.replace(/[^\d]/g, '');
-    if (onlyNums.length > 5) {
-        return onlyNums.substring(0, 5) + '-' + onlyNums.substring(5, 9);
-    }
-    return onlyNums;
-};
+/** Normalizer for converting a string into a valid phone number. */
+export var phoneNumber = function (value) {
+    if (!value) {
+        return undefined;
+    }
+    var onlyNums = value.replace(/[^\d]/g, '');
+    if (onlyNums.length <= 3) {
+        return onlyNums;
+    }
+    if (onlyNums.length <= 7) {
+        return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
+    }
+    if (onlyNums.length <= 10) {
+        return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
+    }
+    if (onlyNums.length <= 13) {
+        var countryCodeLength = onlyNums.length - 10;
+        return "+".concat(onlyNums.slice(0, countryCodeLength), " ").concat(onlyNums.slice(countryCodeLength, 3 + countryCodeLength), "-").concat(onlyNums.slice(3 + countryCodeLength, 6 + countryCodeLength), "-").concat(onlyNums.slice(6 + countryCodeLength, onlyNums.length));
+    }
+    return onlyNums;
+};
+/** Normalizer for converting a string into a valid zip code. Allows for XXXXX and XXXXX-XXXX format. */
+export var zipCode = function (value) {
+    if (!value) {
+        return undefined;
+    }
+    var onlyNums = value.replace(/[^\d]/g, '');
+    if (onlyNums.length > 5) {
+        return onlyNums.substring(0, 5) + '-' + onlyNums.substring(5, 9);
+    }
+    return onlyNums;
+};

package/es/Select/BooleanSelectGroup.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { SelectOption } from './SelectGroup';
-import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
-export interface BooleanSelectGroupProps extends Omit<SelectGroupPropsHelper<boolean>, 'options'> {
-    options?: SelectOption<boolean>[];
-}
-export declare function BooleanSelectGroup(props: BooleanSelectGroupProps): JSX.Element;
+import { SelectOption } from './SelectGroup';
+import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
+export interface BooleanSelectGroupProps extends Omit<SelectGroupPropsHelper<boolean | undefined | null>, 'options'> {
+    options?: SelectOption<boolean>[];
+}
+/** A `<SelectGroup/>` dropdown with two options. Default options are 'Yes' and 'No' with values of `true` and `false`. */
+export declare function BooleanSelectGroup(props: BooleanSelectGroupProps): import("react/jsx-runtime").JSX.Element;

package/es/Select/BooleanSelectGroup.js

@@ -1,27 +1,28 @@
-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 } from "react/jsx-runtime";
-import SelectGroup from './SelectGroup';
-var booleanOptions = [
-    {
-        label: 'Yes',
-        value: true,
-    },
-    {
-        label: 'No',
-        value: false,
-    },
-];
-export function BooleanSelectGroup(props) {
-    var _a;
-    return (_jsx(SelectGroup, __assign({ multiple: false }, props, { options: (_a = props.options) !== null && _a !== void 0 ? _a : booleanOptions })));
-}
+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 } from "react/jsx-runtime";
+import SelectGroup from './SelectGroup';
+var booleanOptions = [
+    {
+        label: 'Yes',
+        value: true,
+    },
+    {
+        label: 'No',
+        value: false,
+    },
+];
+/** A `<SelectGroup/>` dropdown with two options. Default options are 'Yes' and 'No' with values of `true` and `false`. */
+export function BooleanSelectGroup(props) {
+    var _a;
+    return (_jsx(SelectGroup, __assign({ multiple: false }, props, { options: (_a = props.options) !== null && _a !== void 0 ? _a : booleanOptions })));
+}

package/es/Select/NumberSelectGroup.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
-export interface MultiNumberSelectGroupProps extends SelectGroupPropsHelper<number[]> {
-}
-export declare function MultiNumberSelectGroup(props: MultiNumberSelectGroupProps): JSX.Element;
-export interface SingleNumberSelectGroupProps extends SelectGroupPropsHelper<number> {
-}
-export declare function SingleNumberSelectGroup(props: SingleNumberSelectGroupProps): JSX.Element;
+import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
+export interface MultiNumberSelectGroupProps extends SelectGroupPropsHelper<number[] | undefined | null> {
+}
+/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
+export declare function MultiNumberSelectGroup(props: MultiNumberSelectGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface SingleNumberSelectGroupProps extends SelectGroupPropsHelper<number | undefined | null> {
+}
+/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
+export declare function SingleNumberSelectGroup(props: SingleNumberSelectGroupProps): import("react/jsx-runtime").JSX.Element;

package/es/Select/NumberSelectGroup.js

@@ -1,19 +1,21 @@
-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 } from "react/jsx-runtime";
-import SelectGroup from './SelectGroup';
-export function MultiNumberSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: true }, props));
-}
-export function SingleNumberSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: false }, props));
-}
+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 } from "react/jsx-runtime";
+import SelectGroup from './SelectGroup';
+/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
+export function MultiNumberSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: true }, props));
+}
+/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
+export function SingleNumberSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: false }, props));
+}

package/es/Select/SelectGroup.d.ts

@@ -1,22 +1,27 @@
-/// <reference types="react" />
-import { InjectedFieldProps } from '../Field/InjectedFieldProps';
-import { GroupProps } from '../Group';
-export interface SelectOption<TValue> {
-    value: (TValue extends Array<infer P> ? P : TValue) | undefined;
-    label: string;
-}
-interface OptionsApiResult<TValue> {
-    result?: Partial<SelectOption<TValue>>[];
-}
-interface OptionsUseServiceResult<TValue> {
-    loading?: boolean;
-    resp?: Partial<SelectOption<TValue>>[] | OptionsApiResult<TValue> | null;
-    error?: any;
-}
-export interface SelectGroupProps<TValue> extends InjectedFieldProps<TValue | undefined>, Omit<GroupProps, 'input' | 'meta' | 'children'> {
-    options: SelectOption<TValue>[] | OptionsUseServiceResult<TValue>;
-    multiple: TValue extends Array<any> ? true : false;
-    placeholder?: string;
-}
-export default function SelectGroup<TValue>({ input, meta, className, options, multiple, placeholder, ...rest }: SelectGroupProps<TValue>): JSX.Element;
-export {};
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface SelectOption<TValue> {
+    /** Value for the select. This will be sent to the API. */
+    value: (TValue extends Array<infer P> ? P : TValue) | undefined;
+    /** Label for the select. This is displayed to the user. */
+    label: string;
+}
+interface OptionsApiResult<TValue> {
+    result?: Partial<SelectOption<TValue>>[];
+}
+interface OptionsUseServiceResult<TValue> {
+    loading?: boolean;
+    resp?: Partial<SelectOption<TValue>>[] | OptionsApiResult<TValue> | null;
+    error?: any;
+}
+export interface SelectGroupProps<TValue> extends InjectedFieldProps<TValue | undefined | null>, Omit<GroupProps, 'input' | 'meta' | 'children'> {
+    /** Options for the dropdown. Includes the label and value. */
+    options: SelectOption<TValue>[] | OptionsUseServiceResult<TValue>;
+    /** Whether the user should be able to have multiple values selected. */
+    multiple: TValue extends Array<any> ? true : false;
+    /** Text diplayed when no value is selected. */
+    placeholder?: string;
+}
+/** Generic select dropdown. Uses [react-select](https://react-select.com/home). */
+export default function SelectGroup<TValue>({ input, meta, className, required, disabled, options, multiple, placeholder, ...rest }: SelectGroupProps<TValue>): import("react/jsx-runtime").JSX.Element;
+export {};

package/es/Select/SelectGroup.js

@@ -1,64 +1,65 @@
-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 { default as ReactSelect } from 'react-select';
-import classNames from 'classnames';
-import Group from '../Group';
-import { FormDefaults } from '../FormDefaults';
-// TODO: we could also name this "ReactSelectGroup" or similar but the types are strongly defined now so kept the names consistent
-export default function SelectGroup(_a) {
-    var _b;
-    var input = _a.input, meta = _a.meta, className = _a.className, options = _a.options, multiple = _a.multiple, placeholder = _a.placeholder, rest = __rest(_a, ["input", "meta", "className", "options", "multiple", "placeholder"]);
-    var effectiveOptions = !options
-        ? []
-        : Array.isArray(options)
-            ? options
-            : 'resp' in options &&
-                !!options.resp &&
-                'result' in options.resp &&
-                !!options.resp.result
-                ? options.resp.result
-                : 'resp' in options && !!options.resp && Array.isArray(options.resp)
-                    ? options.resp
-                    : [];
-    var isLoading = (options && 'loading' in options && options.loading) || false;
-    return (_jsx(Group, __assign({}, rest, { input: input, meta: meta, className: classNames(className, (_b = {},
-            _b[FormDefaults.cssClassPrefix + 'multiple'] = multiple,
-            _b[FormDefaults.cssClassPrefix + 'loading'] = isLoading,
-            _b), FormDefaults.cssClassPrefix + 'select-group') }, { children: _jsx(ReactSelect, { inputId: input.id, isMulti: multiple, options: effectiveOptions, onBlur: input.onBlur, value: getValue(), onChange: function (e) {
-                if (multiple === true) {
-                    input.onChange(e === null || e === void 0 ? void 0 : e.map(function (x) { return x.value; }));
-                }
-                else {
-                    input.onChange(e === null || e === void 0 ? void 0 : e.value);
-                }
-            }, getOptionLabel: function (option) { var _a; return (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : ''; }, className: classNames(className, FormDefaults.cssClassPrefix + 'select-group'), classNamePrefix: "react-select", menuPortalTarget: document.body, menuPlacement: "auto", placeholder: placeholder }) })));
-    function getValue() {
-        if (multiple) {
-            return effectiveOptions.filter(function (o) {
-                return Array.isArray(input.value) && !!input.value.find(function (x) { return o.value === x; });
-            });
-        }
-        return effectiveOptions.find(function (o) { return o.value === input.value; });
-    }
-}
+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 { default as ReactSelect } from 'react-select';
+import classNames from 'classnames';
+import { FormDefaults } from '../FormDefaults';
+import Group from '../Group';
+// TODO: we could also name this "ReactSelectGroup" or similar but the types are strongly defined now so kept the names consistent
+/** Generic select dropdown. Uses [react-select](https://react-select.com/home). */
+export default function SelectGroup(_a) {
+    var _b;
+    var input = _a.input, meta = _a.meta, className = _a.className, required = _a.required, disabled = _a.disabled, options = _a.options, multiple = _a.multiple, placeholder = _a.placeholder, rest = __rest(_a, ["input", "meta", "className", "required", "disabled", "options", "multiple", "placeholder"]);
+    var effectiveOptions = !options
+        ? []
+        : Array.isArray(options)
+            ? options
+            : 'resp' in options &&
+                !!options.resp &&
+                'result' in options.resp &&
+                !!options.resp.result
+                ? options.resp.result
+                : 'resp' in options && !!options.resp && Array.isArray(options.resp)
+                    ? options.resp
+                    : [];
+    var isLoading = (options && 'loading' in options && options.loading) || false;
+    return (_jsx(Group, __assign({}, rest, { input: input, meta: meta, required: required, disabled: disabled, className: classNames(className, (_b = {},
+            _b[FormDefaults.cssClassPrefix + 'multiple'] = multiple,
+            _b[FormDefaults.cssClassPrefix + 'loading'] = isLoading,
+            _b), FormDefaults.cssClassPrefix + 'select-group'), children: _jsx(ReactSelect, { inputId: input.id, isMulti: multiple, isDisabled: disabled, options: effectiveOptions, onBlur: input.onBlur, value: getValue(), onChange: function (e) {
+                if (multiple === true) {
+                    input.onChange(e === null || e === void 0 ? void 0 : e.map(function (x) { return x.value; }));
+                }
+                else {
+                    input.onChange(e === null || e === void 0 ? void 0 : e.value);
+                }
+            }, getOptionLabel: function (option) { var _a; return (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : ''; }, className: classNames(className, FormDefaults.cssClassPrefix + 'select-group'), classNamePrefix: "react-select", menuPortalTarget: document.body, menuPlacement: "auto", placeholder: placeholder }) })));
+    function getValue() {
+        if (multiple) {
+            return effectiveOptions.filter(function (o) {
+                return Array.isArray(input.value) && !!input.value.find(function (x) { return o.value === x; });
+            });
+        }
+        return effectiveOptions.find(function (o) { return o.value === input.value; });
+    }
+}

package/es/Select/SelectGroupPropsHelper.d.ts

@@ -1,3 +1,3 @@
-import { SelectGroupProps } from './SelectGroup';
-export interface SelectGroupPropsHelper<T> extends Omit<SelectGroupProps<T>, 'multiple'> {
-}
+import { SelectGroupProps } from './SelectGroup';
+export interface SelectGroupPropsHelper<T> extends Omit<SelectGroupProps<T>, 'multiple'> {
+}

package/es/Select/SelectGroupPropsHelper.js

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

package/es/Select/StringSelectGroup.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
-import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
-export interface MultiStringSelectGroupProps extends SelectGroupPropsHelper<string[]> {
-}
-export declare function MultiStringSelectGroup(props: MultiStringSelectGroupProps): JSX.Element;
-export interface SingleStringSelectGroupProps extends SelectGroupPropsHelper<string> {
-}
-export declare function SingleStringSelectGroup(props: SingleStringSelectGroupProps): JSX.Element;
+import { SelectGroupPropsHelper } from './SelectGroupPropsHelper';
+export interface MultiStringSelectGroupProps extends SelectGroupPropsHelper<string[]> {
+}
+/** A `<SelectGroup/>` dropdown with values as strings. Multiple options can be selected at a time. */
+export declare function MultiStringSelectGroup(props: MultiStringSelectGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface SingleStringSelectGroupProps extends SelectGroupPropsHelper<string> {
+}
+/** A `<SelectGroup/>` dropdown with the value as a string. Only one option can be selected at a time. */
+export declare function SingleStringSelectGroup(props: SingleStringSelectGroupProps): import("react/jsx-runtime").JSX.Element;

package/es/Select/StringSelectGroup.js

@@ -1,19 +1,21 @@
-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 } from "react/jsx-runtime";
-import SelectGroup from './SelectGroup';
-export function MultiStringSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: true }, props));
-}
-export function SingleStringSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: false }, props));
-}
+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 } from "react/jsx-runtime";
+import SelectGroup from './SelectGroup';
+/** A `<SelectGroup/>` dropdown with values as strings. Multiple options can be selected at a time. */
+export function MultiStringSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: true }, props));
+}
+/** A `<SelectGroup/>` dropdown with the value as a string. Only one option can be selected at a time. */
+export function SingleStringSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: false }, props));
+}

package/es/StandardFormActions.d.ts

@@ -1,6 +1,11 @@
-import { MouseEventHandler } from 'react';
-export interface StandardFormActionsProps {
-    allowPristineSubmit?: boolean;
-    handleCancel?: MouseEventHandler<HTMLButtonElement>;
-}
-export default function StandardFormActions({ allowPristineSubmit, handleCancel, }: StandardFormActionsProps): JSX.Element;
+import { MouseEventHandler } from 'react';
+export interface StandardFormActionsProps {
+    /** Allow the form to be submitted without any changes. By default this is not allowed. */
+    allowPristineSubmit?: boolean;
+    /** The cancel button's `onClick`.
+     * @defaultValue `window.history.back()`
+     */
+    handleCancel?: MouseEventHandler<HTMLButtonElement>;
+}
+/** Standard submit and cancel buttons. */
+export default function StandardFormActions({ allowPristineSubmit, handleCancel, }: StandardFormActionsProps): import("react/jsx-runtime").JSX.Element;

package/es/StandardFormActions.js

@@ -1,24 +1,14 @@
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useFormikContext } from 'formik';
-import SubmitFormButton from './SubmitFormButton';
-import { FormDefaults } from './FormDefaults';
-export default function StandardFormActions(_a) {
-    var allowPristineSubmit = _a.allowPristineSubmit, handleCancel = _a.handleCancel;
-    var isSubmitting = useFormikContext().isSubmitting;
-    return (_jsxs(_Fragment, { children: [_jsx(SubmitFormButton, { allowPristineSubmit: allowPristineSubmit }), "\u00A0", _jsx("button", __assign({ className: classNames(FormDefaults.cssClassPrefix + 'standard-form-actions-cancel-button'), type: "button", disabled: isSubmitting, onClick: handleCancel || goBack }, { children: "Cancel" }))] }));
-    function goBack() {
-        window.history.back();
-    }
-}
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useFormikContext } from 'formik';
+import SubmitFormButton from './SubmitFormButton';
+import { FormDefaults } from './FormDefaults';
+/** Standard submit and cancel buttons. */
+export default function StandardFormActions(_a) {
+    var allowPristineSubmit = _a.allowPristineSubmit, handleCancel = _a.handleCancel;
+    var isSubmitting = useFormikContext().isSubmitting;
+    return (_jsxs(_Fragment, { children: [_jsx(SubmitFormButton, { allowPristineSubmit: allowPristineSubmit }), "\u00A0", _jsx("button", { className: classNames(FormDefaults.cssClassPrefix + 'standard-form-actions-cancel-button'), type: "button", disabled: isSubmitting, onClick: handleCancel || goBack, children: "Cancel" })] }));
+    function goBack() {
+        window.history.back();
+    }
+}

package/es/SubmitFormButton.d.ts

@@ -1,7 +1,10 @@
-import React from 'react';
-export interface SubmitFormButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'type'> {
-    allowPristineSubmit?: boolean;
-    children?: React.ReactNode;
-}
-declare const _default: React.ComponentType<SubmitFormButtonProps>;
-export default _default;
+import React from 'react';
+export interface SubmitFormButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'type'> {
+    /** Allow the form to be submitted without any changes. By default this is not allowed. */
+    allowPristineSubmit?: boolean;
+    /** Text to display on the button. Default text is 'Submit'. */
+    children?: React.ReactNode;
+}
+/** Generic submit button for forms. */
+declare const _default: React.FunctionComponent<SubmitFormButtonProps>;
+export default _default;