@dfds-ui/forms 2.0.14 → 2.0.15-alpha.8405c037

package/select-field/AsyncSelectField.js

@@ -0,0 +1,124 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["components", "assistiveText", "disabled", "errorMessage", "help", "helpPlacement", "hideAsterisk", "isClearable", "label", "name", "required", "visualSize", "onChange", "onBlur"];
+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$='-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    "]))), " &:focus,&:hover,&:active,&:target,&:focus-visible{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$='-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJFIiwiZmlsZSI6Ii4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHcm91cEJhc2UgfSBmcm9tICdyZWFjdC1zZWxlY3QnXG5pbXBvcnQgQXN5bmNTZWxlY3QsIHsgQXN5bmNQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdC9hc3luYydcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCBIZWxwSWNvbiBmcm9tICcuLi9oZWxwLWljb24vSGVscEljb24nXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU2l6ZSA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSdcblxudHlwZSBBc3luY1NlbGVjdEZpZWxkUHJvcHM8T3B0aW9uLCBJc011bHRpIGV4dGVuZHMgYm9vbGVhbiwgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPj4gPSBCYXNlRmllbGRQcm9wcyAmXG4gIEFzeW5jUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4gJiB7XG4gICAgaXNDbGVhcmFibGU/OiBib29sZWFuXG4gICAgdmFsdWU/OiBhbnlcbiAgICB2aXN1YWxTaXplPzogU2l6ZVxuICB9XG5cbmNvbnN0IFJlYWN0U2VsZWN0V3JhcHBlciA9IHN0eWxlZC5kaXY8e1xuICBlcnJvcj86IGJvb2xlYW5cbiAgc2l6ZT86IHN0cmluZ1xuICBhcnJvdz86IGJvb2xlYW5cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxufT5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBbY2xhc3MkPSctY29udHJvbCddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICBoZWlnaHQ6ICR7KHApID0+XG4gICAgICAocC5zaXplID09PSAnc21hbGwnICYmICczMnB4JykgfHwgKHAuc2l6ZSA9PT0gJ21lZGl1bScgJiYgJzQwcHgnKSB8fCAocC5zaXplID09PSAnbGFyZ2UnICYmICc0OHB4Jyl9O1xuICAgIG1pbi1oZWlnaHQ6ICR7KHApID0+XG4gICAgICAocC5zaXplID09PSAnc21hbGwnICYmICczMnB4JykgfHwgKHAuc2l6ZSA9PT0gJ21lZGl1bScgJiYgJzQwcHgnKSB8fCAocC5zaXplID09PSAnbGFyZ2UnICYmICc0OHB4Jyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHsocCkgPT5cbiAgICAgIHAuZXJyb3JcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0XG4gICAgICAgIDogcC5kaXNhYmxlZFxuICAgICAgICA/IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWRcbiAgICAgICAgOiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgJHsocCkgPT4gKHAuZXJyb3IgPyAxIDogMCl9cHggJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5zeXN0ZW19O1xuICAgIGZvbnQtc2l6ZTogJHsocCkgPT4gKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnMS4xMjVyZW0nKSB8fCAnMXJlbSd9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG5cbiAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBgfVxuXG4gICAgJjpmb2N1cywgJjpob3ZlciwgJjphY3RpdmUsICY6dGFyZ2V0LCAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHsocCkgPT4gKHAuZXJyb3IgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0IDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluKX07XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHggJHsocCkgPT4gKHAuZXJyb3IgPyB0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0IDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluKX07XG4gICAgfVxuICB9XG5cbiAgW2NsYXNzJD0nLXBsYWNlaG9sZGVyJ10ge1xuICAgIG9wYWNpdHk6ICR7KHApID0+IChwLmRpc2FibGVkID8gMC4zIDogMSl9O1xuICB9XG5cbiAgW2NsYXNzJD0nLW1lbnUnXSB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIHotaW5kZXg6IDUwMDAwMDtcbiAgfVxuXG4gIFtjbGFzcyQ9Jy1vcHRpb24nXSB7XG4gICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLnN5c3RlbX07XG4gIH1cbmBcblxuY29uc3QgQXN5bmNTZWxlY3RGaWVsZElubmVyID0gPE9wdGlvbiwgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4+KFxuICB7XG4gICAgY29tcG9uZW50cyxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBoZWxwLFxuICAgIGhlbHBQbGFjZW1lbnQgPSAndG9wJyxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgaXNDbGVhcmFibGUgPSBmYWxzZSxcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIHJlcXVpcmVkLFxuICAgIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkJsdXIsXG4gICAgLi4ucmVzdFxuICB9OiBBc3luY1NlbGVjdEZpZWxkUHJvcHM8T3B0aW9uLCBJc011bHRpLCBHcm91cD4sXG4gIHJlZjogUmVhY3QuRm9yd2FyZGVkUmVmPGFueT5cbikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IGRpcmVjdGlvbkNvbHVtbj5cbiAgICAgIDxGbGV4Qm94IGl0ZW1zRmxleFN0YXJ0PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXt2aXN1YWxTaXplID09PSAnc21hbGwnID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICApfVxuXG4gICAgICAgIHtoZWxwICYmIGhlbHBQbGFjZW1lbnQgPT09ICd0b3AnID8gPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+IDogdW5kZWZpbmVkfVxuICAgICAgPC9GbGV4Qm94PlxuICAgICAgPFJlYWN0U2VsZWN0V3JhcHBlclxuICAgICAgICBlcnJvcj17KGVycm9yTWVzc2FnZSAmJiBlcnJvck1lc3NhZ2UubGVuZ3RoID4gMCkgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXt2aXN1YWxTaXplfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGFycm93PXt0cnVlfVxuICAgICAgPlxuICAgICAgICA8QXN5bmNTZWxlY3RcbiAgICAgICAgICBpc0NsZWFyYWJsZT17aXNDbGVhcmFibGV9XG4gICAgICAgICAgaXNEaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgb25DaGFuZ2U9eyhuZXdWYWx1ZSwgYWN0aW9uTWV0YSkgPT4ge1xuICAgICAgICAgICAgb25DaGFuZ2UgJiYgb25DaGFuZ2UobmV3VmFsdWUsIGFjdGlvbk1ldGEpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkJsdXI9eyhlKSA9PiBvbkJsdXIgJiYgb25CbHVyKGUpfVxuICAgICAgICAvPlxuICAgICAgPC9SZWFjdFNlbGVjdFdyYXBwZXI+XG5cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UpICYmIChcbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4uKGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8geyBqdXN0aWZ5U3BhY2VCZXR3ZWVuOiB0cnVlIH0gOiB7IGp1c3RpZnlGbGV4RW5kOiB0cnVlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICA8QXNzaXN0aXZlVGV4dCBkaXNhYmxlZD17ZGlzYWJsZWR9IGlkPXtuYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAgICAgIHthc3Npc3RpdmVUZXh0fVxuICAgICAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgICAgICl9XG5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQgaWQ9e25hbWUgKyAnX2FyaWEnfT57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgKX1cbiAgICA8L0ZsZXhCb3g+XG4gIClcbn1cblxuLy8gVHlwaW5nIEdlbmVyaWMgZm9yd2FyZFJlZiBsb29rIGhlcmU6XG4vLyBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy81ODQ2OTIyOS9yZWFjdC13aXRoLXR5cGVzY3JpcHQtZ2VuZXJpY3Mtd2hpbGUtdXNpbmctcmVhY3QtZm9yd2FyZHJlZi81ODQ3MzAxMlxuLy8gaHR0cHM6Ly9mZXR0YmxvZy5ldS90eXBlc2NyaXB0LXJlYWN0LWdlbmVyaWMtZm9yd2FyZC1yZWZzL1xuZXhwb3J0IGNvbnN0IEFzeW5jU2VsZWN0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmKEFzeW5jU2VsZWN0RmllbGRJbm5lcikgYXMgPFxuICBPcHRpb24sXG4gIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLFxuICBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+XG4+KFxuICBwcm9wczogQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+ICYge1xuICAgIHJlZj86IFJlYWN0LkZvcndhcmRlZFJlZjxhbnk+XG4gIH1cbikgPT4gUmV0dXJuVHlwZTx0eXBlb2YgQXN5bmNTZWxlY3RGaWVsZElubmVyPlxuXG5leHBvcnQgZGVmYXVsdCBBc3luY1NlbGVjdEZpZWxkXG4iXX0= */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMklrQiIsImZpbGUiOiIuLi8uLi9zcmMvc2VsZWN0LWZpZWxkL0FzeW5jU2VsZWN0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR3JvdXBCYXNlIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuaW1wb3J0IEFzeW5jU2VsZWN0LCB7IEFzeW5jUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QvYXN5bmMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IEFzc2lzdGl2ZVRleHQgZnJvbSAnLi4vYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnXG5cbnR5cGUgQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4+ID0gQmFzZUZpZWxkUHJvcHMgJlxuICBBc3luY1Byb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+ICYge1xuICAgIGlzQ2xlYXJhYmxlPzogYm9vbGVhblxuICAgIHZhbHVlPzogYW55XG4gICAgdmlzdWFsU2l6ZT86IFNpemVcbiAgfVxuXG5jb25zdCBSZWFjdFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgZXJyb3I/OiBib29sZWFuXG4gIHNpemU/OiBzdHJpbmdcbiAgYXJyb3c/OiBib29sZWFuXG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbn0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgW2NsYXNzJD0nLWNvbnRyb2wnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgaGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgKHAuc2l6ZSA9PT0gJ3NtYWxsJyAmJiAnMzJweCcpIHx8IChwLnNpemUgPT09ICdtZWRpdW0nICYmICc0MHB4JykgfHwgKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnNDhweCcpfTtcbiAgICBtaW4taGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgKHAuc2l6ZSA9PT0gJ3NtYWxsJyAmJiAnMzJweCcpIHx8IChwLnNpemUgPT09ICdtZWRpdW0nICYmICc0MHB4JykgfHwgKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnNDhweCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHApID0+XG4gICAgICBwLmVycm9yXG4gICAgICAgID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydFxuICAgICAgICA6IHAuZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkXG4gICAgICAgIDogdGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7KHApID0+IChwLmVycm9yID8gMSA6IDApfXB4ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuc3lzdGVtfTtcbiAgICBmb250LXNpemU6ICR7KHApID0+IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzEuMTI1cmVtJykgfHwgJzFyZW0nfTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuXG4gICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgYH1cblxuICAgICY6Zm9jdXMsICY6aG92ZXIsICY6YWN0aXZlLCAmOnRhcmdldCwgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgIH1cbiAgfVxuXG4gIFtjbGFzcyQ9Jy1wbGFjZWhvbGRlciddIHtcbiAgICBvcGFjaXR5OiAkeyhwKSA9PiAocC5kaXNhYmxlZCA/IDAuMyA6IDEpfTtcbiAgfVxuXG4gIFtjbGFzcyQ9Jy1tZW51J10ge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB6LWluZGV4OiA1MDAwMDA7XG4gIH1cblxuICBbY2xhc3MkPSctb3B0aW9uJ10ge1xuICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5zeXN0ZW19O1xuICB9XG5gXG5cbmNvbnN0IEFzeW5jU2VsZWN0RmllbGRJbm5lciA9IDxPcHRpb24sIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLCBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+PihcbiAge1xuICAgIGNvbXBvbmVudHMsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaGVscCxcbiAgICBoZWxwUGxhY2VtZW50ID0gJ3RvcCcsXG4gICAgaGlkZUFzdGVyaXNrLFxuICAgIGlzQ2xlYXJhYmxlID0gZmFsc2UsXG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICByZXF1aXJlZCxcbiAgICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gICAgb25DaGFuZ2UsXG4gICAgb25CbHVyLFxuICAgIC4uLnJlc3RcbiAgfTogQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+LFxuICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxhbnk+XG4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+XG4gICAgICA8RmxleEJveCBpdGVtc0ZsZXhTdGFydD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cblxuICAgICAgICB7aGVscCAmJiBoZWxwUGxhY2VtZW50ID09PSAndG9wJyA/IDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPiA6IHVuZGVmaW5lZH1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxSZWFjdFNlbGVjdFdyYXBwZXJcbiAgICAgICAgZXJyb3I9eyhlcnJvck1lc3NhZ2UgJiYgZXJyb3JNZXNzYWdlLmxlbmd0aCA+IDApIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgc2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcnJvdz17dHJ1ZX1cbiAgICAgID5cbiAgICAgICAgPEFzeW5jU2VsZWN0XG4gICAgICAgICAgaXNDbGVhcmFibGU9e2lzQ2xlYXJhYmxlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2hhbmdlPXsobmV3VmFsdWUsIGFjdGlvbk1ldGEpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG5ld1ZhbHVlLCBhY3Rpb25NZXRhKVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25CbHVyPXsoZSkgPT4gb25CbHVyICYmIG9uQmx1cihlKX1cbiAgICAgICAgLz5cbiAgICAgIDwvUmVhY3RTZWxlY3RXcmFwcGVyPlxuXG4gICAgICB7KGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlKSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgPEFzc2lzdGl2ZVRleHQgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpZD17bmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0IGlkPXtuYW1lICsgJ19hcmlhJ30+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG5cbi8vIFR5cGluZyBHZW5lcmljIGZvcndhcmRSZWYgbG9vayBoZXJlOlxuLy8gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvNTg0NjkyMjkvcmVhY3Qtd2l0aC10eXBlc2NyaXB0LWdlbmVyaWNzLXdoaWxlLXVzaW5nLXJlYWN0LWZvcndhcmRyZWYvNTg0NzMwMTJcbi8vIGh0dHBzOi8vZmV0dGJsb2cuZXUvdHlwZXNjcmlwdC1yZWFjdC1nZW5lcmljLWZvcndhcmQtcmVmcy9cbmV4cG9ydCBjb25zdCBBc3luY1NlbGVjdEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZihBc3luY1NlbGVjdEZpZWxkSW5uZXIpIGFzIDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IEFzeW5jU2VsZWN0RmllbGRQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPiAmIHtcbiAgICByZWY/OiBSZWFjdC5Gb3J3YXJkZWRSZWY8YW55PlxuICB9XG4pID0+IFJldHVyblR5cGU8dHlwZW9mIEFzeW5jU2VsZWN0RmllbGRJbm5lcj5cblxuZXhwb3J0IGRlZmF1bHQgQXN5bmNTZWxlY3RGaWVsZFxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZWxlY3QtZmllbGQvQXN5bmNTZWxlY3RGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dvQiIsImZpbGUiOiIuLi8uLi9zcmMvc2VsZWN0LWZpZWxkL0FzeW5jU2VsZWN0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR3JvdXBCYXNlIH0gZnJvbSAncmVhY3Qtc2VsZWN0J1xuaW1wb3J0IEFzeW5jU2VsZWN0LCB7IEFzeW5jUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QvYXN5bmMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW1wb3J0IEFzc2lzdGl2ZVRleHQgZnJvbSAnLi4vYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnXG5cbnR5cGUgQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSBleHRlbmRzIGJvb2xlYW4sIEdyb3VwIGV4dGVuZHMgR3JvdXBCYXNlPE9wdGlvbj4+ID0gQmFzZUZpZWxkUHJvcHMgJlxuICBBc3luY1Byb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+ICYge1xuICAgIGlzQ2xlYXJhYmxlPzogYm9vbGVhblxuICAgIHZhbHVlPzogYW55XG4gICAgdmlzdWFsU2l6ZT86IFNpemVcbiAgfVxuXG5jb25zdCBSZWFjdFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2PHtcbiAgZXJyb3I/OiBib29sZWFuXG4gIHNpemU/OiBzdHJpbmdcbiAgYXJyb3c/OiBib29sZWFuXG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbn0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgW2NsYXNzJD0nLWNvbnRyb2wnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnNlY29uZGFyeX07XG4gICAgaGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgKHAuc2l6ZSA9PT0gJ3NtYWxsJyAmJiAnMzJweCcpIHx8IChwLnNpemUgPT09ICdtZWRpdW0nICYmICc0MHB4JykgfHwgKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnNDhweCcpfTtcbiAgICBtaW4taGVpZ2h0OiAkeyhwKSA9PlxuICAgICAgKHAuc2l6ZSA9PT0gJ3NtYWxsJyAmJiAnMzJweCcpIHx8IChwLnNpemUgPT09ICdtZWRpdW0nICYmICc0MHB4JykgfHwgKHAuc2l6ZSA9PT0gJ2xhcmdlJyAmJiAnNDhweCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHApID0+XG4gICAgICBwLmVycm9yXG4gICAgICAgID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydFxuICAgICAgICA6IHAuZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkXG4gICAgICAgIDogdGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwICR7KHApID0+IChwLmVycm9yID8gMSA6IDApfXB4ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICAgcGFkZGluZy1sZWZ0OiA1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWxpZXMuc3lzdGVtfTtcbiAgICBmb250LXNpemU6ICR7KHApID0+IChwLnNpemUgPT09ICdsYXJnZScgJiYgJzEuMTI1cmVtJykgfHwgJzFyZW0nfTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuXG4gICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgYH1cblxuICAgICY6Zm9jdXMsICY6aG92ZXIsICY6YWN0aXZlLCAmOnRhcmdldCwgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4ICR7KHApID0+IChwLmVycm9yID8gdGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydCA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbil9O1xuICAgIH1cbiAgfVxuXG4gIFtjbGFzcyQ9Jy1wbGFjZWhvbGRlciddIHtcbiAgICBvcGFjaXR5OiAkeyhwKSA9PiAocC5kaXNhYmxlZCA/IDAuMyA6IDEpfTtcbiAgfVxuXG4gIFtjbGFzcyQ9Jy1tZW51J10ge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB6LWluZGV4OiA1MDAwMDA7XG4gIH1cblxuICBbY2xhc3MkPSctb3B0aW9uJ10ge1xuICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5zeXN0ZW19O1xuICB9XG5gXG5cbmNvbnN0IEFzeW5jU2VsZWN0RmllbGRJbm5lciA9IDxPcHRpb24sIElzTXVsdGkgZXh0ZW5kcyBib29sZWFuLCBHcm91cCBleHRlbmRzIEdyb3VwQmFzZTxPcHRpb24+PihcbiAge1xuICAgIGNvbXBvbmVudHMsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaGVscCxcbiAgICBoZWxwUGxhY2VtZW50ID0gJ3RvcCcsXG4gICAgaGlkZUFzdGVyaXNrLFxuICAgIGlzQ2xlYXJhYmxlID0gZmFsc2UsXG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICByZXF1aXJlZCxcbiAgICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gICAgb25DaGFuZ2UsXG4gICAgb25CbHVyLFxuICAgIC4uLnJlc3RcbiAgfTogQXN5bmNTZWxlY3RGaWVsZFByb3BzPE9wdGlvbiwgSXNNdWx0aSwgR3JvdXA+LFxuICByZWY6IFJlYWN0LkZvcndhcmRlZFJlZjxhbnk+XG4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+XG4gICAgICA8RmxleEJveCBpdGVtc0ZsZXhTdGFydD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cblxuICAgICAgICB7aGVscCAmJiBoZWxwUGxhY2VtZW50ID09PSAndG9wJyA/IDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPiA6IHVuZGVmaW5lZH1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxSZWFjdFNlbGVjdFdyYXBwZXJcbiAgICAgICAgZXJyb3I9eyhlcnJvck1lc3NhZ2UgJiYgZXJyb3JNZXNzYWdlLmxlbmd0aCA+IDApIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgc2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcnJvdz17dHJ1ZX1cbiAgICAgID5cbiAgICAgICAgPEFzeW5jU2VsZWN0XG4gICAgICAgICAgaXNDbGVhcmFibGU9e2lzQ2xlYXJhYmxlfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2hhbmdlPXsobmV3VmFsdWUsIGFjdGlvbk1ldGEpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG5ld1ZhbHVlLCBhY3Rpb25NZXRhKVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25CbHVyPXsoZSkgPT4gb25CbHVyICYmIG9uQmx1cihlKX1cbiAgICAgICAgLz5cbiAgICAgIDwvUmVhY3RTZWxlY3RXcmFwcGVyPlxuXG4gICAgICB7KGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlKSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgPEFzc2lzdGl2ZVRleHQgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpZD17bmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0IGlkPXtuYW1lICsgJ19hcmlhJ30+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG5cbi8vIFR5cGluZyBHZW5lcmljIGZvcndhcmRSZWYgbG9vayBoZXJlOlxuLy8gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvNTg0NjkyMjkvcmVhY3Qtd2l0aC10eXBlc2NyaXB0LWdlbmVyaWNzLXdoaWxlLXVzaW5nLXJlYWN0LWZvcndhcmRyZWYvNTg0NzMwMTJcbi8vIGh0dHBzOi8vZmV0dGJsb2cuZXUvdHlwZXNjcmlwdC1yZWFjdC1nZW5lcmljLWZvcndhcmQtcmVmcy9cbmV4cG9ydCBjb25zdCBBc3luY1NlbGVjdEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZihBc3luY1NlbGVjdEZpZWxkSW5uZXIpIGFzIDxcbiAgT3B0aW9uLFxuICBJc011bHRpIGV4dGVuZHMgYm9vbGVhbixcbiAgR3JvdXAgZXh0ZW5kcyBHcm91cEJhc2U8T3B0aW9uPlxuPihcbiAgcHJvcHM6IEFzeW5jU2VsZWN0RmllbGRQcm9wczxPcHRpb24sIElzTXVsdGksIEdyb3VwPiAmIHtcbiAgICByZWY/OiBSZWFjdC5Gb3J3YXJkZWRSZWY8YW55PlxuICB9XG4pID0+IFJldHVyblR5cGU8dHlwZW9mIEFzeW5jU2VsZWN0RmllbGRJbm5lcj5cblxuZXhwb3J0IGRlZmF1bHQgQXN5bmNTZWxlY3RGaWVsZFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var AsyncSelectFieldInner = function AsyncSelectFieldInner(_ref3, ref) {
+  var components = _ref3.components,
+    assistiveText = _ref3.assistiveText,
+    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,
+    required = _ref3.required,
+    _ref3$visualSize = _ref3.visualSize,
+    visualSize = _ref3$visualSize === void 0 ? 'medium' : _ref3$visualSize,
+    _onChange = _ref3.onChange,
+    _onBlur = _ref3.onBlur,
+    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,6 +14,7 @@ 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 & {
+    autoFocus?: boolean;
     defaultValue?: SingleValue<T>;
     className?: string;
     components?: any;
@@ -22,10 +23,13 @@ export declare type SelectFieldProps<T = string> = BaseFieldProps & {
     options?: OptionsOrGroups<T, GroupBase<T>>;
     isSearchable?: boolean;
     onSelect?: (value: SingleValue<T>) => void;
-    onChange?: (value: SingleValue<T>) => void;
+    onChange?: (newValue: SingleValue<T>, actionMeta: ActionMeta<T>) => void;
     onBlur?: (value: any) => void;
     menuIsOpen?: boolean;
+    menuPlacement?: 'bottom' | 'auto' | 'top';
     placeholder?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
     assistiveText?: string;
     errorMessage?: string;
     /**
@@ -44,9 +48,11 @@ export declare type SelectFieldProps<T = string> = BaseFieldProps & {
      * @param matchForm - 'any' | 'start'
      */
     filterConfig?: Parameters<typeof createFilter>[0];
+    styles?: any;
 };
-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;
+declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, required, hideAsterisk, filterConfig, styles, help, helpPlacement, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
 export declare const SelectField: <T>(props: BaseFieldProps & {
+    autoFocus?: boolean | undefined;
     defaultValue?: SingleValue<T> | undefined;
     className?: string | undefined;
     components?: any;
@@ -55,10 +61,13 @@ export declare const SelectField: <T>(props: BaseFieldProps & {
     options?: OptionsOrGroups<T, GroupBase<T>> | undefined;
     isSearchable?: boolean | undefined;
     onSelect?: ((value: SingleValue<T>) => void) | undefined;
-    onChange?: ((value: SingleValue<T>) => void) | undefined;
+    onChange?: ((newValue: SingleValue<T>, actionMeta: ActionMeta<T>) => void) | undefined;
     onBlur?: ((value: any) => void) | undefined;
     menuIsOpen?: boolean | undefined;
+    menuPlacement?: "auto" | "top" | "bottom" | undefined;
     placeholder?: string | undefined;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
     assistiveText?: string | undefined;
     errorMessage?: string | undefined;
     /**
@@ -77,6 +86,7 @@ export declare const SelectField: <T>(props: BaseFieldProps & {
      * @param matchForm - 'any' | 'start'
      */
     filterConfig?: Parameters<typeof createFilter>[0];
+    styles?: any;
 } & {
     ref?: React.ForwardedRef<any> | undefined;
 }) => ReturnType<typeof SelectFieldInner>;