@atlaskit/user-picker 9.7.4 → 10.0.1

package/dist/esm/components/BaseUserPicker.js

@@ -6,17 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
 import debounce from 'lodash/debounce';
@@ -28,27 +22,19 @@ import { batchByKey } from './batch';
 import { messages } from './i18n';
 import { callCallback, extractOptionValue, getOptions, isIterable, isPopupUserPickerByComponent, isDefaultValuePopulated, isSingleValue, optionToSelectableOptions } from './utils';
 import { userPickerOptionsShownUfoExperience } from '../util/ufoExperiences';
-
 var loadingMessage = function loadingMessage() {
   return null;
 };
-
 export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(BaseUserPickerWithoutAnalytics, _React$Component);
-
   var _super = _createSuper(BaseUserPickerWithoutAnalytics);
-
   function BaseUserPickerWithoutAnalytics(props) {
     var _this;
-
     _classCallCheck(this, BaseUserPickerWithoutAnalytics);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "getSessionId", function () {
       return _this.session && _this.session.id ? _this.session.id : undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "withSelectRef", function (callback) {
       return function () {
         if (_this.selectRef) {
@@ -56,109 +42,84 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "nextOption", _this.withSelectRef(function (select) {
       return select.focusOption('down');
     }));
-
     _defineProperty(_assertThisInitialized(_this), "previousOption", _this.withSelectRef(function (select) {
       return select.focusOption('up');
     }));
-
     _defineProperty(_assertThisInitialized(_this), "focus", function () {
       if (_this.selectRef && _this.selectRef.focus) {
         _this.selectRef.focus();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "blur", function () {
       if (_this.selectRef && _this.selectRef.blur) {
         _this.selectRef.blur();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "selectOption", _this.withSelectRef(function (select) {
       var focusedOption = select.state.focusedOption;
       select.selectOption(focusedOption);
     }));
-
     _defineProperty(_assertThisInitialized(_this), "handleChange", function (value, _ref) {
       var action = _ref.action,
-          removedValue = _ref.removedValue,
-          option = _ref.option;
-
+        removedValue = _ref.removedValue,
+        option = _ref.option;
       if (removedValue && removedValue.data.fixed) {
         return;
       }
-
       _this.resetInputState();
-
       var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          onSelection = _this$props.onSelection,
-          onClear = _this$props.onClear,
-          isMulti = _this$props.isMulti;
+        onChange = _this$props.onChange,
+        onSelection = _this$props.onSelection,
+        onClear = _this$props.onClear,
+        isMulti = _this$props.isMulti;
       callCallback(onChange, extractOptionValue(value), action);
-
       switch (action) {
         case 'select-option':
           if (value) {
             callCallback(onSelection, extractOptionValue(value), _this.getSessionId());
           }
-
           _this.fireEvent(selectEvent, isMulti ? option : value);
-
           _this.session = isMulti ? startSession() : undefined;
           break;
-
         case 'clear':
           callCallback(onClear);
-
           _this.fireEvent(clearEvent);
-
           break;
-
         case 'remove-value':
         case 'pop-value':
           if (removedValue) {
             _this.fireEvent(deleteEvent, removedValue.data);
           }
-
           break;
       }
-
       _this.fireEvent(searchedEvent);
-
       if (removedValue && _this.state.value && Array.isArray(_this.state.value)) {
         var remainingValues = _this.state.value.filter(function (val) {
           return val.data.id !== removedValue.data.id;
         });
-
         _this.setState({
           value: remainingValues ? remainingValues : [],
           menuIsOpen: true
         });
       }
-
       if (!_this.props.value) {
         _this.setState({
           value: value ? value : []
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleSelectRef", function (ref) {
       _this.selectRef = ref;
     });
-
     _defineProperty(_assertThisInitialized(_this), "addOptions", batchByKey(function (request, newOptions) {
       var resolving = _this.state.resolving;
-
       _this.setState(function (_ref2) {
         var inflightRequest = _ref2.inflightRequest,
-            options = _ref2.options,
-            count = _ref2.count;
-
+          options = _ref2.options,
+          count = _ref2.count;
         if (inflightRequest.toString() === request) {
           return {
             options: (resolving ? options : []).concat(newOptions.reduce(function (nextOptions, item) {
@@ -168,40 +129,30 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
             resolving: count - newOptions.length !== 0
           };
         }
-
         return null;
       });
     }));
-
     _defineProperty(_assertThisInitialized(_this), "handleLoadOptionsError", function () {
       var count = _this.state.count;
       var newCount = count - 1;
-
       _this.setState({
         count: newCount,
         resolving: newCount !== 0
       });
-
       _this.fireEvent(failedEvent);
     });
-
     _defineProperty(_assertThisInitialized(_this), "debouncedLoadOptions", debounce(function (search) {
       var loadOptions = _this.props.loadOptions;
-
       if (loadOptions) {
         _this.setState(function (_ref3) {
           var previousRequest = _ref3.inflightRequest;
           var inflightRequest = previousRequest + 1;
           var result = _this.session && _this.session.id ? loadOptions(search, _this.session.id) : loadOptions(search);
-
           var addOptions = _this.addOptions.bind(_assertThisInitialized(_this), inflightRequest.toString());
-
           var count = 0;
-
           if (isIterable(result)) {
             var _iterator = _createForOfIteratorHelper(result),
-                _step;
-
+              _step;
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 var _value = _step.value;
@@ -217,7 +168,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
             Promise.resolve(result).then(addOptions).catch(_this.handleLoadOptionsError);
             count++;
           }
-
           return {
             inflightRequest: inflightRequest,
             count: count,
@@ -227,7 +177,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     }, 200));
-
     _defineProperty(_assertThisInitialized(_this), "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === UFOExperienceState.STARTED.id) {
         // There may be an existing UFO timing running from previous key entry or focus,
@@ -235,16 +184,12 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         _this.optionsShownUfoExperienceInstance.abort();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
-
       _this.optionsShownUfoExperienceInstance.start();
     });
-
     _defineProperty(_assertThisInitialized(_this), "executeLoadOptions", function (search) {
       var loadOptions = _this.props.loadOptions;
-
       if (loadOptions) {
         _this.setState({
           resolving: true
@@ -253,27 +198,20 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleFocus", function (event) {
       var _this$state = _this.state,
-          value = _this$state.value,
-          menuIsOpen = _this$state.menuIsOpen;
-
+        value = _this$state.value,
+        menuIsOpen = _this$state.menuIsOpen;
       if (!menuIsOpen || !_this.session) {
         _this.startSession();
       }
-
       _this.startOptionsShownUfoExperience();
-
       callCallback(_this.props.onFocus, _this.getSessionId());
-
       _this.setState({
         menuIsOpen: true
       });
-
       if (!_this.props.isMulti && isSingleValue(value)) {
         var input = event.target;
-
         _this.setState({
           inputValue: value.label
         }, function () {
@@ -283,150 +221,117 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "resetInputState", function () {
       // Prevent filter if query typed, then blurred with no selection
       _this.setState({
         inputValue: ''
       });
-
       callCallback(_this.props.onInputChange, '', _this.getSessionId());
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
       callCallback(_this.props.onBlur, _this.getSessionId());
-
       if (isPopupUserPickerByComponent(_this.props.SelectComponent)) {
         return;
       }
-
       _this.resetInputState();
-
       _this.abortOptionsShownUfoExperience();
-
       _this.setState({
         menuIsOpen: false,
         options: []
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
       _this.resetInputState();
-
       callCallback(_this.props.onClose, _this.getSessionId());
-
       _this.setState({
         menuIsOpen: false,
         options: []
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (search, _ref4) {
       var action = _ref4.action;
-
       if (action === 'input-change' || action === 'set-value') {
         callCallback(_this.props.onInputChange, search, _this.getSessionId());
-
         _this.setState({
           inputValue: search
         });
-
         _this.startOptionsShownUfoExperience();
-
         _this.executeLoadOptions(search);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         createAndFireEventInElementsChannel(eventCreator.apply(void 0, [_this.props, _this.state, _this.session, _this.journeyId].concat(args)))(createAnalyticsEvent);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "startSession", function () {
       _this.session = startSession();
       _this.journeyId = _this.getSessionId();
-
       _this.fireEvent(focusEvent);
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
       // Escape
       if (event.keyCode === 27) {
         _this.blur();
-      } // Space
-
+      }
 
+      // Space
       if (event.keyCode === 32 && !_this.state.inputValue) {
         event.preventDefault();
         !_this.props.disableInput && _this.setState({
           inputValue: ' '
         });
       }
-
       if (_this.session) {
         _this.session.lastKey = event.keyCode;
-
         switch (event.keyCode) {
           // KeyUp 38
           case 38:
             _this.session.upCount++;
             break;
           // KeyDown 40
-
           case 40:
             _this.session.downCount++;
             break;
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleClearIndicatorHover", function (hoveringClearIndicator) {
       _this.setState({
         hoveringClearIndicator: hoveringClearIndicator
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "getOptions", function () {
       var options = getOptions(_this.state.options) || [];
       var _this$props2 = _this.props,
-          maxOptions = _this$props2.maxOptions,
-          isMulti = _this$props2.isMulti;
-
+        maxOptions = _this$props2.maxOptions,
+        isMulti = _this$props2.isMulti;
       if (maxOptions === 0) {
         return [];
       }
-
       if (maxOptions && maxOptions > 0 && maxOptions < options.length) {
         var _value2 = _this.state.value;
-        var filteredOptions = options; // Filter out previously selected options
-
+        var filteredOptions = options;
+        // Filter out previously selected options
         if (isMulti && Array.isArray(_value2)) {
           var valueIds = _value2.map(function (item) {
             return item.data.id;
           });
-
           filteredOptions = options.filter(function (option) {
             return valueIds.indexOf(option.data.id) === -1;
           });
         }
-
         return filteredOptions.slice(0, maxOptions);
       }
-
       return options;
     });
-
     _defineProperty(_assertThisInitialized(_this), "getAppearance", function () {
       return _this.props.appearance ? _this.props.appearance : 'normal';
     });
-
     _this.state = {
       options: [],
       isDefaultSet: false,
@@ -440,19 +345,17 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     _this.optionsShownUfoExperienceInstance = userPickerOptionsShownUfoExperience.getInstance(uuidv4());
     return _this;
   }
-
   _createClass(BaseUserPickerWithoutAnalytics, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props3 = this.props,
-          open = _this$props3.open,
-          search = _this$props3.search; // load options when the picker open
-
+        open = _this$props3.open,
+        search = _this$props3.search;
+      // load options when the picker open
       if (open) {
         if (!this.session) {
           this.startSession();
         }
-
         this.executeLoadOptions(search);
       }
     }
@@ -460,35 +363,30 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
       var _this$state2 = this.state,
-          menuIsOpen = _this$state2.menuIsOpen,
-          options = _this$state2.options,
-          resolving = _this$state2.resolving,
-          count = _this$state2.count; // load options when the picker open
-
+        menuIsOpen = _this$state2.menuIsOpen,
+        options = _this$state2.options,
+        resolving = _this$state2.resolving,
+        count = _this$state2.count;
+      // load options when the picker open
       if (menuIsOpen && !prevState.menuIsOpen) {
         if (!this.session) {
           // session should have been created onFocus
           this.startSession();
         }
-
         this.executeLoadOptions();
       }
-
       if (!menuIsOpen && prevState.menuIsOpen && this.session) {
         this.fireEvent(cancelEvent, prevState);
         this.session = undefined;
       }
-
       if (menuIsOpen && (!prevState.menuIsOpen && options.length > 0 || options.length !== prevState.options.length)) {
         this.fireEvent(searchedEvent);
       }
-
       if (this.state.inputValue !== prevState.inputValue) {
         if (this.session) {
           this.session.inputChangeTime = Date.now();
         }
       }
-
       if (menuIsOpen && (!_.loadOptions || prevState.menuIsOpen) && count === 0 && !resolving && [UFOExperienceState.STARTED.id, UFOExperienceState.IN_PROGRESS.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
         this.optionsShownUfoExperienceInstance.success();
       }
@@ -497,37 +395,37 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     key: "render",
     value: function render() {
       var _this$props4 = this.props,
-          isMulti = _this$props4.isMulti,
-          isLoading = _this$props4.isLoading,
-          subtle = _this$props4.subtle,
-          noBorder = _this$props4.noBorder,
-          placeholder = _this$props4.placeholder,
-          isClearable = _this$props4.isClearable,
-          isDisabled = _this$props4.isDisabled,
-          clearValueLabel = _this$props4.clearValueLabel,
-          menuMinWidth = _this$props4.menuMinWidth,
-          menuPortalTarget = _this$props4.menuPortalTarget,
-          addMoreMessage = _this$props4.addMoreMessage,
-          noOptionsMessage = _this$props4.noOptionsMessage,
-          disableInput = _this$props4.disableInput,
-          components = _this$props4.components,
-          pickerProps = _this$props4.pickerProps,
-          SelectComponent = _this$props4.SelectComponent,
-          styles = _this$props4.styles,
-          autoFocus = _this$props4.autoFocus,
-          fieldId = _this$props4.fieldId,
-          inputId = _this$props4.inputId,
-          maxPickerHeight = _this$props4.maxPickerHeight,
-          textFieldBackgroundColor = _this$props4.textFieldBackgroundColor,
-          ariaLabelledBy = _this$props4.ariaLabelledBy,
-          ariaLive = _this$props4.ariaLive;
+        isMulti = _this$props4.isMulti,
+        isLoading = _this$props4.isLoading,
+        subtle = _this$props4.subtle,
+        noBorder = _this$props4.noBorder,
+        placeholder = _this$props4.placeholder,
+        isClearable = _this$props4.isClearable,
+        isDisabled = _this$props4.isDisabled,
+        clearValueLabel = _this$props4.clearValueLabel,
+        menuMinWidth = _this$props4.menuMinWidth,
+        menuPortalTarget = _this$props4.menuPortalTarget,
+        addMoreMessage = _this$props4.addMoreMessage,
+        noOptionsMessage = _this$props4.noOptionsMessage,
+        disableInput = _this$props4.disableInput,
+        components = _this$props4.components,
+        pickerProps = _this$props4.pickerProps,
+        SelectComponent = _this$props4.SelectComponent,
+        styles = _this$props4.styles,
+        autoFocus = _this$props4.autoFocus,
+        fieldId = _this$props4.fieldId,
+        inputId = _this$props4.inputId,
+        maxPickerHeight = _this$props4.maxPickerHeight,
+        textFieldBackgroundColor = _this$props4.textFieldBackgroundColor,
+        ariaLabelledBy = _this$props4.ariaLabelledBy,
+        ariaLive = _this$props4.ariaLive;
       var _this$state3 = this.state,
-          count = _this$state3.count,
-          hoveringClearIndicator = _this$state3.hoveringClearIndicator,
-          menuIsOpen = _this$state3.menuIsOpen,
-          value = _this$state3.value,
-          inputValue = _this$state3.inputValue,
-          resolving = _this$state3.resolving;
+        count = _this$state3.count,
+        hoveringClearIndicator = _this$state3.hoveringClearIndicator,
+        menuIsOpen = _this$state3.menuIsOpen,
+        value = _this$state3.value,
+        inputValue = _this$state3.inputValue,
+        resolving = _this$state3.resolving;
       var appearance = this.getAppearance();
       return /*#__PURE__*/React.createElement(SelectComponent, _extends({
         value: value,
@@ -571,7 +469,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         onChange: this.handleChange,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
-        onClose: this.handleClose,
+        onMenuClose: this.handleClose,
         onInputChange: this.handleInputChange,
         onClearIndicatorHover: this.handleClearIndicatorHover,
         onKeyDown: this.handleKeyDown,
@@ -583,37 +481,29 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       var derivedState = {};
-
       if (nextProps.isDisabled || nextProps.disableInput) {
         derivedState.menuIsOpen = false;
       }
-
       if (nextProps.open !== undefined) {
         derivedState.menuIsOpen = nextProps.open;
       }
-
       if (nextProps.value !== undefined) {
         derivedState.value = optionToSelectableOptions(nextProps.value);
       } else if (isDefaultValuePopulated(nextProps.defaultValue) && !prevState.isDefaultSet) {
         derivedState.value = optionToSelectableOptions(nextProps.defaultValue);
         derivedState.isDefaultSet = true;
       }
-
       if (nextProps.search !== undefined && nextProps.search !== prevState.inputValue) {
         derivedState.inputValue = nextProps.search;
       }
-
       if (nextProps.options !== undefined) {
         derivedState.options = nextProps.options;
       }
-
       return derivedState;
     }
   }]);
-
   return BaseUserPickerWithoutAnalytics;
 }(React.Component);
-
 _defineProperty(BaseUserPickerWithoutAnalytics, "defaultProps", {
   isMulti: false,
   subtle: false,
@@ -621,5 +511,4 @@ _defineProperty(BaseUserPickerWithoutAnalytics, "defaultProps", {
   textFieldBackgroundColor: false,
   isClearable: true
 });
-
 export var BaseUserPicker = withAnalyticsEvents()(BaseUserPickerWithoutAnalytics);

package/dist/esm/components/ClearIndicator.js

@@ -6,21 +6,14 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { components } from '@atlaskit/select';
 var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
-  return import(
-  /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */
-  '@atlaskit/tooltip').then(function (module) {
+  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(function (module) {
     return {
       default: module.default
     };
@@ -28,39 +21,29 @@ var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
 });
 export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ClearIndicator, _React$PureComponent);
-
   var _super = _createSuper(ClearIndicator);
-
   function ClearIndicator() {
     var _this;
-
     _classCallCheck(this, ClearIndicator);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "handleMouseDown", function (event) {
       if (event && event.type === 'mousedown' && event.button !== 0) {
         return;
-      } // Prevent focus when clear on blurred state
-
-
+      }
+      // Prevent focus when clear on blurred state
       var _this$props = _this.props,
-          clearValue = _this$props.clearValue,
-          selectProps = _this$props.selectProps;
+        clearValue = _this$props.clearValue,
+        selectProps = _this$props.selectProps;
       clearValue();
-
       if (selectProps && !selectProps.isFocused) {
         event.stopPropagation();
       }
     });
-
     return _this;
   }
-
   _createClass(ClearIndicator, [{
     key: "render",
     value: function render() {
@@ -77,6 +60,5 @@ export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
       }, Indicator)) : Indicator;
     }
   }]);
-
   return ClearIndicator;
 }(React.PureComponent);