@atlaskit/react-select 1.5.2 → 1.6.1

package/dist/esm/select.js

@@ -1,15 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/platform/ensure-feature-flag-prefix */
 import React, { Component } from 'react';
@@ -22,10 +21,10 @@ import LiveRegion from './components/live-region';
 import { MenuPlacer } from './components/menu';
 import { createFilter } from './filters';
 import { defaultStyles } from './styles';
-import { defaultTheme } from './theme';
 import { classNames, cleanValue, isDocumentElement, isMobileDevice, isTouchCapable, multiValueAsValue, noop, notNullish, scrollIntoView, singleValueAsValue, valueTernary } from './utils';
 export var defaultProps = {
   // aria-live is by default with the live region so we don't need it
+  // eslint-disable-next-line @atlaskit/platform/no-module-level-eval
   'aria-live': fg('design_system_select-a11y-improvement') ? undefined : 'polite',
   backspaceRemovesValue: true,
   blurInputOnSelect: isTouchCapable(),
@@ -217,16 +216,14 @@ var instanceId = 1;
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Select = /*#__PURE__*/function (_Component) {
-  _inherits(Select, _Component);
-  var _super = _createSuper(Select);
   // Lifecycle
   // ------------------------------
 
   function Select(_props) {
     var _this;
     _classCallCheck(this, Select);
-    _this = _super.call(this, _props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, Select, [_props]);
+    _defineProperty(_this, "state", {
       ariaSelection: null,
       focusedOption: null,
       focusedOptionId: null,
@@ -243,36 +240,36 @@ var Select = /*#__PURE__*/function (_Component) {
     });
     // Misc. Instance Properties
     // ------------------------------
-    _defineProperty(_assertThisInitialized(_this), "blockOptionHover", false);
-    _defineProperty(_assertThisInitialized(_this), "isComposing", false);
+    _defineProperty(_this, "blockOptionHover", false);
+    _defineProperty(_this, "isComposing", false);
     // TODO
-    _defineProperty(_assertThisInitialized(_this), "initialTouchX", 0);
-    _defineProperty(_assertThisInitialized(_this), "initialTouchY", 0);
-    _defineProperty(_assertThisInitialized(_this), "openAfterFocus", false);
-    _defineProperty(_assertThisInitialized(_this), "scrollToFocusedOptionOnUpdate", false);
-    _defineProperty(_assertThisInitialized(_this), "isVoiceOver", fg('design_system_select-a11y-improvement') && isAppleDevice());
+    _defineProperty(_this, "initialTouchX", 0);
+    _defineProperty(_this, "initialTouchY", 0);
+    _defineProperty(_this, "openAfterFocus", false);
+    _defineProperty(_this, "scrollToFocusedOptionOnUpdate", false);
+    _defineProperty(_this, "isVoiceOver", fg('design_system_select-a11y-improvement') && isAppleDevice());
     // Refs
     // ------------------------------
-    _defineProperty(_assertThisInitialized(_this), "controlRef", null);
-    _defineProperty(_assertThisInitialized(_this), "getControlRef", function (ref) {
+    _defineProperty(_this, "controlRef", null);
+    _defineProperty(_this, "getControlRef", function (ref) {
       _this.controlRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "focusedOptionRef", null);
-    _defineProperty(_assertThisInitialized(_this), "getFocusedOptionRef", function (ref) {
+    _defineProperty(_this, "focusedOptionRef", null);
+    _defineProperty(_this, "getFocusedOptionRef", function (ref) {
       _this.focusedOptionRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "menuListRef", null);
-    _defineProperty(_assertThisInitialized(_this), "getMenuListRef", function (ref) {
+    _defineProperty(_this, "menuListRef", null);
+    _defineProperty(_this, "getMenuListRef", function (ref) {
       _this.menuListRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "inputRef", null);
-    _defineProperty(_assertThisInitialized(_this), "getInputRef", function (ref) {
+    _defineProperty(_this, "inputRef", null);
+    _defineProperty(_this, "getInputRef", function (ref) {
       _this.inputRef = ref;
     });
     // aliased for consumers
-    _defineProperty(_assertThisInitialized(_this), "focus", _this.focusInput);
-    _defineProperty(_assertThisInitialized(_this), "blur", _this.blurInput);
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (newValue, actionMeta) {
+    _defineProperty(_this, "focus", _this.focusInput);
+    _defineProperty(_this, "blur", _this.blurInput);
+    _defineProperty(_this, "onChange", function (newValue, actionMeta) {
       var _this$props = _this.props,
         onChange = _this$props.onChange,
         name = _this$props.name;
@@ -280,7 +277,7 @@ var Select = /*#__PURE__*/function (_Component) {
       _this.ariaOnChange(newValue, actionMeta);
       onChange(newValue, actionMeta);
     });
-    _defineProperty(_assertThisInitialized(_this), "setValue", function (newValue, action, option) {
+    _defineProperty(_this, "setValue", function (newValue, action, option) {
       var _this$props2 = _this.props,
         closeMenuOnSelect = _this$props2.closeMenuOnSelect,
         isMulti = _this$props2.isMulti,
@@ -304,7 +301,7 @@ var Select = /*#__PURE__*/function (_Component) {
         option: option
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "selectOption", function (newValue) {
+    _defineProperty(_this, "selectOption", function (newValue) {
       var _this$props3 = _this.props,
         blurInputOnSelect = _this$props3.blurInputOnSelect,
         isMulti = _this$props3.isMulti,
@@ -336,7 +333,7 @@ var Select = /*#__PURE__*/function (_Component) {
         _this.blurInput();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "removeValue", function (removedValue) {
+    _defineProperty(_this, "removeValue", function (removedValue) {
       var isMulti = _this.props.isMulti;
       var selectValue = _this.state.selectValue;
       var candidate = _this.getOptionValue(removedValue);
@@ -350,14 +347,14 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       _this.focusInput();
     });
-    _defineProperty(_assertThisInitialized(_this), "clearValue", function () {
+    _defineProperty(_this, "clearValue", function () {
       var selectValue = _this.state.selectValue;
       _this.onChange(valueTernary(_this.props.isMulti, [], null), {
         action: 'clear',
         removedValues: selectValue
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "popValue", function () {
+    _defineProperty(_this, "popValue", function () {
       var isMulti = _this.props.isMulti;
       var selectValue = _this.state.selectValue;
       var lastSelectedValue = selectValue[selectValue.length - 1];
@@ -368,59 +365,62 @@ var Select = /*#__PURE__*/function (_Component) {
         removedValue: lastSelectedValue
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "getFocusedOptionId", function (focusedOption) {
+    // ==============================
+    // Getters
+    // ==============================
+    _defineProperty(_this, "getFocusedOptionId", function (focusedOption) {
       return getFocusedOptionId(_this.state.focusableOptionsWithIds, focusedOption);
     });
-    _defineProperty(_assertThisInitialized(_this), "getFocusableOptionsWithIds", function () {
+    _defineProperty(_this, "getFocusableOptionsWithIds", function () {
       return buildFocusableOptionsWithIds(buildCategorizedOptions(_this.props, _this.state.selectValue), _this.getElementId('option'));
     });
-    _defineProperty(_assertThisInitialized(_this), "getValue", function () {
+    _defineProperty(_this, "getValue", function () {
       return _this.state.selectValue;
     });
-    _defineProperty(_assertThisInitialized(_this), "cx", function () {
+    _defineProperty(_this, "cx", function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
       return classNames.apply(void 0, [_this.props.classNamePrefix].concat(args));
     });
-    _defineProperty(_assertThisInitialized(_this), "getOptionLabel", function (data) {
+    _defineProperty(_this, "getOptionLabel", function (data) {
       return getOptionLabel(_this.props, data);
     });
-    _defineProperty(_assertThisInitialized(_this), "getOptionValue", function (data) {
+    _defineProperty(_this, "getOptionValue", function (data) {
       return getOptionValue(_this.props, data);
     });
-    _defineProperty(_assertThisInitialized(_this), "getStyles", function (key, props) {
+    _defineProperty(_this, "getStyles", function (key, props) {
       var base = defaultStyles[key](props);
       base.boxSizing = 'border-box';
       var custom = _this.props.styles[key];
       return custom ? custom(base, props) : base;
     });
-    _defineProperty(_assertThisInitialized(_this), "getClassNames", function (key, props) {
+    _defineProperty(_this, "getClassNames", function (key, props) {
       var _this$props$className, _this$props$className2;
       return (_this$props$className = (_this$props$className2 = _this.props.classNames)[key]) === null || _this$props$className === void 0 ? void 0 : _this$props$className.call(_this$props$className2, props);
     });
-    _defineProperty(_assertThisInitialized(_this), "getElementId", function (element) {
+    _defineProperty(_this, "getElementId", function (element) {
       return "".concat(_this.state.instancePrefix, "-").concat(element);
     });
-    _defineProperty(_assertThisInitialized(_this), "getComponents", function () {
+    _defineProperty(_this, "getComponents", function () {
       return defaultComponents(_this.props);
     });
-    _defineProperty(_assertThisInitialized(_this), "buildCategorizedOptions", function () {
+    _defineProperty(_this, "buildCategorizedOptions", function () {
       return buildCategorizedOptions(_this.props, _this.state.selectValue);
     });
-    _defineProperty(_assertThisInitialized(_this), "getCategorizedOptions", function () {
+    _defineProperty(_this, "getCategorizedOptions", function () {
       return _this.props.menuIsOpen ? _this.buildCategorizedOptions() : [];
     });
-    _defineProperty(_assertThisInitialized(_this), "buildFocusableOptions", function () {
+    _defineProperty(_this, "buildFocusableOptions", function () {
       return buildFocusableOptionsFromCategorizedOptions(_this.buildCategorizedOptions());
     });
-    _defineProperty(_assertThisInitialized(_this), "getFocusableOptions", function () {
+    _defineProperty(_this, "getFocusableOptions", function () {
       return _this.props.menuIsOpen ? _this.buildFocusableOptions() : [];
     });
     // ==============================
     // Helpers
     // ==============================
-    _defineProperty(_assertThisInitialized(_this), "ariaOnChange", function (value, actionMeta) {
+    _defineProperty(_this, "ariaOnChange", function (value, actionMeta) {
       _this.setState({
         ariaSelection: _objectSpread({
           value: value
@@ -430,7 +430,7 @@ var Select = /*#__PURE__*/function (_Component) {
     // ==============================
     // Mouse Handlers
     // ==============================
-    _defineProperty(_assertThisInitialized(_this), "onMenuMouseDown", function (event) {
+    _defineProperty(_this, "onMenuMouseDown", function (event) {
       if (event.button !== 0) {
         return;
       }
@@ -438,10 +438,10 @@ var Select = /*#__PURE__*/function (_Component) {
       event.preventDefault();
       _this.focusInput();
     });
-    _defineProperty(_assertThisInitialized(_this), "onMenuMouseMove", function (event) {
+    _defineProperty(_this, "onMenuMouseMove", function (event) {
       _this.blockOptionHover = false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onControlMouseDown", function (event) {
+    _defineProperty(_this, "onControlMouseDown", function (event) {
       // Event captured by dropdown indicator
       if (event.defaultPrevented) {
         var _this$controlRef;
@@ -470,7 +470,7 @@ var Select = /*#__PURE__*/function (_Component) {
         event.preventDefault();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onDropdownIndicatorMouseDown", function (event) {
+    _defineProperty(_this, "onDropdownIndicatorMouseDown", function (event) {
       // ignore mouse events that weren't triggered by the primary button
       if (event && event.type === 'mousedown' && event.button !== 0) {
         return;
@@ -492,7 +492,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
       event.preventDefault();
     });
-    _defineProperty(_assertThisInitialized(_this), "onClearIndicatorMouseDown", function (event) {
+    _defineProperty(_this, "onClearIndicatorMouseDown", function (event) {
       // ignore mouse events that weren't triggered by the primary button
       if (event && event.type === 'mousedown' && event.button !== 0) {
         return;
@@ -508,7 +508,7 @@ var Select = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onScroll", function (event) {
+    _defineProperty(_this, "onScroll", function (event) {
       if (typeof _this.props.closeMenuOnScroll === 'boolean') {
         if (event.target instanceof HTMLElement && isDocumentElement(event.target)) {
           _this.props.onMenuClose();
@@ -519,13 +519,13 @@ var Select = /*#__PURE__*/function (_Component) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onCompositionStart", function () {
+    _defineProperty(_this, "onCompositionStart", function () {
       _this.isComposing = true;
     });
-    _defineProperty(_assertThisInitialized(_this), "onCompositionEnd", function () {
+    _defineProperty(_this, "onCompositionEnd", function () {
       _this.isComposing = false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onTouchStart", function (_ref2) {
+    _defineProperty(_this, "onTouchStart", function (_ref2) {
       var touches = _ref2.touches;
       var touch = touches && touches.item(0);
       if (!touch) {
@@ -535,7 +535,7 @@ var Select = /*#__PURE__*/function (_Component) {
       _this.initialTouchY = touch.clientY;
       _this.userIsDragging = false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onTouchMove", function (_ref3) {
+    _defineProperty(_this, "onTouchMove", function (_ref3) {
       var touches = _ref3.touches;
       var touch = touches && touches.item(0);
       if (!touch) {
@@ -546,7 +546,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var moveThreshold = 5;
       _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
     });
-    _defineProperty(_assertThisInitialized(_this), "onTouchEnd", function (event) {
+    _defineProperty(_this, "onTouchEnd", function (event) {
       if (_this.userIsDragging) {
         return;
       }
@@ -562,19 +562,19 @@ var Select = /*#__PURE__*/function (_Component) {
       _this.initialTouchX = 0;
       _this.initialTouchY = 0;
     });
-    _defineProperty(_assertThisInitialized(_this), "onControlTouchEnd", function (event) {
+    _defineProperty(_this, "onControlTouchEnd", function (event) {
       if (_this.userIsDragging) {
         return;
       }
       _this.onControlMouseDown(event);
     });
-    _defineProperty(_assertThisInitialized(_this), "onClearIndicatorTouchEnd", function (event) {
+    _defineProperty(_this, "onClearIndicatorTouchEnd", function (event) {
       if (_this.userIsDragging) {
         return;
       }
       _this.onClearIndicatorMouseDown(event);
     });
-    _defineProperty(_assertThisInitialized(_this), "onDropdownIndicatorTouchEnd", function (event) {
+    _defineProperty(_this, "onDropdownIndicatorTouchEnd", function (event) {
       if (_this.userIsDragging) {
         return;
       }
@@ -583,7 +583,7 @@ var Select = /*#__PURE__*/function (_Component) {
     // ==============================
     // Focus Handlers
     // ==============================
-    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (event) {
+    _defineProperty(_this, "handleInputChange", function (event) {
       var prevInputValue = _this.props.inputValue;
       var inputValue = event.currentTarget.value;
       _this.setState({
@@ -597,7 +597,7 @@ var Select = /*#__PURE__*/function (_Component) {
         _this.onMenuOpen();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onInputFocus", function (event) {
+    _defineProperty(_this, "onInputFocus", function (event) {
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
       }
@@ -610,7 +610,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
       _this.openAfterFocus = false;
     });
-    _defineProperty(_assertThisInitialized(_this), "onInputBlur", function (event) {
+    _defineProperty(_this, "onInputBlur", function (event) {
       var prevInputValue = _this.props.inputValue;
       if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
         _this.inputRef.focus();
@@ -629,7 +629,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused: false
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "onOptionHover", function (focusedOption) {
+    _defineProperty(_this, "onOptionHover", function (focusedOption) {
       if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {
         return;
       }
@@ -640,12 +640,12 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedOptionId: focusedOptionIndex > -1 ? _this.getFocusedOptionId(focusedOption) : null
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "shouldHideSelectedOptions", function () {
+    _defineProperty(_this, "shouldHideSelectedOptions", function () {
       return shouldHideSelectedOptions(_this.props);
     });
     // If the hidden input gets focus through form submit,
     // redirect focus to focusable input.
-    _defineProperty(_assertThisInitialized(_this), "onValueInputFocus", function (e) {
+    _defineProperty(_this, "onValueInputFocus", function (e) {
       e.preventDefault();
       e.stopPropagation();
       _this.focus();
@@ -653,7 +653,7 @@ var Select = /*#__PURE__*/function (_Component) {
     // ==============================
     // Keyboard Handlers
     // ==============================
-    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
+    _defineProperty(_this, "onKeyDown", function (event) {
       var _this$props5 = _this.props,
         isMulti = _this$props5.isMulti,
         backspaceRemovesValue = _this$props5.backspaceRemovesValue,
@@ -826,7 +826,8 @@ var Select = /*#__PURE__*/function (_Component) {
     }
     return _this;
   }
-  _createClass(Select, [{
+  _inherits(Select, _Component);
+  return _createClass(Select, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.startListeningComposition();
@@ -1042,28 +1043,6 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedOptionId: this.getFocusedOptionId(options[nextFocus])
       });
     }
-  }, {
-    key: "getTheme",
-    value:
-    // ==============================
-    // Getters
-    // ==============================
-
-    function getTheme() {
-      // Use the default theme if there are no customisations.
-      if (!this.props.theme) {
-        return defaultTheme;
-      }
-      // If the theme prop is a function, assume the function
-      // knows how to merge the passed-in default theme with
-      // its own modifications.
-      if (typeof this.props.theme === 'function') {
-        return this.props.theme(defaultTheme);
-      }
-      // Otherwise, if a plain theme object was passed in,
-      // overlay it with the default theme.
-      return _objectSpread(_objectSpread({}, defaultTheme), this.props.theme);
-    }
   }, {
     key: "getCommonProps",
     value: function getCommonProps() {
@@ -1091,8 +1070,7 @@ var Select = /*#__PURE__*/function (_Component) {
         options: options,
         selectOption: selectOption,
         selectProps: props,
-        setValue: setValue,
-        theme: this.getTheme()
+        setValue: setValue
       };
     }
   }, {
@@ -1401,8 +1379,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
       var innerProps = {
         onMouseDown: this.onClearIndicatorMouseDown,
-        onTouchEnd: this.onClearIndicatorTouchEnd,
-        'aria-hidden': 'true'
+        onTouchEnd: this.onClearIndicatorTouchEnd
       };
       var isCompact = spacing === 'compact';
       return /*#__PURE__*/React.createElement(ClearIndicator, _extends({
@@ -1438,30 +1415,11 @@ var Select = /*#__PURE__*/function (_Component) {
         isCompact: isCompact
       }));
     }
-  }, {
-    key: "renderIndicatorSeparator",
-    value: function renderIndicatorSeparator() {
-      var _this$getComponents5 = this.getComponents(),
-        DropdownIndicator = _this$getComponents5.DropdownIndicator,
-        IndicatorSeparator = _this$getComponents5.IndicatorSeparator;
-
-      // separator doesn't make sense without the dropdown indicator
-      if (!DropdownIndicator || !IndicatorSeparator) {
-        return null;
-      }
-      var commonProps = this.commonProps;
-      var isDisabled = this.props.isDisabled;
-      var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React.createElement(IndicatorSeparator, _extends({}, commonProps, {
-        isDisabled: isDisabled,
-        isFocused: isFocused
-      }));
-    }
   }, {
     key: "renderDropdownIndicator",
     value: function renderDropdownIndicator() {
-      var _this$getComponents6 = this.getComponents(),
-        DropdownIndicator = _this$getComponents6.DropdownIndicator;
+      var _this$getComponents5 = this.getComponents(),
+        DropdownIndicator = _this$getComponents5.DropdownIndicator;
       if (!DropdownIndicator) {
         return null;
       }
@@ -1487,15 +1445,15 @@ var Select = /*#__PURE__*/function (_Component) {
     key: "renderMenu",
     value: function renderMenu() {
       var _this4 = this;
-      var _this$getComponents7 = this.getComponents(),
-        Group = _this$getComponents7.Group,
-        GroupHeading = _this$getComponents7.GroupHeading,
-        Menu = _this$getComponents7.Menu,
-        MenuList = _this$getComponents7.MenuList,
-        MenuPortal = _this$getComponents7.MenuPortal,
-        LoadingMessage = _this$getComponents7.LoadingMessage,
-        NoOptionsMessage = _this$getComponents7.NoOptionsMessage,
-        Option = _this$getComponents7.Option;
+      var _this$getComponents6 = this.getComponents(),
+        Group = _this$getComponents6.Group,
+        GroupHeading = _this$getComponents6.GroupHeading,
+        Menu = _this$getComponents6.Menu,
+        MenuList = _this$getComponents6.MenuList,
+        MenuPortal = _this$getComponents6.MenuPortal,
+        LoadingMessage = _this$getComponents6.LoadingMessage,
+        NoOptionsMessage = _this$getComponents6.NoOptionsMessage,
+        Option = _this$getComponents6.Option;
       var commonProps = this.commonProps;
       var focusedOption = this.state.focusedOption;
       var _this$props13 = this.props,
@@ -1742,19 +1700,23 @@ var Select = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderMultiselectMessage",
     value: function renderMultiselectMessage() {
-      return /*#__PURE__*/React.createElement("span", {
-        id: this.getElementId('multi-message'),
-        hidden: true
-      }, ", multiple selections available,");
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
+        React.createElement("span", {
+          id: this.getElementId('multi-message'),
+          hidden: true
+        }, ", multiple selections available,")
+      );
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$getComponents8 = this.getComponents(),
-        Control = _this$getComponents8.Control,
-        IndicatorsContainer = _this$getComponents8.IndicatorsContainer,
-        SelectContainer = _this$getComponents8.SelectContainer,
-        ValueContainer = _this$getComponents8.ValueContainer;
+      var _this$getComponents7 = this.getComponents(),
+        Control = _this$getComponents7.Control,
+        IndicatorsContainer = _this$getComponents7.IndicatorsContainer,
+        SelectContainer = _this$getComponents7.SelectContainer,
+        ValueContainer = _this$getComponents7.ValueContainer;
       var _this$props15 = this.props,
         className = _this$props15.className,
         id = _this$props15.id,
@@ -1794,7 +1756,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isCompact: isCompact
       }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React.createElement(IndicatorsContainer, _extends({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
+      }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -1858,7 +1820,6 @@ var Select = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return Select;
 }(Component);
 _defineProperty(Select, "defaultProps", defaultProps);
 export { Select as default };

package/dist/esm/styles.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { containerCSS, indicatorsContainerCSS, valueContainerCSS } from './components/containers';
 import { css as controlCSS } from './components/control';
 import { groupCSS, groupHeadingCSS } from './components/group';
-import { clearIndicatorCSS, dropdownIndicatorCSS, indicatorSeparatorCSS, loadingIndicatorCSS } from './components/indicators';
+import { clearIndicatorCSS, dropdownIndicatorCSS, loadingIndicatorCSS } from './components/indicators';
 import { inputCSS } from './components/input';
 import { loadingMessageCSS, menuCSS, menuListCSS, menuPortalCSS, noOptionsMessageCSS } from './components/menu';
 import { multiValueCSS, multiValueLabelCSS, multiValueRemoveCSS } from './components/multi-value';
@@ -19,7 +19,6 @@ export var defaultStyles = {
   group: groupCSS,
   groupHeading: groupHeadingCSS,
   indicatorsContainer: indicatorsContainerCSS,
-  indicatorSeparator: indicatorSeparatorCSS,
   input: inputCSS,
   loadingIndicator: loadingIndicatorCSS,
   loadingMessage: loadingMessageCSS,

package/dist/esm/utils.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+var _excluded = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // ==============================
@@ -87,7 +87,6 @@ export var cleanCommonProps = function cleanCommonProps(props) {
     selectOption = props.selectOption,
     selectProps = props.selectProps,
     setValue = props.setValue,
-    theme = props.theme,
     innerProps = _objectWithoutProperties(props, _excluded);
   return _objectSpread({}, innerProps);
 };

package/dist/types/components/group.d.ts

@@ -5,7 +5,7 @@
 import { type ComponentType, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type SelectProps } from '../select';
-import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options, type Theme } from '../types';
+import { type CommonProps, type CommonPropsAndClassName, type CSSObjectWithLabel, type CX, type GetStyles, type GroupBase, type Options } from '../types';
 export interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
     id: string;
     data: Group;
@@ -42,7 +42,6 @@ declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<O
 interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
     className?: string | undefined;
     selectProps: SelectProps<Option, IsMulti, Group>;
-    theme: Theme;
     getStyles: GetStyles<Option, IsMulti, Group>;
     getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
     cx: CX;