@commercetools-uikit/async-creatable-select-field 12.2.6 → 13.0.1

package/dist/commercetools-uikit-async-creatable-select-field.cjs.dev.js

@@ -17,12 +17,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+var _pt = require('prop-types');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var react = require('react');
-var PropTypes = require('prop-types');
-var requiredIf = require('react-required-if');
 var utils = require('@commercetools-uikit/utils');
 var Constraints = require('@commercetools-uikit/constraints');
 var Spacings = require('@commercetools-uikit/spacings');
@@ -42,20 +42,20 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
+var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
 var AsyncCreatableSelectInput__default = /*#__PURE__*/_interopDefault(AsyncCreatableSelectInput);
 var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context8; _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source), true)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context9; _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -97,6 +97,16 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var hasError = AsyncCreatableSelectInput__default["default"].isTouched(this.props.touched) && hasErrors(this.props.errors);
+
+      if (this.props.hintIcon) {
+        process.env.NODE_ENV !== "production" ? utils.warning(typeof this.props.hint === 'string' || /*#__PURE__*/react.isValidElement(this.props.hint), 'TextField: `hint` is required to be string or ReactNode if hintIcon is present') : void 0;
+      }
+
+      if (this.props.isMulti) {
+        process.env.NODE_ENV !== "production" ? utils.warning(_Array$isArray__default["default"](this.props.value), 'AsyncCreatableSelectField: `value` is expected to be an array of string when isMulti is true') : void 0;
+        process.env.NODE_ENV !== "production" ? utils.warning(_Array$isArray__default["default"](this.props.touched), 'AsyncCreatableSelectField: `touched` is expected to be an array of boolean when isMulti is true') : void 0;
+      }
+
       return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
         max: this.props.horizontalConstraint,
         children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
@@ -131,14 +141,13 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
             maxMenuHeight: this.props.maxMenuHeight,
             menuPortalTarget: this.props.menuPortalTarget,
             menuPortalZIndex: this.props.menuPortalZIndex,
-            menuShouldBlockSroll: this.props.menuShouldBlockScroll,
+            menuShouldBlockScroll: this.props.menuShouldBlockScroll,
             name: this.props.name,
             noOptionsMessage: this.props.noOptionsMessage,
             onBlur: this.props.onBlur,
             onChange: this.props.onChange,
             onFocus: this.props.onFocus,
             onInputChange: this.props.onInputChange,
-            options: this.props.options,
             placeholder: this.props.placeholder,
             tabIndex: this.props.tabIndex,
             tabSelectsValue: this.props.tabSelectsValue,
@@ -180,327 +189,29 @@ AsyncCreatableSelectField.getDerivedStateFromProps = function (props, state) {
   };
 };
 AsyncCreatableSelectField.propTypes = process.env.NODE_ENV !== "production" ? {
-  // AsyncCreatableSelectField
-
-  /**
-   * Used as HTML id property. An id is auto-generated when it is not specified.
-   */
-  id: PropTypes__default["default"].string,
-
-  /**
-   * Horizontal size limit of the input fields.
-   */
-  horizontalConstraint: PropTypes__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-
-  /**
-   * A map of errors. Error messages for known errors are rendered automatically.
-   * <br />
-   * Unknown errors will be forwarded to `renderError`
-   */
-  errors: PropTypes__default["default"].shape({
-    missing: PropTypes__default["default"].bool
-  }),
-
-  /**
-   * Called with custom errors. This function can return a message which will be wrapped in an ErrorMessage. It can also return null to show no error.
-   * <br />
-   * Signature: `(key, error) => React.node`
-   */
-  renderError: PropTypes__default["default"].func,
-
-  /**
-   * Indicates if the value is required. Shows an the "required asterisk" if so.
-   */
-  isRequired: PropTypes__default["default"].bool,
-
-  /**
-   * Indicates whether the field was touched. Errors will only be shown when the field was touched.
-   */
-  touched: function touched(props) {
-    var _context3, _context4, _context5;
-
-    for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      rest[_key2 - 1] = arguments[_key2];
-    }
-
-    return props.isMulti ? PropTypes__default["default"].arrayOf.apply(PropTypes__default["default"], _concatInstanceProperty__default["default"](_context3 = [PropTypes__default["default"].bool]).call(_context3, rest)).apply(void 0, _concatInstanceProperty__default["default"](_context4 = [props]).call(_context4, rest)) : PropTypes__default["default"].bool.apply(PropTypes__default["default"], _concatInstanceProperty__default["default"](_context5 = [props]).call(_context5, rest));
-  },
-  // AsyncCreatableSelectInput
-
-  /**
-   * Aria label (for assistive tech)
-   */
-  'aria-label': PropTypes__default["default"].string,
-
-  /**
-   * HTML ID of an element that should be used as the label (for assistive tech)
-   */
-  'aria-labelledby': PropTypes__default["default"].string,
-
-  /**
-   * Focus the control when it is mounted
-   */
-  isAutofocussed: PropTypes__default["default"].bool,
-
-  /**
-   * Remove the currently focused option when the user presses backspace
-   */
-  backspaceRemovesValue: PropTypes__default["default"].bool,
-
-  /**
-   * Map of components to overwrite the default ones, see [what components you can override](https://react-select.com/components)
-   */
-  components: PropTypes__default["default"].objectOf(PropTypes__default["default"].func),
-
-  /**
-   * Custom method to filter whether an option should be displayed in the menu
-   */
-  filterOption: PropTypes__default["default"].func,
-
-  /**
-   * The id to set on the SelectContainer component
-   */
-  containerId: PropTypes__default["default"].string,
-
-  /**
-   * Is the select value clearable
-   */
-  isClearable: PropTypes__default["default"].bool,
-
-  /**
-   * Is the select disabled
-   */
-  isDisabled: PropTypes__default["default"].bool,
-
-  /**
-   * Is the select read-only
-   */
-  isReadOnly: PropTypes__default["default"].bool,
-
-  /**
-   * Override the built-in logic to detect whether an option is disabled
-   * <br />
-   * Signature: `(option, options) => boolean`
-   */
-  isOptionDisabled: PropTypes__default["default"].func,
-
-  /**
-   * Support multiple selected options
-   */
-  isMulti: PropTypes__default["default"].bool,
-
-  /**
-   * Whether to enable search functionality
-   */
-  isSearchable: PropTypes__default["default"].bool,
-  hasWarning: PropTypes__default["default"].bool,
-
-  /**
-   * Maximum height of the menu before scrolling
-   */
-  maxMenuHeight: PropTypes__default["default"].number,
-
-  /**
-   * 	Dom element to portal the select menu to
-   */
-  menuPortalTarget: PropTypes__default["default"].instanceOf(utils.SafeHTMLElement),
-
-  /**
-   * z-index value for the menu portal
-   */
-  menuPortalZIndex: PropTypes__default["default"].number,
-
-  /**
-   * whether the menu should block scroll while open
-   */
-  menuShouldBlockScroll: PropTypes__default["default"].bool,
-
-  /**
-   * 	Name of the HTML Input (optional - without this, no input will be rendered)
-   */
-  name: PropTypes__default["default"].string,
-
-  /**
-   * Can be used to render a custom value when there are no options (either because of no search results, or all options have been used, or there were none in the first place).
-   * <br/>
-   * Gets called with `{ inputValue: String }`. `inputValue` will be an empty string when no search text is present.
-   * <br />
-   * Signature: `({ inputValue }) => string`
-   */
-  noOptionsMessage: PropTypes__default["default"].func,
-
-  /**
-   * Handle blur events on the control
-   */
-  onBlur: PropTypes__default["default"].func,
-
-  /**
-   * Called with a fake event when value changes.
-   * <br />
-   * The event's `target.name` will be the name supplied in props. The event's `target.value` will hold the value. The value will be the selected option, or an array of options in case `isMulti` is `true`.
-   * <br />
-   * Signature: `(event) => void`
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * Handle focus events on the control
-   */
-  onFocus: PropTypes__default["default"].func,
-
-  /**
-   * Handle change events on the input
-   */
-  onInputChange: PropTypes__default["default"].func,
-
-  /**
-   * Array of options that populate the select menu
-   */
-  options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
-    value: PropTypes__default["default"].string.isRequired
-  }), PropTypes__default["default"].shape({
-    options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      value: PropTypes__default["default"].string.isRequired
-    }))
-  })])),
-
-  /**
-   * Placeholder text for the select value
-   */
-  placeholder: PropTypes__default["default"].string,
-
-  /**
-   * Sets the tabIndex attribute on the input
-   */
-  tabIndex: PropTypes__default["default"].string,
-
-  /**
-   * Select the currently focused option when the user presses tab
-   */
-  tabSelectsValue: PropTypes__default["default"].bool,
-
-  /**
-   * The value of the select; reflected by the selected option
-   */
-  value: function value(props) {
-    var _context6, _context7;
-
-    for (var _len3 = arguments.length, rest = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-      rest[_key3 - 1] = arguments[_key3];
-    }
-
-    return props.isMulti ? PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      value: PropTypes__default["default"].string.isRequired
-    })).apply(void 0, _concatInstanceProperty__default["default"](_context6 = [props]).call(_context6, rest)) : PropTypes__default["default"].shape({
-      value: PropTypes__default["default"].string.isRequired
-    }).apply(void 0, _concatInstanceProperty__default["default"](_context7 = [props]).call(_context7, rest));
-  },
-  showOptionGroupDivider: PropTypes__default["default"].bool,
-  // Async props
-
-  /**
-   * The default set of options to show before the user starts searching.
-   * <br/>
-   * When set to `true`, the results for `loadOptions('')` will be autoloaded.
-   */
-  defaultOptions: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-    value: PropTypes__default["default"].string.isRequired
-  }))]),
-
-  /**
-   * Function that returns a promise, which is the set of options to be used once the promise resolves.
-   * <br />
-   * Signature: `(inputValue, callback) => void)) => Promise | void`
-   * <br />
-   * `callback` can be called with `options`
-   */
-  loadOptions: PropTypes__default["default"].func.isRequired,
-
-  /**
-   * If cacheOptions is truthy, then the loaded data will be cached. The cache will remain until cacheOptions changes value.
-   */
-  cacheOptions: PropTypes__default["default"].any,
-  // Creatable props
-
-  /**
-   * Allow options to be created while the isLoading prop is true. Useful to prevent the "create new ..." option being displayed while async results are still being loaded.
-   */
-  allowCreateWhileLoading: PropTypes__default["default"].bool,
-
-  /**
-   * Gets the label for the "create new ..." option in the menu. Is given the current input value.
-   */
-  formatCreateLabel: PropTypes__default["default"].func,
-
-  /**
-   * Determines whether the "create new ..." option should be displayed based on the current input value, select value and options array.
-   */
-  isValidNewOption: PropTypes__default["default"].func,
-
-  /**
-   * Returns the data for the new option when it is created. Used to display the value, and is passed to onChange.
-   */
-  getNewOptionData: PropTypes__default["default"].func,
-
-  /**
-   * If provided, this will be called with the input value when a new option is created, and onChange will not be called. Use this when you need more control over what happens when new options are created.
-   */
-  onCreateOption: PropTypes__default["default"].func,
-
-  /**
-   * Sets the position of the createOption element in your options list.
-   */
-  createOptionPosition: PropTypes__default["default"].string,
-  // LabelField
-
-  /**
-   * Title of the label
-   */
-  title: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
-
-  /**
-   * Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas `description` can describe it in more depth. Can also receive a `hintIcon`.
-   */
-  hint: requiredIf__default["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]), function (props) {
-    return props.hintIcon;
-  }),
-
-  /**
-   * Provides a description for the title.
-   */
-  description: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]),
-
-  /**
-   * Function called when info button is pressed.
-   * <br />
-   * Info button will only be visible when this prop is passed.
-   * <br />
-   * Signature: `(event) => void`
-   */
-  onInfoButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * Icon to be displayed beside the hint text.
-   * <br />
-   * Will only get rendered when `hint` is passed as well.
-   */
-  hintIcon: PropTypes__default["default"].node,
-
-  /**
-   * Badge to be displayed beside the label.
-   * <br />
-   * Might be used to display additional information about the content of the field (E.g verified email)
-   */
-  badge: PropTypes__default["default"].node,
-
-  /**
-   * Icon to display on the left of the placeholder text and selected value. Has no effect when isMulti is enabled.
-   */
-  iconLeft: PropTypes__default["default"].node
+  horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  errors: _pt__default["default"].objectOf(_pt__default["default"].bool),
+  renderError: _pt__default["default"].func,
+  isRequired: _pt__default["default"].bool,
+  touched: _pt__default["default"].oneOfType([_pt__default["default"].arrayOf(_pt__default["default"].bool), _pt__default["default"].bool]),
+  isAutofocussed: _pt__default["default"].bool,
+  isReadOnly: _pt__default["default"].bool,
+  hasWarning: _pt__default["default"].bool,
+  menuPortalZIndex: _pt__default["default"].number,
+  onBlur: _pt__default["default"].func,
+  onChange: _pt__default["default"].func.isRequired,
+  showOptionGroupDivider: _pt__default["default"].bool,
+  title: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]).isRequired,
+  hint: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
+  description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].node]),
+  onInfoButtonClick: _pt__default["default"].func,
+  hintIcon: _pt__default["default"].element,
+  badge: _pt__default["default"].node,
+  iconLeft: _pt__default["default"].node
 } : {};
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.6";
+var version = "13.0.1";
 
 exports["default"] = AsyncCreatableSelectField;
 exports.version = version;

package/dist/commercetools-uikit-async-creatable-select-field.cjs.prod.js

@@ -17,12 +17,12 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
+require('prop-types');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 var react = require('react');
-require('prop-types');
-require('react-required-if');
 var utils = require('@commercetools-uikit/utils');
 var Constraints = require('@commercetools-uikit/constraints');
 var Spacings = require('@commercetools-uikit/spacings');
@@ -51,9 +51,9 @@ var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
 var AsyncCreatableSelectInput__default = /*#__PURE__*/_interopDefault(AsyncCreatableSelectInput);
 var FieldErrors__default = /*#__PURE__*/_interopDefault(FieldErrors);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context8; _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source), true)).call(_context8, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context9; _forEachInstanceProperty__default["default"](_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default["default"](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -95,6 +95,11 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var hasError = AsyncCreatableSelectInput__default["default"].isTouched(this.props.touched) && hasErrors(this.props.errors);
+
+      if (this.props.hintIcon) ;
+
+      if (this.props.isMulti) ;
+
       return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
         max: this.props.horizontalConstraint,
         children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
@@ -129,14 +134,13 @@ var AsyncCreatableSelectField = /*#__PURE__*/function (_Component) {
             maxMenuHeight: this.props.maxMenuHeight,
             menuPortalTarget: this.props.menuPortalTarget,
             menuPortalZIndex: this.props.menuPortalZIndex,
-            menuShouldBlockSroll: this.props.menuShouldBlockScroll,
+            menuShouldBlockScroll: this.props.menuShouldBlockScroll,
             name: this.props.name,
             noOptionsMessage: this.props.noOptionsMessage,
             onBlur: this.props.onBlur,
             onChange: this.props.onChange,
             onFocus: this.props.onFocus,
             onInputChange: this.props.onInputChange,
-            options: this.props.options,
             placeholder: this.props.placeholder,
             tabIndex: this.props.tabIndex,
             tabSelectsValue: this.props.tabSelectsValue,
@@ -180,7 +184,7 @@ AsyncCreatableSelectField.getDerivedStateFromProps = function (props, state) {
 AsyncCreatableSelectField.propTypes = {};
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.6";
+var version = "13.0.1";
 
 exports["default"] = AsyncCreatableSelectField;
 exports.version = version;