envoc-form 3.2.0 → 4.0.1-1

package/lib/Input/MoneyInputGroup.js

@@ -0,0 +1,46 @@
+"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 InputGroup_1 = __importDefault(require("./InputGroup"));
+function MoneyInputGroup(_a, ref) {
+    var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
+    var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
+    var input = rest.input;
+    return ((0, jsx_runtime_1.jsx)(InputGroup_1.default, __assign({ ref: ref, step: 0.01, min: 0 }, rest, { type: "number", className: (0, classnames_1.default)(className, 'money-group'), value: input.value || '', onChange: function (e) {
+            if (!e.target.value) {
+                input.onChange(undefined);
+            }
+            else {
+                input.onChange(effectiveParse(e.target.value));
+            }
+        } })));
+}
+var MoneyInputGroupWithRef = react_1.default.forwardRef(MoneyInputGroup);
+exports.default = MoneyInputGroupWithRef;

package/lib/Input/NumberInputGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputGroupProps } from './InputGroup';
+export interface NumberInputGroupProps extends Omit<InputGroupProps<number | undefined>, 'onChange' | 'type' | 'value'> {
+    parseFunc?: typeof parseInt | typeof parseFloat;
+}
+declare const NumberInputGroupWithRef: React.ComponentType<NumberInputGroupProps>;
+export default NumberInputGroupWithRef;

package/lib/Input/NumberInputGroup.js

@@ -0,0 +1,46 @@
+"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 InputGroup_1 = __importDefault(require("./InputGroup"));
+function NumberInputGroup(_a, ref) {
+    var parseFunc = _a.parseFunc, className = _a.className, rest = __rest(_a, ["parseFunc", "className"]);
+    var effectiveParse = parseFunc !== null && parseFunc !== void 0 ? parseFunc : parseFloat;
+    var input = rest.input;
+    return ((0, jsx_runtime_1.jsx)(InputGroup_1.default, __assign({ ref: ref }, rest, { type: "number", className: (0, classnames_1.default)(className, 'number-group'), value: input.value || '', onChange: function (e) {
+            if (!e.target.value) {
+                input.onChange(undefined);
+            }
+            else {
+                input.onChange(effectiveParse(e.target.value));
+            }
+        } })));
+}
+var NumberInputGroupWithRef = react_1.default.forwardRef(NumberInputGroup);
+exports.default = NumberInputGroupWithRef;

package/lib/Input/StringInputGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputGroupProps } from './InputGroup';
+export interface StringInputGroupProps extends Omit<InputGroupProps<string | undefined>, 'onChange' | 'type' | 'value'> {
+    type?: 'color' | 'email' | 'search' | 'tel' | 'text' | 'url' | 'password' | 'textarea';
+}
+declare const StringInputGroupWithRef: React.ComponentType<StringInputGroupProps>;
+export default StringInputGroupWithRef;

package/lib/Input/StringInputGroup.js

@@ -0,0 +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 InputGroup_1 = __importDefault(require("./InputGroup"));
+function StringInputGroup(_a, ref) {
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    var input = rest.input;
+    return ((0, jsx_runtime_1.jsx)(InputGroup_1.default, __assign({ ref: ref }, rest, { className: (0, classnames_1.default)(className, 'string-group'), value: input.value || '', onChange: function (e) {
+            if (!e.target.value) {
+                input.onChange(undefined);
+            }
+            else {
+                input.onChange(e.target.value);
+            }
+        } })));
+}
+var StringInputGroupWithRef = react_1.default.forwardRef(StringInputGroup);
+exports.default = StringInputGroupWithRef;

package/lib/Normalization/NormalizationFunction.d.ts

@@ -0,0 +1,4 @@
+/** Normalization of values */
+export interface NormalizationFunction<TValue> {
+    (value: TValue): TValue;
+}

package/lib/Normalization/NormalizationFunction.js

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

package/lib/Normalization/normalizers.d.ts

@@ -0,0 +1,2 @@
+export declare const phoneNumber: (value: string | undefined) => string | undefined;
+export declare const zipCode: (value: string | undefined) => string | undefined;

package/lib/Normalization/normalizers.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zipCode = exports.phoneNumber = void 0;
+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;
+};
+exports.phoneNumber = phoneNumber;
+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;
+};
+exports.zipCode = zipCode;

package/lib/Select/BooleanSelectGroup.d.ts

@@ -0,0 +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;

package/lib/Select/BooleanSelectGroup.js

@@ -0,0 +1,34 @@
+"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.BooleanSelectGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SelectGroup_1 = __importDefault(require("./SelectGroup"));
+var booleanOptions = [
+    {
+        label: 'Yes',
+        value: true,
+    },
+    {
+        label: 'No',
+        value: false,
+    },
+];
+function BooleanSelectGroup(props) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: false }, props, { options: (_a = props.options) !== null && _a !== void 0 ? _a : booleanOptions })));
+}
+exports.BooleanSelectGroup = BooleanSelectGroup;

package/lib/Select/NumberSelectGroup.d.ts

@@ -0,0 +1,8 @@
+/// <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;

package/lib/Select/NumberSelectGroup.js

@@ -0,0 +1,27 @@
+"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.SingleNumberSelectGroup = exports.MultiNumberSelectGroup = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SelectGroup_1 = __importDefault(require("./SelectGroup"));
+function MultiNumberSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: true }, props));
+}
+exports.MultiNumberSelectGroup = MultiNumberSelectGroup;
+function SingleNumberSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: false }, props));
+}
+exports.SingleNumberSelectGroup = SingleNumberSelectGroup;

package/lib/Select/SelectGroup.d.ts

@@ -0,0 +1,22 @@
+/// <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 {};

package/lib/Select/SelectGroup.js

@@ -0,0 +1,65 @@
+"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 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
+function SelectGroup(_a) {
+    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 ((0, jsx_runtime_1.jsx)(Group_1.default, __assign({}, rest, { input: input, meta: meta, className: (0, classnames_1.default)(className, { multiple: multiple, 'is-loading': isLoading }, 'select-group') }, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { 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: (0, classnames_1.default)(className, '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

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

package/lib/Select/SelectGroupPropsHelper.js

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

package/lib/Select/StringSelectGroup.d.ts

@@ -0,0 +1,8 @@
+/// <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;

package/lib/Select/StringSelectGroup.js

@@ -0,0 +1,27 @@
+"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"));
+function MultiStringSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: true }, props));
+}
+exports.MultiStringSelectGroup = MultiStringSelectGroup;
+function SingleStringSelectGroup(props) {
+    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: false }, props));
+}
+exports.SingleStringSelectGroup = SingleStringSelectGroup;

package/lib/StandardFormActions.d.ts

@@ -0,0 +1,6 @@
+import { MouseEventHandler } from 'react';
+export interface StandardFormActionsProps {
+    allowPristineSubmit?: boolean;
+    handleCancel?: MouseEventHandler<HTMLButtonElement>;
+}
+export default function StandardFormActions({ allowPristineSubmit, handleCancel, }: StandardFormActionsProps): JSX.Element;

package/lib/StandardFormActions.js

@@ -1,37 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = StandardFormActions;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-var _formik = require("formik");
-
-var _SubmitFormButton = _interopRequireDefault(require("./SubmitFormButton"));
-
-function StandardFormActions(_ref) {
-  var allowPristineSubmit = _ref.allowPristineSubmit,
-      handleCancel = _ref.handleCancel;
-
-  var _useFormikContext = (0, _formik.useFormikContext)(),
-      isSubmitting = _useFormikContext.isSubmitting;
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_SubmitFormButton["default"], {
-    allowPristineSubmit: allowPristineSubmit
-  }), "\xA0", /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-    type: "button",
-    color: "link",
-    disabled: isSubmitting,
-    onClick: handleCancel || goBack
-  }, "Cancel"));
-
-  function goBack() {
-    window.history.back();
-  }
-}
+"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"));
+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)('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

@@ -0,0 +1,7 @@
+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;

package/lib/SubmitFormButton.js

@@ -1,38 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = SubmitFormButton;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-var _formik = require("formik");
-
-var _excluded = ["allowPristineSubmit", "children"];
-
-function SubmitFormButton(_ref) {
-  var allowPristineSubmit = _ref.allowPristineSubmit,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useFormikContext = (0, _formik.useFormikContext)(),
-      isSubmitting = _useFormikContext.isSubmitting,
-      dirty = _useFormikContext.dirty;
-
-  var preventSubmit = !dirty && !allowPristineSubmit || isSubmitting;
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, (0, _extends2["default"])({
-    type: "submit",
-    color: "primary",
-    disabled: preventSubmit,
-    title: isSubmitting ? 'Loading, please wait...' : preventSubmit ? "You haven't made any changes" : ''
-  }, props), children || 'Submit');
-}
+"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");
+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;
+    return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { ref: ref, type: "submit", disabled: preventSubmit || disabled, title: title || isSubmitting
+            ? 'Loading, please wait...'
+            : preventSubmit
+                ? "You haven't made any changes"
+                : '', className: (0, classnames_1.default)('submit-form-button', className) }, { children: children || 'Submit' })));
+}
+exports.default = react_1.default.forwardRef(SubmitFormButton);

package/lib/TextArea/TextAreaGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InjectedFieldProps } from '../Field/InjectedFieldProps';
+import { GroupProps } from '../Group';
+export interface TextAreaGroupProps extends InjectedFieldProps<string | undefined>, Omit<React.HTMLProps<HTMLTextAreaElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
+    icon?: React.ReactNode;
+}
+declare const TextAreaGroupWithRef: React.ComponentType<TextAreaGroupProps>;
+export default TextAreaGroupWithRef;