envoc-form 4.1.0 → 5.0.2

package/es/Input/NumberInputGroup.js

@@ -1,43 +1,43 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import InputGroup from './InputGroup';
-import { FormDefaults } from '../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 (_jsx(InputGroup, __assign({ ref: ref }, rest, { type: "number", className: classNames(className, 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.forwardRef(NumberInputGroup);
-export default NumberInputGroupWithRef;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import classNames from 'classnames';
+import InputGroup from './InputGroup';
+import { FormDefaults } from '../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 (_jsx(InputGroup, __assign({ ref: ref }, rest, { type: "number", className: classNames(className, 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.forwardRef(NumberInputGroup);
+export default NumberInputGroupWithRef;

package/es/Input/PhoneNumberInputGroup.d.ts

@@ -0,0 +1,10 @@
+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/es/Input/PhoneNumberInputGroup.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import classNames from 'classnames';
+import InputGroup from './InputGroup';
+import { FormDefaults } from '../FormDefaults';
+import { phoneNumber } from '../Normalization/normalizers';
+function PhoneNumberInputGroup(_a, ref) {
+    var _b;
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    var input = rest.input;
+    return (_jsx(InputGroup, __assign({ ref: ref, autoComplete: "tel-national" }, rest, { type: "text", className: classNames(className, 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(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.forwardRef(PhoneNumberInputGroup);
+export default PhoneNumberInputGroupWithRef;

package/es/Input/StringInputGroup.d.ts

@@ -1,8 +1,8 @@
-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;
+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/es/Input/StringInputGroup.js

@@ -1,43 +1,43 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import InputGroup from './InputGroup';
-import { FormDefaults } from '../FormDefaults';
-function StringInputGroup(_a, ref) {
-    var _b;
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    var input = rest.input;
-    return (_jsx(InputGroup, __assign({ ref: ref }, rest, { className: classNames(className, 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.forwardRef(StringInputGroup);
-export default StringInputGroupWithRef;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import classNames from 'classnames';
+import InputGroup from './InputGroup';
+import { FormDefaults } from '../FormDefaults';
+function StringInputGroup(_a, ref) {
+    var _b;
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    var input = rest.input;
+    return (_jsx(InputGroup, __assign({ ref: ref }, rest, { className: classNames(className, 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.forwardRef(StringInputGroup);
+export default StringInputGroupWithRef;

package/es/Normalization/NormalizationFunction.d.ts

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

package/es/Normalization/NormalizationFunction.js

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

package/es/Normalization/normalizers.d.ts

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

package/es/Normalization/normalizers.js

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

package/es/Select/BooleanSelectGroup.d.ts

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

package/es/Select/BooleanSelectGroup.js

@@ -1,28 +1,28 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import SelectGroup from './SelectGroup';
-var booleanOptions = [
-    {
-        label: 'Yes',
-        value: true,
-    },
-    {
-        label: 'No',
-        value: false,
-    },
-];
-/** A `<SelectGroup/>` dropdown with two options. Default options are 'Yes' and 'No' with values of `true` and `false`. */
-export function BooleanSelectGroup(props) {
-    var _a;
-    return (_jsx(SelectGroup, __assign({ multiple: false }, props, { options: (_a = props.options) !== null && _a !== void 0 ? _a : booleanOptions })));
-}
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import SelectGroup from './SelectGroup';
+var booleanOptions = [
+    {
+        label: 'Yes',
+        value: true,
+    },
+    {
+        label: 'No',
+        value: false,
+    },
+];
+/** A `<SelectGroup/>` dropdown with two options. Default options are 'Yes' and 'No' with values of `true` and `false`. */
+export function BooleanSelectGroup(props) {
+    var _a;
+    return (_jsx(SelectGroup, __assign({ multiple: false }, props, { options: (_a = props.options) !== null && _a !== void 0 ? _a : booleanOptions })));
+}

package/es/Select/NumberSelectGroup.d.ts

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

package/es/Select/NumberSelectGroup.js

@@ -1,21 +1,21 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import SelectGroup from './SelectGroup';
-/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
-export function MultiNumberSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: true }, props));
-}
-/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
-export function SingleNumberSelectGroup(props) {
-    return _jsx(SelectGroup, __assign({ multiple: false }, props));
-}
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import SelectGroup from './SelectGroup';
+/** A `<SelectGroup/>` dropdown with values as numbers. Many options can be selected at a time. */
+export function MultiNumberSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: true }, props));
+}
+/** A `<SelectGroup/>` dropdown with values as numbers. Only one option can be selected at a time. */
+export function SingleNumberSelectGroup(props) {
+    return _jsx(SelectGroup, __assign({ multiple: false }, props));
+}

package/es/Select/SelectGroup.d.ts

@@ -1,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 {};