@dfds-ui/forms 2.0.17-alpha.9914211c → 2.0.17-alpha.d371b33b

package/select-field/AsyncSelectField.d.ts

@@ -0,0 +1,99 @@
+import React from 'react';
+import { GroupBase } from 'react-select';
+import { AsyncProps } from 'react-select/async';
+import { BaseFieldProps } from '../types';
+declare type Size = 'small' | 'medium' | 'large';
+export declare type AsyncSelectFieldProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseFieldProps & AsyncProps<Option, IsMulti, Group> & {
+    isClearable?: boolean;
+    value?: any;
+    visualSize?: Size;
+};
+declare const AsyncSelectFieldInner: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ assistiveText, components, disabled, errorMessage, help, helpPlacement, hideAsterisk, isClearable, label, name, onBlur, onChange, required, visualSize, ...rest }: AsyncSelectFieldProps<Option, IsMulti, Group>, ref: React.ForwardedRef<any>) => JSX.Element;
+export declare const AsyncSelectField: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: BaseFieldProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
+    'aria-live': string;
+    backspaceRemovesValue: boolean;
+    blurInputOnSelect: boolean;
+    captureMenuScroll: boolean;
+    closeMenuOnSelect: boolean;
+    closeMenuOnScroll: boolean;
+    components: {};
+    controlShouldRenderValue: boolean;
+    escapeClearsValue: boolean;
+    filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
+    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
+    getOptionLabel: <Option_2>(option: Option_2) => string;
+    getOptionValue: <Option_3>(option: Option_3) => string;
+    isDisabled: boolean;
+    isLoading: boolean;
+    isMulti: boolean;
+    isRtl: boolean;
+    isSearchable: boolean;
+    isOptionDisabled: <Option_4>(option: Option_4) => boolean;
+    loadingMessage: () => string;
+    maxMenuHeight: number;
+    minMenuHeight: number;
+    menuIsOpen: boolean;
+    menuPlacement: string;
+    menuPosition: string;
+    menuShouldBlockScroll: boolean;
+    menuShouldScrollIntoView: boolean;
+    noOptionsMessage: () => string;
+    openMenuOnFocus: boolean;
+    openMenuOnClick: boolean;
+    options: never[];
+    pageSize: number;
+    placeholder: string;
+    screenReaderStatus: ({ count }: {
+        count: number;
+    }) => string;
+    styles: {};
+    tabIndex: number;
+    tabSelectsValue: boolean;
+}, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
+    'aria-live': string;
+    backspaceRemovesValue: boolean;
+    blurInputOnSelect: boolean;
+    captureMenuScroll: boolean;
+    closeMenuOnSelect: boolean;
+    closeMenuOnScroll: boolean;
+    components: {};
+    controlShouldRenderValue: boolean;
+    escapeClearsValue: boolean;
+    filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
+    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
+    getOptionLabel: <Option_2>(option: Option_2) => string;
+    getOptionValue: <Option_3>(option: Option_3) => string;
+    isDisabled: boolean;
+    isLoading: boolean;
+    isMulti: boolean;
+    isRtl: boolean;
+    isSearchable: boolean;
+    isOptionDisabled: <Option_4>(option: Option_4) => boolean;
+    loadingMessage: () => string;
+    maxMenuHeight: number;
+    minMenuHeight: number;
+    menuIsOpen: boolean;
+    menuPlacement: string;
+    menuPosition: string;
+    menuShouldBlockScroll: boolean;
+    menuShouldScrollIntoView: boolean;
+    noOptionsMessage: () => string;
+    openMenuOnFocus: boolean;
+    openMenuOnClick: boolean;
+    options: never[];
+    pageSize: number;
+    placeholder: string;
+    screenReaderStatus: ({ count }: {
+        count: number;
+    }) => string;
+    styles: {};
+    tabIndex: number;
+    tabSelectsValue: boolean;
+}, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<Option, Group> & {
+    isClearable?: boolean | undefined;
+    value?: any;
+    visualSize?: Size | undefined;
+} & {
+    ref?: React.ForwardedRef<any> | undefined;
+}) => ReturnType<typeof AsyncSelectFieldInner>;
+export default AsyncSelectField;

package/select-field/AsyncSelectField.js

@@ -0,0 +1,126 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["assistiveText", "components", "disabled", "errorMessage", "help", "helpPlacement", "hideAsterisk", "isClearable", "label", "name", "onBlur", "onChange", "required", "visualSize"];
+var _templateObject;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from 'react';
+import AsyncSelect from 'react-select/async';
+import AssistiveText from '../assistive-text/AssistiveText';
+import ErrorText from '../error-text/ErrorText';
+import HelpIcon from '../help-icon/HelpIcon';
+import { Label } from '../label/Label';
+import { FlexBox } from '@dfds-ui/react-components/flexbox';
+import { css } from '@emotion/react';
+import { media, theme } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var ReactSelectWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eeefs0"
+} : {
+  target: "eeefs0",
+  label: "ReactSelectWrapper"
+})("position:relative;[class$='-container']{&:has(span#aria-selection){[class$='-control']{border:1px solid ", function (p) {
+  return p.error ? theme.colors.status.alert : theme.colors.secondary.main;
+}, ";box-shadow:inset 0 0 0 1px ", function (p) {
+  return p.error ? theme.colors.status.alert : theme.colors.secondary.main;
+}, ";}[class$='-indicatorContainer']{color:", function (p) {
+  return p.error ? theme.colors.status.alert : theme.colors.secondary.dark;
+}, ";}}[class$='-control']{border:1px solid ", theme.colors.text.dark.secondary, ";height:", function (p) {
+  return p.size === 'small' && '32px' || p.size === 'medium' && '40px' || p.size === 'large' && '48px';
+}, ";min-height:", function (p) {
+  return p.size === 'small' && '32px' || p.size === 'medium' && '40px' || p.size === 'large' && '48px';
+}, ";border-color:", function (p) {
+  return p.error ? theme.colors.status.alert : p.disabled ? theme.colors.text.dark.disabled : theme.colors.text.dark.secondary;
+}, ";box-shadow:inset 0 0 0 ", function (p) {
+  return p.error ? 1 : 0;
+}, "px ", theme.colors.status.alert, ";padding-left:5px;border-radius:0;font-family:", theme.fontFamilies.system, ";font-size:", function (p) {
+  return p.size === 'large' && '1.125rem' || '1rem';
+}, ";appearance:none;cursor:pointer;background-color:", theme.colors.surface.primary, ";", media.lessThanEqual('m')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      font-size: 16px;\n    "]))), " &:hover{border:1px solid ", theme.colors.text.dark.primary, ";}}}[class$='-indicatorContainer']{color:", theme.colors.text.dark.secondary, ";}[class$='-indicatorSeparator']{display:none;}[class$='-placeholder']{opacity:", function (p) {
+  return p.disabled ? 0.3 : 1;
+}, ";}[class$='-menu']{margin-top:0;margin-bottom:0;z-index:500000;}[class$='-option']{font-family:", theme.fontFamilies.system, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJFIiwiZmlsZSI6Ii4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHcm91cEJhc2UgfSBmcm9tICdyZWFjdC1zZWxlY3QnXG5pbXBvcnQgQXN5bmNTZWxlY3QsIHsgQXN5bmNQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdC9hc3luYydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCBIZWxwSWNvbiBmcm9tICcuLi9oZWxwLWljb24vSGVscEljb24nXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU2l6ZSA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcblxuY29uc3QgUmVhY3RTZWxlY3RXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGVycm9yPzogYm9vbGVhblxuICBzaXplPzogc3RyaW5nXG4gIGFycm93PzogYm9vbGVhblxuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIFtjbGFzcyQ9Jy1jb250YWluZXInXSB7XG4gICAgJjpoYXMoc3BhbiNhcmlhLXNlbGVjdGlvbikge1xuICAgICAgW2NsYXNzJD0nLWNvbnRyb2wnXSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggJHsocCkgPT4gKHAuZXJyb3IgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0IDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluKX07XG4gICAgICB9XG4gICAgICBbY2xhc3MkPSctaW5kaWNhdG9yQ29udGFpbmVyJ10ge1xuICAgICAgICBjb2xvcjogJHsocCkgPT4gKHAuZXJyb3IgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0IDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgW2NsYXNzJD0nLWNvbnRyb2wnXSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgIGhlaWdodDogJHsocCkgPT5cbiAgICAgICAgKHAuc2l6ZSA9PT0gJ3NtYWxsJyAmJiAnMzJweCcpIHx8IChwLnNpemUgPT09ICdtZWRpdW0nICYmICc0MHB4JykgfHwgKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnNDhweCcpfTtcbiAgICAgIG1pbi1oZWlnaHQ6ICR7KHApID0+XG4gICAgICAgIChwLnNpemUgPT09ICdzbWFsbCcgJiYgJzMycHgnKSB8fCAocC5zaXplID09PSAnbWVkaXVtJyAmJiAnNDBweCcpIHx8IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzQ4cHgnKX07XG4gICAgICBib3JkZXItY29sb3I6ICR7KHApID0+XG4gICAgICAgIHAuZXJyb3JcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnRcbiAgICAgICAgICA6IHAuZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWRcbiAgICAgICAgICA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7KHApID0+IChwLmVycm9yID8gMSA6IDApfXB4ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuc3lzdGVtfTtcbiAgICAgIGZvbnQtc2l6ZTogJHsocCkgPT4gKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnMS4xMjVyZW0nKSB8fCAnMXJlbSd9O1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG5cbiAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgW2NsYXNzJD0nLWluZGljYXRvckNvbnRhaW5lciddIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gIH1cblxuICBbY2xhc3MkPSctaW5kaWNhdG9yU2VwYXJhdG9yJ10ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cblxuICBbY2xhc3MkPSctcGxhY2Vob2xkZXInXSB7XG4gICAgb3BhY2l0eTogJHsocCkgPT4gKHAuZGlzYWJsZWQgPyAwLjMgOiAxKX07XG4gIH1cblxuICBbY2xhc3MkPSctbWVudSddIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgei1pbmRleDogNTAwMDAwO1xuICB9XG5cbiAgW2NsYXNzJD0nLW9wdGlvbiddIHtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuc3lzdGVtfTtcbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBBc3luY1NlbGVjdEZpZWxkUHJvcHM8T3B0aW9uLCBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiwgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPj4gPSBCYXNlRmllbGRQcm9wcyAmXG4gIEFzeW5jUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4gJiB7XG4gICAgaXNDbGVhcmFibGU/OiBib29sZWFuXG4gICAgdmFsdWU/OiBhbnlcbiAgICB2aXN1YWxTaXplPzogU2l6ZVxuICB9XG5cbmNvbnN0IEFzeW5jU2VsZWN0RmllbGRJbm5lciA9IDxPcHRpb24sIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLCBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+PihcbiAge1xuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgY29tcG9uZW50cyxcbiAgICBkaXNhYmxlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaGVscCxcbiAgICBoZWxwUGxhY2VtZW50ID0gJ3RvcCcsXG4gICAgaGlkZUFzdGVyaXNrLFxuICAgIGlzQ2xlYXJhYmxlID0gZmFsc2UsXG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBvbkJsdXIsXG4gICAgb25DaGFuZ2UsXG4gICAgcmVxdWlyZWQsXG4gICAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICAgIC4uLnJlc3RcbiAgfTogQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+LFxuICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxhbnk+XG4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+XG4gICAgICA8RmxleEJveCBpdGVtc0ZsZXhTdGFydD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cblxuICAgICAgICB7aGVscCAmJiBoZWxwUGxhY2VtZW50ID09PSAndG9wJyA/IDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPiA6IHVuZGVmaW5lZH1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxSZWFjdFNlbGVjdFdyYXBwZXJcbiAgICAgICAgZXJyb3I9eyhlcnJvck1lc3NhZ2UgJiYgZXJyb3JNZXNzYWdlLmxlbmd0aCA+IDApIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgc2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcnJvdz17dHJ1ZX1cbiAgICAgID5cbiAgICAgICAgPEFzeW5jU2VsZWN0XG4gICAgICAgICAgaXNDbGVhcmFibGU9e2lzQ2xlYXJhYmxlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2hhbmdlPXsobmV3VmFsdWUsIGFjdGlvbk1ldGEpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG5ld1ZhbHVlLCBhY3Rpb25NZXRhKVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25CbHVyPXsoZSkgPT4gb25CbHVyICYmIG9uQmx1cihlKX1cbiAgICAgICAgLz5cbiAgICAgIDwvUmVhY3RTZWxlY3RXcmFwcGVyPlxuXG4gICAgICB7KGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlKSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgPEFzc2lzdGl2ZVRleHQgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpZD17bmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0IGlkPXtuYW1lICsgJ19hcmlhJ30+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG5cbi8vIFR5cGluZyBHZW5lcmljIGZvcndhcmRSZWYgbG9vayBoZXJlOlxuLy8gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvNTg0NjkyMjkvcmVhY3Qtd2l0aC10eXBlc2NyaXB0LWdlbmVyaWNzLXdoaWxlLXVzaW5nLXJlYWN0LWZvcndhcmRyZWYvNTg0NzMwMTJcbi8vIGh0dHBzOi8vZmV0dGJsb2cuZXUvdHlwZXNjcmlwdC1yZWFjdC1nZW5lcmljLWZvcndhcmQtcmVmcy9cbmV4cG9ydCBjb25zdCBBc3luY1NlbGVjdEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZihBc3luY1NlbGVjdEZpZWxkSW5uZXIpIGFzIDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IEFzeW5jU2VsZWN0RmllbGRQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPiAmIHtcbiAgICByZWY/OiBSZWFjdC5Gb3J3YXJkZWRSZWY8YW55PlxuICB9XG4pID0+IFJldHVyblR5cGU8dHlwZW9mIEFzeW5jU2VsZWN0RmllbGRJbm5lcj5cblxuZXhwb3J0IGRlZmF1bHQgQXN5bmNTZWxlY3RGaWVsZFxuIl19 */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1a7e1yb",
+  styles: "margin-top:0.25rem"
+} : {
+  name: "1dql2sk-AsyncSelectFieldInner",
+  styles: "margin-top:0.25rem;label:AsyncSelectFieldInner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEprQiIsImZpbGUiOiIuLi8uLi9zcmMvc2VsZWN0LWZpZWxkL0FzeW5jU2VsZWN0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR3JvdXBCYXNlIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuaW1wb3J0IEFzeW5jU2VsZWN0LCB7IEFzeW5jUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QvYXN5bmMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IEFzc2lzdGl2ZVRleHQgZnJvbSAnLi4vYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnXG5cbmNvbnN0IFJlYWN0U2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICBlcnJvcj86IGJvb2xlYW5cbiAgc2l6ZT86IHN0cmluZ1xuICBhcnJvdz86IGJvb2xlYW5cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxufT5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBbY2xhc3MkPSctY29udGFpbmVyJ10ge1xuICAgICY6aGFzKHNwYW4jYXJpYS1zZWxlY3Rpb24pIHtcbiAgICAgIFtjbGFzcyQ9Jy1jb250cm9sJ10ge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAkeyhwKSA9PiAocC5lcnJvciA/IHRoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnQgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4pfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgICAgfVxuICAgICAgW2NsYXNzJD0nLWluZGljYXRvckNvbnRhaW5lciddIHtcbiAgICAgICAgY29sb3I6ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFyayl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIFtjbGFzcyQ9Jy1jb250cm9sJ10ge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgICBoZWlnaHQ6ICR7KHApID0+XG4gICAgICAgIChwLnNpemUgPT09ICdzbWFsbCcgJiYgJzMycHgnKSB8fCAocC5zaXplID09PSAnbWVkaXVtJyAmJiAnNDBweCcpIHx8IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzQ4cHgnKX07XG4gICAgICBtaW4taGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgICAocC5zaXplID09PSAnc21hbGwnICYmICczMnB4JykgfHwgKHAuc2l6ZSA9PT0gJ21lZGl1bScgJiYgJzQwcHgnKSB8fCAocC5zaXplID09PSAnbGFyZ2UnICYmICc0OHB4Jyl9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyhwKSA9PlxuICAgICAgICBwLmVycm9yXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0XG4gICAgICAgICAgOiBwLmRpc2FibGVkXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyhwKSA9PiAocC5lcnJvciA/IDEgOiAwKX1weCAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLnN5c3RlbX07XG4gICAgICBmb250LXNpemU6ICR7KHApID0+IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzEuMTI1cmVtJykgfHwgJzFyZW0nfTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuXG4gICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIFtjbGFzcyQ9Jy1pbmRpY2F0b3JDb250YWluZXInXSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICB9XG5cbiAgW2NsYXNzJD0nLWluZGljYXRvclNlcGFyYXRvciddIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgW2NsYXNzJD0nLXBsYWNlaG9sZGVyJ10ge1xuICAgIG9wYWNpdHk6ICR7KHApID0+IChwLmRpc2FibGVkID8gMC4zIDogMSl9O1xuICB9XG5cbiAgW2NsYXNzJD0nLW1lbnUnXSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDUwMDAwMDtcbiAgfVxuXG4gIFtjbGFzcyQ9Jy1vcHRpb24nXSB7XG4gICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLnN5c3RlbX07XG4gIH1cbmBcblxuZXhwb3J0IHR5cGUgQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4+ID0gQmFzZUZpZWxkUHJvcHMgJlxuICBBc3luY1Byb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+ICYge1xuICAgIGlzQ2xlYXJhYmxlPzogYm9vbGVhblxuICAgIHZhbHVlPzogYW55XG4gICAgdmlzdWFsU2l6ZT86IFNpemVcbiAgfVxuXG5jb25zdCBBc3luY1NlbGVjdEZpZWxkSW5uZXIgPSA8T3B0aW9uLCBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiwgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPj4oXG4gIHtcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGNvbXBvbmVudHMsXG4gICAgZGlzYWJsZWQsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGhlbHAsXG4gICAgaGVscFBsYWNlbWVudCA9ICd0b3AnLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICBpc0NsZWFyYWJsZSA9IGZhbHNlLFxuICAgIGxhYmVsLFxuICAgIG5hbWUsXG4gICAgb25CbHVyLFxuICAgIG9uQ2hhbmdlLFxuICAgIHJlcXVpcmVkLFxuICAgIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgICAuLi5yZXN0XG4gIH06IEFzeW5jU2VsZWN0RmllbGRQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgcmVmOiBSZWFjdC5Gb3J3YXJkZWRSZWY8YW55PlxuKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPlxuICAgICAgPEZsZXhCb3ggaXRlbXNGbGV4U3RhcnQ+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3Zpc3VhbFNpemUgPT09ICdzbWFsbCcgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG5cbiAgICAgICAge2hlbHAgJiYgaGVscFBsYWNlbWVudCA9PT0gJ3RvcCcgPyA8SGVscEljb24gY29udGVudD17aGVscH0gLz4gOiB1bmRlZmluZWR9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8UmVhY3RTZWxlY3RXcmFwcGVyXG4gICAgICAgIGVycm9yPXsoZXJyb3JNZXNzYWdlICYmIGVycm9yTWVzc2FnZS5sZW5ndGggPiAwKSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3Zpc3VhbFNpemV9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgYXJyb3c9e3RydWV9XG4gICAgICA+XG4gICAgICAgIDxBc3luY1NlbGVjdFxuICAgICAgICAgIGlzQ2xlYXJhYmxlPXtpc0NsZWFyYWJsZX1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBvbkNoYW5nZT17KG5ld1ZhbHVlLCBhY3Rpb25NZXRhKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShuZXdWYWx1ZSwgYWN0aW9uTWV0YSlcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQmx1cj17KGUpID0+IG9uQmx1ciAmJiBvbkJsdXIoZSl9XG4gICAgICAgIC8+XG4gICAgICA8L1JlYWN0U2VsZWN0V3JhcHBlcj5cblxuICAgICAgeyhhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSkgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi4oYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyB7IGp1c3RpZnlTcGFjZUJldHdlZW46IHRydWUgfSA6IHsganVzdGlmeUZsZXhFbmQ6IHRydWUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0gaWQ9e25hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17bmFtZSArICdfYXJpYSd9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuXG4vLyBUeXBpbmcgR2VuZXJpYyBmb3J3YXJkUmVmIGxvb2sgaGVyZTpcbi8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzU4NDY5MjI5L3JlYWN0LXdpdGgtdHlwZXNjcmlwdC1nZW5lcmljcy13aGlsZS11c2luZy1yZWFjdC1mb3J3YXJkcmVmLzU4NDczMDEyXG4vLyBodHRwczovL2ZldHRibG9nLmV1L3R5cGVzY3JpcHQtcmVhY3QtZ2VuZXJpYy1mb3J3YXJkLXJlZnMvXG5leHBvcnQgY29uc3QgQXN5bmNTZWxlY3RGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWYoQXN5bmNTZWxlY3RGaWVsZElubmVyKSBhcyA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBBc3luY1NlbGVjdEZpZWxkUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4gJiB7XG4gICAgcmVmPzogUmVhY3QuRm9yd2FyZGVkUmVmPGFueT5cbiAgfVxuKSA9PiBSZXR1cm5UeXBlPHR5cGVvZiBBc3luY1NlbGVjdEZpZWxkSW5uZXI+XG5cbmV4cG9ydCBkZWZhdWx0IEFzeW5jU2VsZWN0RmllbGRcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1kk5tov",
+  styles: "flex:1;margin-bottom:0.25rem"
+} : {
+  name: "1a9lste-AsyncSelectFieldInner",
+  styles: "flex:1;margin-bottom:0.25rem;label:AsyncSelectFieldInner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkhvQiIsImZpbGUiOiIuLi8uLi9zcmMvc2VsZWN0LWZpZWxkL0FzeW5jU2VsZWN0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR3JvdXBCYXNlIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuaW1wb3J0IEFzeW5jU2VsZWN0LCB7IEFzeW5jUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QvYXN5bmMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IEFzc2lzdGl2ZVRleHQgZnJvbSAnLi4vYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnXG5cbmNvbnN0IFJlYWN0U2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICBlcnJvcj86IGJvb2xlYW5cbiAgc2l6ZT86IHN0cmluZ1xuICBhcnJvdz86IGJvb2xlYW5cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxufT5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBbY2xhc3MkPSctY29udGFpbmVyJ10ge1xuICAgICY6aGFzKHNwYW4jYXJpYS1zZWxlY3Rpb24pIHtcbiAgICAgIFtjbGFzcyQ9Jy1jb250cm9sJ10ge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAkeyhwKSA9PiAocC5lcnJvciA/IHRoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnQgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4pfTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgICAgfVxuICAgICAgW2NsYXNzJD0nLWluZGljYXRvckNvbnRhaW5lciddIHtcbiAgICAgICAgY29sb3I6ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFyayl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIFtjbGFzcyQ9Jy1jb250cm9sJ10ge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgICBoZWlnaHQ6ICR7KHApID0+XG4gICAgICAgIChwLnNpemUgPT09ICdzbWFsbCcgJiYgJzMycHgnKSB8fCAocC5zaXplID09PSAnbWVkaXVtJyAmJiAnNDBweCcpIHx8IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzQ4cHgnKX07XG4gICAgICBtaW4taGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgICAocC5zaXplID09PSAnc21hbGwnICYmICczMnB4JykgfHwgKHAuc2l6ZSA9PT0gJ21lZGl1bScgJiYgJzQwcHgnKSB8fCAocC5zaXplID09PSAnbGFyZ2UnICYmICc0OHB4Jyl9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyhwKSA9PlxuICAgICAgICBwLmVycm9yXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0XG4gICAgICAgICAgOiBwLmRpc2FibGVkXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAkeyhwKSA9PiAocC5lcnJvciA/IDEgOiAwKX1weCAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLnN5c3RlbX07XG4gICAgICBmb250LXNpemU6ICR7KHApID0+IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzEuMTI1cmVtJykgfHwgJzFyZW0nfTtcbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuXG4gICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIFtjbGFzcyQ9Jy1pbmRpY2F0b3JDb250YWluZXInXSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICB9XG5cbiAgW2NsYXNzJD0nLWluZGljYXRvclNlcGFyYXRvciddIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgW2NsYXNzJD0nLXBsYWNlaG9sZGVyJ10ge1xuICAgIG9wYWNpdHk6ICR7KHApID0+IChwLmRpc2FibGVkID8gMC4zIDogMSl9O1xuICB9XG5cbiAgW2NsYXNzJD0nLW1lbnUnXSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDUwMDAwMDtcbiAgfVxuXG4gIFtjbGFzcyQ9Jy1vcHRpb24nXSB7XG4gICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLnN5c3RlbX07XG4gIH1cbmBcblxuZXhwb3J0IHR5cGUgQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4+ID0gQmFzZUZpZWxkUHJvcHMgJlxuICBBc3luY1Byb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+ICYge1xuICAgIGlzQ2xlYXJhYmxlPzogYm9vbGVhblxuICAgIHZhbHVlPzogYW55XG4gICAgdmlzdWFsU2l6ZT86IFNpemVcbiAgfVxuXG5jb25zdCBBc3luY1NlbGVjdEZpZWxkSW5uZXIgPSA8T3B0aW9uLCBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiwgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPj4oXG4gIHtcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGNvbXBvbmVudHMsXG4gICAgZGlzYWJsZWQsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGhlbHAsXG4gICAgaGVscFBsYWNlbWVudCA9ICd0b3AnLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICBpc0NsZWFyYWJsZSA9IGZhbHNlLFxuICAgIGxhYmVsLFxuICAgIG5hbWUsXG4gICAgb25CbHVyLFxuICAgIG9uQ2hhbmdlLFxuICAgIHJlcXVpcmVkLFxuICAgIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgICAuLi5yZXN0XG4gIH06IEFzeW5jU2VsZWN0RmllbGRQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPixcbiAgcmVmOiBSZWFjdC5Gb3J3YXJkZWRSZWY8YW55PlxuKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3ggZGlyZWN0aW9uQ29sdW1uPlxuICAgICAgPEZsZXhCb3ggaXRlbXNGbGV4U3RhcnQ+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3Zpc3VhbFNpemUgPT09ICdzbWFsbCcgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG5cbiAgICAgICAge2hlbHAgJiYgaGVscFBsYWNlbWVudCA9PT0gJ3RvcCcgPyA8SGVscEljb24gY29udGVudD17aGVscH0gLz4gOiB1bmRlZmluZWR9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8UmVhY3RTZWxlY3RXcmFwcGVyXG4gICAgICAgIGVycm9yPXsoZXJyb3JNZXNzYWdlICYmIGVycm9yTWVzc2FnZS5sZW5ndGggPiAwKSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3Zpc3VhbFNpemV9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgYXJyb3c9e3RydWV9XG4gICAgICA+XG4gICAgICAgIDxBc3luY1NlbGVjdFxuICAgICAgICAgIGlzQ2xlYXJhYmxlPXtpc0NsZWFyYWJsZX1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBvbkNoYW5nZT17KG5ld1ZhbHVlLCBhY3Rpb25NZXRhKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShuZXdWYWx1ZSwgYWN0aW9uTWV0YSlcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQmx1cj17KGUpID0+IG9uQmx1ciAmJiBvbkJsdXIoZSl9XG4gICAgICAgIC8+XG4gICAgICA8L1JlYWN0U2VsZWN0V3JhcHBlcj5cblxuICAgICAgeyhhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSkgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi4oYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyB7IGp1c3RpZnlTcGFjZUJldHdlZW46IHRydWUgfSA6IHsganVzdGlmeUZsZXhFbmQ6IHRydWUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0gaWQ9e25hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17bmFtZSArICdfYXJpYSd9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuXG4vLyBUeXBpbmcgR2VuZXJpYyBmb3J3YXJkUmVmIGxvb2sgaGVyZTpcbi8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzU4NDY5MjI5L3JlYWN0LXdpdGgtdHlwZXNjcmlwdC1nZW5lcmljcy13aGlsZS11c2luZy1yZWFjdC1mb3J3YXJkcmVmLzU4NDczMDEyXG4vLyBodHRwczovL2ZldHRibG9nLmV1L3R5cGVzY3JpcHQtcmVhY3QtZ2VuZXJpYy1mb3J3YXJkLXJlZnMvXG5leHBvcnQgY29uc3QgQXN5bmNTZWxlY3RGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWYoQXN5bmNTZWxlY3RGaWVsZElubmVyKSBhcyA8XG4gIE9wdGlvbixcbiAgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sXG4gIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj5cbj4oXG4gIHByb3BzOiBBc3luY1NlbGVjdEZpZWxkUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4gJiB7XG4gICAgcmVmPzogUmVhY3QuRm9yd2FyZGVkUmVmPGFueT5cbiAgfVxuKSA9PiBSZXR1cm5UeXBlPHR5cGVvZiBBc3luY1NlbGVjdEZpZWxkSW5uZXI+XG5cbmV4cG9ydCBkZWZhdWx0IEFzeW5jU2VsZWN0RmllbGRcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var AsyncSelectFieldInner = function AsyncSelectFieldInner(_ref3, ref) {
+  var assistiveText = _ref3.assistiveText,
+    components = _ref3.components,
+    disabled = _ref3.disabled,
+    errorMessage = _ref3.errorMessage,
+    help = _ref3.help,
+    _ref3$helpPlacement = _ref3.helpPlacement,
+    helpPlacement = _ref3$helpPlacement === void 0 ? 'top' : _ref3$helpPlacement,
+    hideAsterisk = _ref3.hideAsterisk,
+    _ref3$isClearable = _ref3.isClearable,
+    isClearable = _ref3$isClearable === void 0 ? false : _ref3$isClearable,
+    label = _ref3.label,
+    name = _ref3.name,
+    _onBlur = _ref3.onBlur,
+    _onChange = _ref3.onChange,
+    required = _ref3.required,
+    _ref3$visualSize = _ref3.visualSize,
+    visualSize = _ref3$visualSize === void 0 ? 'medium' : _ref3$visualSize,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  return ___EmotionJSX(FlexBox, {
+    directionColumn: true
+  }, ___EmotionJSX(FlexBox, {
+    itemsFlexStart: true
+  }, label && ___EmotionJSX(Label, {
+    css: _ref2,
+    disabled: disabled,
+    hideAsterisk: hideAsterisk,
+    required: required,
+    visualSize: visualSize === 'small' ? 'small' : 'medium'
+  }, label), help && helpPlacement === 'top' ? ___EmotionJSX(HelpIcon, {
+    content: help
+  }) : undefined), ___EmotionJSX(ReactSelectWrapper, {
+    error: errorMessage && errorMessage.length > 0 || undefined,
+    size: visualSize,
+    disabled: disabled,
+    arrow: true
+  }, ___EmotionJSX(AsyncSelect, _extends({
+    isClearable: isClearable,
+    isDisabled: disabled
+  }, rest, {
+    ref: ref,
+    onChange: function onChange(newValue, actionMeta) {
+      _onChange && _onChange(newValue, actionMeta);
+    },
+    onBlur: function onBlur(e) {
+      return _onBlur && _onBlur(e);
+    }
+  }))), (assistiveText || errorMessage) && ___EmotionJSX(FlexBox, _extends({
+    css: _ref
+  }, assistiveText || errorMessage ? {
+    justifySpaceBetween: true
+  } : {
+    justifyFlexEnd: true
+  }), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, {
+    disabled: disabled,
+    id: name + '_aria'
+  }, assistiveText), errorMessage && ___EmotionJSX(ErrorText, {
+    id: name + '_aria'
+  }, errorMessage)));
+};
+
+// Typing Generic forwardRef look here:
+// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref/58473012
+// https://fettblog.eu/typescript-react-generic-forward-refs/
+export var AsyncSelectField = /*#__PURE__*/React.forwardRef(AsyncSelectFieldInner);
+export default AsyncSelectField;

package/select-field/SelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Select, { createFilter, GroupBase, OptionsOrGroups, SingleValue } from 'react-select';
+import Select, { ActionMeta, createFilter, GroupBase, OptionsOrGroups, SingleValue } from 'react-select';
 import { BaseFieldProps } from '../types';
 export declare type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
 export declare type Size = 'small' | 'medium' | 'large';
@@ -14,26 +14,12 @@ export declare const ReactSelectWrapper: import("@emotion/styled").StyledCompone
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Menu: (props: any) => JSX.Element;
 export declare type SelectFieldProps<T = string> = BaseFieldProps & {
-    defaultValue?: SingleValue<T>;
+    assistiveText?: string;
+    autoFocus?: boolean;
     className?: string;
     components?: any;
-    value?: SingleValue<T>;
-    visualSize?: Size;
-    options?: OptionsOrGroups<T, GroupBase<T>>;
-    isSearchable?: boolean;
-    onSelect?: (value: SingleValue<T>) => void;
-    onChange?: (value: SingleValue<T>) => void;
-    onBlur?: (value: any) => void;
-    menuIsOpen?: boolean;
-    placeholder?: string;
-    assistiveText?: string;
+    defaultValue?: SingleValue<T>;
     errorMessage?: string;
-    /**
-     * Indicates that the Select can be cleared after selecting an Option.
-     *
-     * Setting this to true will display a small dismiss cross when a value is selected
-     */
-    isClearable?: boolean;
     /**
      * Configuration object passed to react-select createFilter function to create [custom filter
      * logic](https://react-select.com/advanced#custom-filter-logic)
@@ -44,29 +30,34 @@ export declare type SelectFieldProps<T = string> = BaseFieldProps & {
      * @param matchForm - 'any' | 'start'
      */
     filterConfig?: Parameters<typeof createFilter>[0];
-};
-declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, required, hideAsterisk, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
-export declare const SelectField: <T>(props: BaseFieldProps & {
-    defaultValue?: SingleValue<T> | undefined;
-    className?: string | undefined;
-    components?: any;
-    value?: SingleValue<T> | undefined;
-    visualSize?: Size | undefined;
-    options?: OptionsOrGroups<T, GroupBase<T>> | undefined;
-    isSearchable?: boolean | undefined;
-    onSelect?: ((value: SingleValue<T>) => void) | undefined;
-    onChange?: ((value: SingleValue<T>) => void) | undefined;
-    onBlur?: ((value: any) => void) | undefined;
-    menuIsOpen?: boolean | undefined;
-    placeholder?: string | undefined;
-    assistiveText?: string | undefined;
-    errorMessage?: string | undefined;
     /**
      * Indicates that the Select can be cleared after selecting an Option.
      *
      * Setting this to true will display a small dismiss cross when a value is selected
      */
-    isClearable?: boolean | undefined;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    menuIsOpen?: boolean;
+    menuPlacement?: 'bottom' | 'auto' | 'top';
+    onBlur?: (value: any) => void;
+    onChange?: (newValue: SingleValue<T>, actionMeta: ActionMeta<T>) => void;
+    onSelect?: (value: SingleValue<T>) => void;
+    options?: OptionsOrGroups<T, GroupBase<T>>;
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    styles?: any;
+    suffix?: React.ReactNode;
+    value?: SingleValue<T>;
+    visualSize?: Size;
+};
+declare function SelectFieldInner<T>({ assistiveText, components, defaultValue, disabled, errorMessage, filterConfig, help, helpPlacement, hideAsterisk, isClearable, isSearchable, label, name, onBlur, onChange, onSelect, options, placeholder, required, styles, value, visualSize, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
+export declare const SelectField: <T>(props: BaseFieldProps & {
+    assistiveText?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    components?: any;
+    defaultValue?: SingleValue<T> | undefined;
+    errorMessage?: string | undefined;
     /**
      * Configuration object passed to react-select createFilter function to create [custom filter
      * logic](https://react-select.com/advanced#custom-filter-logic)
@@ -77,6 +68,25 @@ export declare const SelectField: <T>(props: BaseFieldProps & {
      * @param matchForm - 'any' | 'start'
      */
     filterConfig?: Parameters<typeof createFilter>[0];
+    /**
+     * Indicates that the Select can be cleared after selecting an Option.
+     *
+     * Setting this to true will display a small dismiss cross when a value is selected
+     */
+    isClearable?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: "auto" | "top" | "bottom" | undefined;
+    onBlur?: ((value: any) => void) | undefined;
+    onChange?: ((newValue: SingleValue<T>, actionMeta: ActionMeta<T>) => void) | undefined;
+    onSelect?: ((value: SingleValue<T>) => void) | undefined;
+    options?: OptionsOrGroups<T, GroupBase<T>> | undefined;
+    placeholder?: string | undefined;
+    prefix?: React.ReactNode;
+    styles?: any;
+    suffix?: React.ReactNode;
+    value?: SingleValue<T> | undefined;
+    visualSize?: Size | undefined;
 } & {
     ref?: React.ForwardedRef<any> | undefined;
 }) => ReturnType<typeof SelectFieldInner>;