@atlaskit/select 16.1.0 → 16.1.2

package/dist/cjs/PopupSelect/components.js

@@ -1,37 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultComponents = exports.MenuDialog = exports.DummyControl = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _reactSelect = require("react-select");
-
 var _react = require("@emotion/react");
-
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _excluded = ["innerRef", "innerProps"],
-    _excluded2 = ["children", "innerProps"];
-
+  _excluded2 = ["children", "innerProps"];
 var MenuDialog = function MenuDialog(_ref) {
   var maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      children = _ref.children,
-      id = _ref.id,
-      style = _ref.style;
+    minWidth = _ref.minWidth,
+    children = _ref.children,
+    id = _ref.id,
+    style = _ref.style;
   return (0, _react.jsx)("div", {
     css: {
       backgroundColor: "var(--ds-surface-overlay, white)",
@@ -44,13 +33,12 @@ var MenuDialog = function MenuDialog(_ref) {
     style: style,
     id: id
   }, children);
-}; // ==============================
+};
+
+// ==============================
 // Custom Components
 // ==============================
-
-
 exports.MenuDialog = MenuDialog;
-
 var DropdownIndicator = function DropdownIndicator() {
   return (0, _react.jsx)("div", {
     css: {
@@ -62,11 +50,10 @@ var DropdownIndicator = function DropdownIndicator() {
     label: "open"
   }));
 };
-
 var Control = function Control(_ref2) {
   var innerRef = _ref2.innerRef,
-      innerProps = _ref2.innerProps,
-      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    innerProps = _ref2.innerProps,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return (0, _react.jsx)("div", {
     ref: innerRef,
     css: {
@@ -76,22 +63,19 @@ var Control = function Control(_ref2) {
     innerProps: innerProps
   })));
 };
-
 var DummyControl = function DummyControl(props) {
   return (0, _react.jsx)(_visuallyHidden.default, null, (0, _react.jsx)(_reactSelect.components.Control, props));
-}; // NOTE `props` intentionally omitted from `Fragment`
-// eslint-disable-next-line
-
+};
 
+// NOTE `props` intentionally omitted from `Fragment`
+// eslint-disable-next-line
 exports.DummyControl = DummyControl;
-
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-      innerProps = _ref3.innerProps,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+    innerProps = _ref3.innerProps,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   return (0, _react.jsx)("div", innerProps, children);
 };
-
 var defaultComponents = {
   Control: Control,
   DropdownIndicator: DropdownIndicator,

package/dist/cjs/PopupSelect/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _PopupSelect.default;
   }
 });
-
 var _PopupSelect = _interopRequireDefault(require("./PopupSelect"));

package/dist/cjs/RadioSelect.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Select = _interopRequireDefault(require("./Select"));
-
 var _inputOptions = require("./components/input-options");
-
 var _excluded = ["components"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var RadioSelect = function RadioSelect(_ref) {
   var components = _ref.components,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({}, props, {
     isMulti: false,
     components: _objectSpread(_objectSpread({}, components), {}, {
@@ -35,6 +24,5 @@ var RadioSelect = function RadioSelect(_ref) {
     })
   }));
 };
-
 var _default = RadioSelect;
 exports.default = _default;

package/dist/cjs/Select.js

@@ -1,24 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SelectWithoutAnalytics = void 0;
-
 var _reactSelect = _interopRequireDefault(require("react-select"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _createSelect = _interopRequireDefault(require("./createSelect"));
-
 var packageName = "@atlaskit/select";
-var packageVersion = "16.1.0";
+var packageVersion = "16.1.2";
 var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'select',
   packageName: packageName,
@@ -34,5 +28,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
     }
   })
 })(SelectWithoutAnalytics));
-
 exports.default = _default;

package/dist/cjs/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,22 +24,14 @@ Object.defineProperty(exports, "LoadingIndicator", {
   }
 });
 exports.MultiValueRemove = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
-
 var _reactSelect = require("react-select");
-
 var _indicators = require("./indicators");
-
 var _templateObject, _templateObject2;
-
 var disabledProps = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n"])));
 var enabledProps = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
-
 var MultiValueRemove = function MultiValueRemove(props) {
   var isDisabled = props.selectProps.isDisabled;
   return (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
@@ -53,7 +44,6 @@ var MultiValueRemove = function MultiValueRemove(props) {
     secondaryColor: "inherit"
   })));
 };
-
 exports.MultiValueRemove = MultiValueRemove;
 var IndicatorSeparator = null;
 exports.IndicatorSeparator = IndicatorSeparator;

package/dist/cjs/components/indicators.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingIndicator = exports.DropdownIndicator = exports.ClearIndicator = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("@emotion/react");
-
 var _reactSelect = require("react-select");
-
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
-
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
 /** @jsx jsx */
+
 var ClearIndicator = function ClearIndicator(props) {
   return (0, _react.jsx)(_reactSelect.components.ClearIndicator, props, (0, _react.jsx)(_selectClear.default, {
     size: "small",
     label: "clear"
   }));
 };
-
 exports.ClearIndicator = ClearIndicator;
-
 var DropdownIndicator = function DropdownIndicator(props) {
   return (0, _react.jsx)(_reactSelect.components.DropdownIndicator, props, (0, _react.jsx)(_chevronDown.default, {
     label: "open"
   }));
 };
-
 exports.DropdownIndicator = DropdownIndicator;
-
 var LoadingIndicator = function LoadingIndicator(props) {
   var loadingCSS = (0, _react.css)(props.getStyles('loadingIndicator', props));
   return (0, _react.jsx)("div", (0, _extends2.default)({
@@ -45,5 +34,4 @@ var LoadingIndicator = function LoadingIndicator(props) {
     size: "small"
   }));
 };
-
 exports.LoadingIndicator = LoadingIndicator;

package/dist/cjs/components/input-options.js

@@ -1,66 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadioOption = exports.CheckboxOption = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _react2 = require("react");
-
 var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
-
 var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _excluded = ["isActive", "isDisabled", "isFocused", "isSelected"],
-    _excluded2 = ["isActive", "isDisabled", "isSelected"],
-    _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
-    _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
-
+  _excluded2 = ["isActive", "isDisabled", "isSelected"],
+  _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
+  _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var getPrimitiveStyles = function getPrimitiveStyles(props) {
   var cx = props.cx,
-      className = props.className,
-      getStyles = props.getStyles,
-      isDisabled = props.isDisabled,
-      isFocused = props.isFocused,
-      isSelected = props.isSelected;
+    className = props.className,
+    getStyles = props.getStyles,
+    isDisabled = props.isDisabled,
+    isFocused = props.isFocused,
+    isSelected = props.isSelected;
   var styles = {
     alignItems: 'center',
     backgroundColor: isFocused ? "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")") : 'transparent',
@@ -77,20 +53,19 @@ var getPrimitiveStyles = function getPrimitiveStyles(props) {
       borderLeft: isFocused ? '2px solid transparent' : ''
     }
   };
-
   var augmentedStyles = _objectSpread(_objectSpread({}, getStyles('option', props)), styles);
-
   var bemClasses = {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
     'option--is-selected': isSelected
-  }; // maintain react-select API
+  };
 
+  // maintain react-select API
   return [augmentedStyles, cx(bemClasses, className)];
-}; // maintains function shape
-
+};
 
+// maintains function shape
 var backgroundColor = (0, _components.themed)({
   light: "var(--ds-background-neutral, ".concat(_colors.N0, ")"),
   dark: "var(--ds-background-neutral, ".concat(_colors.DN10, ")")
@@ -98,17 +73,18 @@ var backgroundColor = (0, _components.themed)({
 var transparent = (0, _components.themed)({
   light: 'transparent',
   dark: 'transparent'
-}); // state of the parent option
+});
+
+// state of the parent option
 
 // the primary color represents the outer or background element
 var getPrimaryColor = function getPrimaryColor(_ref) {
   var isActive = _ref.isActive,
-      isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      isSelected = _ref.isSelected,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isDisabled = _ref.isDisabled,
+    isFocused = _ref.isFocused,
+    isSelected = _ref.isSelected,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var color = backgroundColor;
-
   if (isDisabled && isSelected) {
     color = (0, _components.themed)({
       light: "var(--ds-background-disabled, ".concat(_colors.B75, ")"),
@@ -145,21 +121,19 @@ var getPrimaryColor = function getPrimaryColor(_ref) {
       dark: "var(--ds-background-selected-bold, ".concat(_colors.B100, ")")
     });
   }
-
   return color(rest);
-}; // the secondary color represents the radio dot or checkmark
-
+};
 
+// the secondary color represents the radio dot or checkmark
 var getSecondaryColor = function getSecondaryColor(_ref2) {
   var isActive = _ref2.isActive,
-      isDisabled = _ref2.isDisabled,
-      isSelected = _ref2.isSelected,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    isDisabled = _ref2.isDisabled,
+    isSelected = _ref2.isSelected,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var color = (0, _components.themed)({
     light: "var(--ds-surface, ".concat(_colors.N0, ")"),
     dark: "var(--ds-surface, ".concat(_colors.DN10, ")")
   });
-
   if (isDisabled && isSelected) {
     color = (0, _components.themed)({
       light: "var(--ds-text-disabled, ".concat(_colors.N70, ")"),
@@ -173,18 +147,16 @@ var getSecondaryColor = function getSecondaryColor(_ref2) {
   } else if (!isSelected) {
     color = transparent;
   }
-
   return color(rest);
-}; // the border color surrounds the checkbox/radio
-
+};
 
+// the border color surrounds the checkbox/radio
 var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
-      isDisabled = _ref3.isDisabled,
-      isFocused = _ref3.isFocused,
-      isSelected = _ref3.isSelected,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
-
+    isDisabled = _ref3.isDisabled,
+    isFocused = _ref3.isFocused,
+    isSelected = _ref3.isSelected,
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(_colors.B400, ")");
   } else if (isDisabled) {
@@ -200,24 +172,17 @@ var getBorderColor = function getBorderColor(_ref3) {
   } else if (isSelected) {
     return "var(--ds-background-selected-bold, ".concat(_colors.B400, ")");
   }
-
   return "var(--ds-border-input, ".concat(_colors.N100, ")");
 };
-
 var ControlOption = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ControlOption, _Component);
-
   var _super = _createSuper(ControlOption);
-
   function ControlOption() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ControlOption);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       isActive: false
@@ -239,31 +204,29 @@ var ControlOption = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(ControlOption, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          getStyles = _this$props.getStyles,
-          Icon = _this$props.Icon,
-          children = _this$props.children,
-          innerProps = _this$props.innerProps,
-          innerRef = _this$props.innerRef,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded4); // prop assignment
-
+        getStyles = _this$props.getStyles,
+        Icon = _this$props.Icon,
+        children = _this$props.children,
+        innerProps = _this$props.innerProps,
+        innerRef = _this$props.innerRef,
+        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded4);
+
+      // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {
         onMouseDown: this.onMouseDown,
         onMouseUp: this.onMouseUp,
         onMouseLeave: this.onMouseLeave
       });
-
       var _getPrimitiveStyles = getPrimitiveStyles(_objectSpread({
-        getStyles: getStyles
-      }, rest)),
-          _getPrimitiveStyles2 = (0, _slicedToArray2.default)(_getPrimitiveStyles, 2),
-          styles = _getPrimitiveStyles2[0],
-          classes = _getPrimitiveStyles2[1];
-
+          getStyles: getStyles
+        }, rest)),
+        _getPrimitiveStyles2 = (0, _slicedToArray2.default)(_getPrimitiveStyles, 2),
+        styles = _getPrimitiveStyles2[0],
+        classes = _getPrimitiveStyles2[1];
       return (
         /**
          * TODO Fix this type error
@@ -306,19 +269,15 @@ var ControlOption = /*#__PURE__*/function (_Component) {
   }]);
   return ControlOption;
 }(_react2.Component);
-
 var CheckboxOption = function CheckboxOption(props) {
   return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
     Icon: _checkbox.default
   }, props));
 };
-
 exports.CheckboxOption = CheckboxOption;
-
 var RadioOption = function RadioOption(props) {
   return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
     Icon: _radio.default
   }, props));
 };
-
 exports.RadioOption = RadioOption;

package/dist/cjs/createSelect.js

@@ -1,69 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createSelect;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactSelect = require("react-select");
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-
 var _reactFastCompare = _interopRequireDefault(require("react-fast-compare"));
-
 var defaultComponents = _interopRequireWildcard(require("./components"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _excluded = ["styles", "validationState", "isInvalid", "spacing", "isMulti", "appearance"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function createSelect(WrappedComponent) {
   var _class;
-
   return _class = /*#__PURE__*/function (_Component) {
     (0, _inherits2.default)(AtlaskitSelect, _Component);
-
     var _super = _createSuper(AtlaskitSelect);
-
     function AtlaskitSelect(props) {
       var _this;
-
       (0, _classCallCheck2.default)(this, AtlaskitSelect);
       _this = _super.call(this, props);
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "components", {});
@@ -75,12 +46,9 @@ function createSelect(WrappedComponent) {
         _this.select = ref;
       });
       _this.cacheComponents = (0, _memoizeOne.default)(_this.cacheComponents, _reactFastCompare.default).bind((0, _assertThisInitialized2.default)(_this));
-
       _this.cacheComponents(props.components || {});
-
       return _this;
     }
-
     (0, _createClass2.default)(AtlaskitSelect, [{
       key: "UNSAFE_componentWillReceiveProps",
       value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -104,22 +72,24 @@ function createSelect(WrappedComponent) {
       key: "render",
       value: function render() {
         var _this$props = this.props,
-            styles = _this$props.styles,
-            validationState = _this$props.validationState,
-            isInvalid = _this$props.isInvalid,
-            spacing = _this$props.spacing,
-            isMulti = _this$props.isMulti,
-            appearance = _this$props.appearance,
-            props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-        var isCompact = spacing === 'compact'; // props must be spread first to stop `components` being overridden
-
+          styles = _this$props.styles,
+          validationState = _this$props.validationState,
+          isInvalid = _this$props.isInvalid,
+          spacing = _this$props.spacing,
+          isMulti = _this$props.isMulti,
+          appearance = _this$props.appearance,
+          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+        var isCompact = spacing === 'compact';
+
+        // props must be spread first to stop `components` being overridden
         return /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({
           ref: this.onSelectRef,
           isMulti: isMulti,
           "aria-live": "assertive"
         }, props, {
           components: this.components,
-          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)( // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
+          styles: (0, _reactSelect.mergeStyles)((0, _styles.default)(
+          // This will cover both props for invalid state while giving priority to isInvalid. When cleaning up validationState, we can just keep the inner condition.
           typeof isInvalid !== 'undefined' ? isInvalid ? 'error' : 'default' : validationState, isCompact, this.props.appearance || 'default'), styles)
         }));
       }