@dfds-ui/forms 2.2.0-alpha.8d87a90d → 2.2.0-alpha.9bb1ab0f

package/select-field/AsyncSelectField.js

@@ -0,0 +1,124 @@
+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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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;/*# 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;/*# 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/CreatableSelectField.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { CreatableProps } from 'react-select/creatable';
+import { ActionMeta, createFilter, GroupBase, MultiValue, OptionsOrGroups, SingleValue } from 'react-select';
+import { BaseFieldProps } from '../types';
+type Size = 'small' | 'medium' | 'large';
+export type CreatableSelectFieldProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseFieldProps & CreatableProps<Option, IsMulti, Group> & {
+    assistiveText?: string;
+    autoFocus?: boolean;
+    className?: string;
+    components?: any;
+    defaultValue?: SingleValue<Option>;
+    errorMessage?: string;
+    /**
+     * Configuration object passed to react-select createFilter function to create [custom filter
+     * logic](https://react-select.com/advanced#custom-filter-logic)
+     * @param ignoreCase - boolean (optional)
+     * @param ignoreAccents - boolean (optional)
+     * @param stringify (obj: any) => string (optional)
+     * @param trim - boolean (optional)
+     * @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;
+    isMulti?: boolean;
+    isSearchable?: boolean;
+    menuIsOpen?: boolean;
+    menuPlacement?: 'bottom' | 'auto' | 'top';
+    onBlur?: (value: any) => void;
+    onChange?: (newValue: SingleValue<Option> | MultiValue<Option>, actionMeta: ActionMeta<Option>) => void;
+    onSelect?: (value: SingleValue<Option> | MultiValue<Option>) => void;
+    options?: OptionsOrGroups<Option, GroupBase<Option>>;
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    styles?: any;
+    suffix?: React.ReactNode;
+    value?: SingleValue<Option> | MultiValue<Option>;
+    visualSize?: Size;
+};
+declare const CreatableSelectFieldInner: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ assistiveText, components, defaultValue, disabled, errorMessage, filterConfig, help, helpPlacement, hideAsterisk, isClearable, isMulti, isSearchable, label, name, onBlur, onChange, onSelect, options, placeholder, required, styles, value, visualSize, ...rest }: CreatableSelectFieldProps<Option, IsMulti, Group>, ref: React.ForwardedRef<any>) => React.JSX.Element;
+export declare const CreatableSelectField: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: CreatableSelectFieldProps<Option, IsMulti, Group> & {
+    ref?: React.ForwardedRef<any>;
+}) => ReturnType<typeof CreatableSelectFieldInner>;
+export default CreatableSelectField;