envoc-form 4.1.0 → 5.0.1

package/lib/Select/SelectGroup.d.ts

@@ -1,28 +1,27 @@
-/// <reference types="react" />
-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>): 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/lib/Select/SelectGroup.js

@@ -1,71 +1,71 @@
-"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_select_1 = __importDefault(require("react-select"));
-var classnames_1 = __importDefault(require("classnames"));
-var FormDefaults_1 = require("../FormDefaults");
-var Group_1 = __importDefault(require("../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). */
-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 ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({}, rest, { input: input, meta: meta, required: required, disabled: disabled, className: (0, classnames_1.default)(className, (_b = {},
-            _b[FormDefaults_1.FormDefaults.cssClassPrefix + 'multiple'] = multiple,
-            _b[FormDefaults_1.FormDefaults.cssClassPrefix + 'loading'] = isLoading,
-            _b), FormDefaults_1.FormDefaults.cssClassPrefix + 'select-group') }, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { 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: (0, classnames_1.default)(className, FormDefaults_1.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; });
-    }
-}
-exports.default = SelectGroup;
+"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_select_1 = __importDefault(require("react-select"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormDefaults_1 = require("../FormDefaults");
+var Group_1 = __importDefault(require("../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). */
+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 ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({}, rest, { input: input, meta: meta, required: required, disabled: disabled, className: (0, classnames_1.default)(className, (_b = {},
+            _b[FormDefaults_1.FormDefaults.cssClassPrefix + 'multiple'] = multiple,
+            _b[FormDefaults_1.FormDefaults.cssClassPrefix + 'loading'] = isLoading,
+            _b), FormDefaults_1.FormDefaults.cssClassPrefix + 'select-group'), children: (0, jsx_runtime_1.jsx)(react_select_1.default, { 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: (0, classnames_1.default)(className, FormDefaults_1.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; });
+    }
+}
+exports.default = SelectGroup;

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

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Select/StringSelectGroup.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-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): 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): 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/lib/Select/StringSelectGroup.js

@@ -1,29 +1,29 @@
-"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 });
-exports.SingleStringSelectGroup = exports.MultiStringSelectGroup = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var SelectGroup_1 = __importDefault(require("./SelectGroup"));
-/** A `<SelectGroup/>` dropdown with values as strings. Multiple options can be selected at a time. */
-function MultiStringSelectGroup(props) {
-    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: true }, props));
-}
-exports.MultiStringSelectGroup = MultiStringSelectGroup;
-/** A `<SelectGroup/>` dropdown with the value as a string. Only one option can be selected at a time. */
-function SingleStringSelectGroup(props) {
-    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: false }, props));
-}
-exports.SingleStringSelectGroup = SingleStringSelectGroup;
+"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 });
+exports.SingleStringSelectGroup = exports.MultiStringSelectGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SelectGroup_1 = __importDefault(require("./SelectGroup"));
+/** A `<SelectGroup/>` dropdown with values as strings. Multiple options can be selected at a time. */
+function MultiStringSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: true }, props));
+}
+exports.MultiStringSelectGroup = MultiStringSelectGroup;
+/** A `<SelectGroup/>` dropdown with the value as a string. Only one option can be selected at a time. */
+function SingleStringSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: false }, props));
+}
+exports.SingleStringSelectGroup = SingleStringSelectGroup;

package/lib/StandardFormActions.d.ts

@@ -1,11 +1,11 @@
-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): 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/lib/StandardFormActions.js

@@ -1,31 +1,20 @@
-"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 classnames_1 = __importDefault(require("classnames"));
-var formik_1 = require("formik");
-var SubmitFormButton_1 = __importDefault(require("./SubmitFormButton"));
-var FormDefaults_1 = require("./FormDefaults");
-/** Standard submit and cancel buttons. */
-function StandardFormActions(_a) {
-    var allowPristineSubmit = _a.allowPristineSubmit, handleCancel = _a.handleCancel;
-    var isSubmitting = (0, formik_1.useFormikContext)().isSubmitting;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SubmitFormButton_1.default, { allowPristineSubmit: allowPristineSubmit }), "\u00A0", (0, jsx_runtime_1.jsx)("button", __assign({ className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'standard-form-actions-cancel-button'), type: "button", disabled: isSubmitting, onClick: handleCancel || goBack }, { children: "Cancel" }))] }));
-    function goBack() {
-        window.history.back();
-    }
-}
-exports.default = StandardFormActions;
+"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 classnames_1 = __importDefault(require("classnames"));
+var formik_1 = require("formik");
+var SubmitFormButton_1 = __importDefault(require("./SubmitFormButton"));
+var FormDefaults_1 = require("./FormDefaults");
+/** Standard submit and cancel buttons. */
+function StandardFormActions(_a) {
+    var allowPristineSubmit = _a.allowPristineSubmit, handleCancel = _a.handleCancel;
+    var isSubmitting = (0, formik_1.useFormikContext)().isSubmitting;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SubmitFormButton_1.default, { allowPristineSubmit: allowPristineSubmit }), "\u00A0", (0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'standard-form-actions-cancel-button'), type: "button", disabled: isSubmitting, onClick: handleCancel || goBack, children: "Cancel" })] }));
+    function goBack() {
+        window.history.back();
+    }
+}
+exports.default = StandardFormActions;

package/lib/SubmitFormButton.d.ts

@@ -1,10 +1,10 @@
-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;
-}
-declare const _default: React.FunctionComponent<SubmitFormButtonProps>;
-/** Generic submit button for forms. */
-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;

package/lib/SubmitFormButton.js

@@ -1,45 +1,45 @@
-"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_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var formik_1 = require("formik");
-var FormDefaults_1 = require("./FormDefaults");
-function SubmitFormButton(_a, ref) {
-    var allowPristineSubmit = _a.allowPristineSubmit, children = _a.children, disabled = _a.disabled, title = _a.title, className = _a.className, props = __rest(_a, ["allowPristineSubmit", "children", "disabled", "title", "className"]);
-    var _b = (0, formik_1.useFormikContext)(), isSubmitting = _b.isSubmitting, dirty = _b.dirty;
-    var preventSubmit = (!dirty && !allowPristineSubmit) || isSubmitting;
-    var buttonName = typeof children === 'string' ? children : 'Submit';
-    return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { ref: ref, type: "submit", disabled: preventSubmit || disabled, "aria-label": buttonName, title: title || isSubmitting
-            ? 'Loading, please wait...'
-            : preventSubmit
-                ? "You haven't made any changes"
-                : '', className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'submit-form-button', className) }, { children: children || 'Submit' })));
-}
-/** Generic submit button for forms. */
-exports.default = react_1.default.forwardRef(SubmitFormButton);
+"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_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var formik_1 = require("formik");
+var FormDefaults_1 = require("./FormDefaults");
+function SubmitFormButton(_a, ref) {
+    var allowPristineSubmit = _a.allowPristineSubmit, children = _a.children, disabled = _a.disabled, title = _a.title, className = _a.className, props = __rest(_a, ["allowPristineSubmit", "children", "disabled", "title", "className"]);
+    var _b = (0, formik_1.useFormikContext)(), isSubmitting = _b.isSubmitting, dirty = _b.dirty;
+    var preventSubmit = (!dirty && !allowPristineSubmit) || isSubmitting;
+    var buttonName = typeof children === 'string' ? children : 'Submit';
+    return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { ref: ref, type: "submit", disabled: preventSubmit || disabled, "aria-label": buttonName, title: title || isSubmitting
+            ? 'Loading, please wait...'
+            : preventSubmit
+                ? "You haven't made any changes"
+                : '', className: (0, classnames_1.default)(FormDefaults_1.FormDefaults.cssClassPrefix + 'submit-form-button', className), children: children || 'Submit' })));
+}
+/** Generic submit button for forms. */
+exports.default = react_1.default.forwardRef(SubmitFormButton);

package/lib/TextArea/TextAreaGroup.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { InjectedFieldProps } from '../Field/InjectedFieldProps';
-import { GroupProps } from '../Group';
-export interface TextAreaGroupProps extends InjectedFieldProps<string | undefined | null>, Omit<React.HTMLProps<HTMLTextAreaElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
-    icon?: React.ReactNode;
-}
-/** Generic controlled `<textarea/>` wrapped by a `<Group/>` */
-declare const TextAreaGroupWithRef: React.ComponentType<TextAreaGroupProps>;
-export default TextAreaGroupWithRef;
+import React from 'react';
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface TextAreaGroupProps extends InjectedFieldProps<string | undefined | null>, Omit<React.HTMLProps<HTMLTextAreaElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
+    icon?: React.ReactNode;
+}
+/** Generic controlled `<textarea/>` wrapped by a `<Group/>` */
+declare const TextAreaGroupWithRef: React.ComponentType<TextAreaGroupProps>;
+export default TextAreaGroupWithRef;

package/lib/TextArea/TextAreaGroup.js

@@ -1,40 +1,40 @@
-"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_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var FormDefaults_1 = require("../FormDefaults");
-var Group_1 = __importDefault(require("../Group"));
-function TextAreaGroup(_a, ref) {
-    var _b;
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, icon = _a.icon, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "icon"]);
-    return ((0, jsx_runtime_1.jsxs)(Group_1.default, __assign({ input: input, meta: meta, required: required, disabled: disabled, label: label, helpText: helpText, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'text-area-group') }, { children: [icon, (0, jsx_runtime_1.jsx)("textarea", __assign({}, input, rest, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (val) { return input.onChange(val.target.value); }, ref: ref, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'text-area-group') }))] })));
-}
-/** Generic controlled `<textarea/>` wrapped by a `<Group/>` */
-var TextAreaGroupWithRef = react_1.default.forwardRef(TextAreaGroup);
-exports.default = TextAreaGroupWithRef;
+"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_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormDefaults_1 = require("../FormDefaults");
+var Group_1 = __importDefault(require("../Group"));
+function TextAreaGroup(_a, ref) {
+    var _b;
+    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, icon = _a.icon, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "icon"]);
+    return ((0, jsx_runtime_1.jsxs)(Group_1.default, { input: input, meta: meta, required: required, disabled: disabled, label: label, helpText: helpText, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'text-area-group'), children: [icon, (0, jsx_runtime_1.jsx)("textarea", __assign({}, input, rest, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (val) { return input.onChange(val.target.value); }, ref: ref, className: (0, classnames_1.default)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'text-area-group') }))] }));
+}
+/** Generic controlled `<textarea/>` wrapped by a `<Group/>` */
+var TextAreaGroupWithRef = react_1.default.forwardRef(TextAreaGroup);
+exports.default = TextAreaGroupWithRef;

package/lib/Validation/ValidatedApiResult.d.ts

@@ -1,6 +1,6 @@
-import { ValidationError } from './ValidationError';
-/** The root result from a typical envoc API call when forms are returned */
-export interface ValidatedApiResult {
-    validationFailures?: ValidationError[];
-    hasErrors?: boolean;
-}
+import { ValidationError } from './ValidationError';
+/** The root result from a typical envoc API call when forms are returned */
+export interface ValidatedApiResult {
+    validationFailures?: ValidationError[];
+    hasErrors?: boolean;
+}

package/lib/Validation/ValidatedApiResult.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });