envoc-form 5.0.9 → 6.0.1-1

package/lib/Input/IconInputGroup.js

@@ -1,48 +0,0 @@
-"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 clsx_1 = require("clsx");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-var FormDefaults_1 = require("../FormDefaults");
-function IconInputGroup(_a, ref) {
-    var _b;
-    var icon = _a.icon, className = _a.className, rest = __rest(_a, ["icon", "className"]);
-    var input = rest.input;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(InputGroup_1.default, __assign({ icon: icon, ref: ref, className: (0, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'icon-input-group'), value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
-                if (!e.target.value) {
-                    input.onChange(undefined);
-                }
-                else {
-                    input.onChange(e.target.value);
-                }
-            } }, rest)) }));
-}
-/** Input group with an icon. */
-var IconInputGroupWithRef = react_1.default.forwardRef(IconInputGroup);
-exports.default = IconInputGroupWithRef;

package/lib/Input/InputGroup.d.ts

@@ -1,12 +0,0 @@
-import React, { ChangeEventHandler, LegacyRef } from 'react';
-import { InjectedFieldProps } from '../Field/InjectedFieldProps';
-import { GroupProps } from '../Group';
-export interface InputGroupProps<TValue> extends InjectedFieldProps<TValue>, Omit<React.HTMLProps<HTMLInputElement>, keyof InjectedFieldProps<any> | 'children' | 'className' | 'label' | 'value'>, Omit<GroupProps, keyof InjectedFieldProps<any> | 'children'> {
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    value: string | number | null | undefined;
-    icon?: React.ReactNode;
-}
-declare function InputGroup<TValue>({ input, meta, label, helpText, className, required, disabled, onChange, value, icon, type, ...rest }: InputGroupProps<TValue>, ref: LegacyRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
-/** Generic controlled `<input/>` wrapped by a `<Group/>` */
-declare const InputGroupWithRef: typeof InputGroup;
-export default InputGroupWithRef;

package/lib/Input/InputGroup.js

@@ -1,39 +0,0 @@
-"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 clsx_1 = require("clsx");
-var FormDefaults_1 = require("../FormDefaults");
-var Group_1 = __importDefault(require("../Group"));
-function InputGroup(_a, ref) {
-    var input = _a.input, meta = _a.meta, label = _a.label, helpText = _a.helpText, className = _a.className, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, icon = _a.icon, type = _a.type, rest = __rest(_a, ["input", "meta", "label", "helpText", "className", "required", "disabled", "onChange", "value", "icon", "type"]);
-    return ((0, jsx_runtime_1.jsxs)(Group_1.default, { input: input, meta: meta, required: required, disabled: disabled, label: label, helpText: helpText, className: (0, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'input-group'), children: [icon, (0, jsx_runtime_1.jsx)("input", __assign({}, input, rest, { "aria-invalid": !!meta.error, "aria-errormessage": !!meta.error ? "".concat(input.name, "-error") : undefined, value: value !== null && value !== void 0 ? value : '', onChange: onChange, ref: ref, className: (0, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'input-group'), disabled: disabled, type: disabled ? 'text' : type }))] }));
-}
-/** Generic controlled `<input/>` wrapped by a `<Group/>` */
-var InputGroupWithRef = react_1.default.forwardRef(InputGroup);
-exports.default = InputGroupWithRef;

package/lib/Input/MoneyInputGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { InputGroupProps } from './InputGroup';
-export interface MoneyInputGroupProps extends Omit<InputGroupProps<number | undefined | null>, 'onChange' | 'type' | 'value'> {
-    /** Custom parsing function when the value changes. */
-    parseFunc?: typeof parseInt | typeof parseFloat;
-}
-/** Input group for inputting money. */
-declare const MoneyInputGroupWithRef: React.FunctionComponent<MoneyInputGroupProps>;
-export default MoneyInputGroupWithRef;

package/lib/Input/MoneyInputGroup.js

@@ -1,48 +0,0 @@
-"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 clsx_1 = require("clsx");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-var FormDefaults_1 = require("../FormDefaults");
-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, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'money-group'), value: input.value || '', onChange: function (e) {
-            if (!e.target.value) {
-                input.onChange(undefined);
-            }
-            else {
-                input.onChange(effectiveParse(e.target.value));
-            }
-        } })));
-}
-/** Input group for inputting money. */
-var MoneyInputGroupWithRef = react_1.default.forwardRef(MoneyInputGroup);
-exports.default = MoneyInputGroupWithRef;

package/lib/Input/NumberInputGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { InputGroupProps } from './InputGroup';
-export interface NumberInputGroupProps extends Omit<InputGroupProps<number | undefined | null>, 'onChange' | 'type' | 'value'> {
-    /** Custom parsing function when the value changes. */
-    parseFunc?: typeof parseInt | typeof parseFloat;
-}
-/** Standard number input group. By default allows for float values. */
-declare const NumberInputGroupWithRef: React.ComponentType<NumberInputGroupProps>;
-export default NumberInputGroupWithRef;

package/lib/Input/NumberInputGroup.js

@@ -1,48 +0,0 @@
-"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 clsx_1 = require("clsx");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-var FormDefaults_1 = require("../FormDefaults");
-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, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'number-group'), value: input.value || '', onChange: function (e) {
-            if (!e.target.value) {
-                input.onChange(undefined);
-            }
-            else {
-                input.onChange(effectiveParse(e.target.value));
-            }
-        } })));
-}
-/** Standard number input group. By default allows for float values. */
-var NumberInputGroupWithRef = react_1.default.forwardRef(NumberInputGroup);
-exports.default = NumberInputGroupWithRef;

package/lib/Input/PhoneNumberInputGroup.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { InputGroupProps } from './InputGroup';
-export interface PhoneNumberInputGroupProps extends Omit<InputGroupProps<string | undefined | null>, 'onChange' | 'type' | 'value'> {
-}
-/**A standard phone number input. Will display to the user in `+XXX XXX-XXX-XXXX` format as the number is being inputted.
- * The data will get sent in the same format as displayed. Uses `normalizers.phoneNumber`.
- * @default autoComplete="tel-national"
- */
-declare const PhoneNumberInputGroupWithRef: React.ComponentType<PhoneNumberInputGroupProps>;
-export default PhoneNumberInputGroupWithRef;

package/lib/Input/PhoneNumberInputGroup.js

@@ -1,52 +0,0 @@
-"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 clsx_1 = require("clsx");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-var FormDefaults_1 = require("../FormDefaults");
-var normalizers_1 = require("../Normalization/normalizers");
-function PhoneNumberInputGroup(_a, ref) {
-    var _b;
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    var input = rest.input;
-    return ((0, jsx_runtime_1.jsx)(InputGroup_1.default, __assign({ ref: ref, autoComplete: "tel-national" }, rest, { type: "text", className: (0, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'phone-number-group'), value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
-            if (!e.target.value) {
-                input.onChange(undefined);
-            }
-            else {
-                input.onChange((0, normalizers_1.phoneNumber)(e.target.value));
-            }
-        } })));
-}
-/**A standard phone number input. Will display to the user in `+XXX XXX-XXX-XXXX` format as the number is being inputted.
- * The data will get sent in the same format as displayed. Uses `normalizers.phoneNumber`.
- * @default autoComplete="tel-national"
- */
-var PhoneNumberInputGroupWithRef = react_1.default.forwardRef(PhoneNumberInputGroup);
-exports.default = PhoneNumberInputGroupWithRef;

package/lib/Input/StringInputGroup.d.ts

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

package/lib/Input/StringInputGroup.js

@@ -1,48 +0,0 @@
-"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 clsx_1 = require("clsx");
-var InputGroup_1 = __importDefault(require("./InputGroup"));
-var FormDefaults_1 = require("../FormDefaults");
-function StringInputGroup(_a, ref) {
-    var _b;
-    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, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'string-group'), value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
-            if (!e.target.value) {
-                input.onChange(undefined);
-            }
-            else {
-                input.onChange(e.target.value);
-            }
-        } })));
-}
-/** Standard string input group. */
-var StringInputGroupWithRef = react_1.default.forwardRef(StringInputGroup);
-exports.default = StringInputGroupWithRef;

package/lib/Normalization/NormalizationFunction.d.ts

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

package/lib/Normalization/NormalizationFunction.js

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

package/lib/Normalization/normalizers.d.ts

@@ -1,4 +0,0 @@
-/** 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/lib/Normalization/normalizers.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.zipCode = exports.phoneNumber = void 0;
-/** Normalizer for converting a string into a valid phone number. */
-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;
-/** Normalizer for converting a string into a valid zip code. Allows for XXXXX and XXXXX-XXXX format. */
-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

@@ -1,7 +0,0 @@
-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/lib/Select/BooleanSelectGroup.js

@@ -1,35 +0,0 @@
-"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,
-    },
-];
-/** A `<SelectGroup/>` dropdown with two options. Default options are 'Yes' and 'No' with values of `true` and `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

@@ -1,9 +0,0 @@
-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/lib/Select/NumberSelectGroup.js

@@ -1,29 +0,0 @@
-"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"));
-/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
-function MultiNumberSelectGroup(props) {
-    return (0, jsx_runtime_1.jsx)(SelectGroup_1.default, __assign({ multiple: true }, props));
-}
-exports.MultiNumberSelectGroup = MultiNumberSelectGroup;
-/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
-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

@@ -1,29 +0,0 @@
-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;
-    /** allows the select value to be cleared */
-    isClearable?: boolean;
-}
-/** Generic select dropdown. Uses [react-select](https://react-select.com/home). */
-export default function SelectGroup<TValue>({ input, meta, className, required, disabled, options, multiple, placeholder, isClearable, label, helpText, ...rest }: SelectGroupProps<TValue>): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/Select/SelectGroup.js

@@ -1,71 +0,0 @@
-"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 clsx_1 = require("clsx");
-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, isClearable = _a.isClearable, label = _a.label, helpText = _a.helpText, rest = __rest(_a, ["input", "meta", "className", "required", "disabled", "options", "multiple", "placeholder", "isClearable", "label", "helpText"]);
-    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, { input: input, meta: meta, label: label, helpText: helpText, required: required, disabled: disabled, className: (0, clsx_1.clsx)(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, __assign({}, rest, { 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, clsx_1.clsx)(className, FormDefaults_1.FormDefaults.cssClassPrefix + 'select-group'), classNamePrefix: "react-select", menuPortalTarget: document.body, menuPlacement: "auto", placeholder: placeholder, isClearable: isClearable })) }));
-    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 +0,0 @@
-import { SelectGroupProps } from './SelectGroup';
-export interface SelectGroupPropsHelper<T> extends Omit<SelectGroupProps<T>, 'multiple'> {
-}

package/lib/Select/SelectGroupPropsHelper.js

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

package/lib/Select/StringSelectGroup.d.ts

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