@atlaskit/user-picker 10.0.0 → 10.0.2

package/dist/cjs/components/BaseUserPicker.js

@@ -1,72 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BaseUserPickerWithoutAnalytics = exports.BaseUserPicker = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 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 _analyticsNext = require("@atlaskit/analytics-next");
-
 var _ufo = require("@atlaskit/ufo");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _uuid = require("uuid");
-
 var _analytics = require("../analytics");
-
 var _batch = require("./batch");
-
 var _i18n = require("./i18n");
-
 var _utils = require("./utils");
-
 var _ufoExperiences = require("../util/ufoExperiences");
-
 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 = (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; } }
-
 var loadingMessage = function loadingMessage() {
   return null;
 };
-
 var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(BaseUserPickerWithoutAnalytics, _React$Component);
-
   var _super = _createSuper(BaseUserPickerWithoutAnalytics);
-
   function BaseUserPickerWithoutAnalytics(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, BaseUserPickerWithoutAnalytics);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSessionId", function () {
@@ -101,62 +71,47 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
       (0, _utils.callCallback)(onChange, (0, _utils.extractOptionValue)(value), action);
-
       switch (action) {
         case 'select-option':
           if (value) {
             (0, _utils.callCallback)(onSelection, (0, _utils.extractOptionValue)(value), _this.getSessionId());
           }
-
           _this.fireEvent(_analytics.selectEvent, isMulti ? option : value);
-
           _this.session = isMulti ? (0, _analytics.startSession)() : undefined;
           break;
-
         case 'clear':
           (0, _utils.callCallback)(onClear);
-
           _this.fireEvent(_analytics.clearEvent);
-
           break;
-
         case 'remove-value':
         case 'pop-value':
           if (removedValue) {
             _this.fireEvent(_analytics.deleteEvent, removedValue.data);
           }
-
           break;
       }
-
       _this.fireEvent(_analytics.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 : []
@@ -168,12 +123,10 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "addOptions", (0, _batch.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) {
@@ -183,38 +136,30 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
             resolving: count - newOptions.length !== 0
           };
         }
-
         return null;
       });
     }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadOptionsError", function () {
       var count = _this.state.count;
       var newCount = count - 1;
-
       _this.setState({
         count: newCount,
         resolving: newCount !== 0
       });
-
       _this.fireEvent(_analytics.failedEvent);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "debouncedLoadOptions", (0, _debounce.default)(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((0, _assertThisInitialized2.default)(_this), inflightRequest.toString());
-
           var count = 0;
-
           if ((0, _utils.isIterable)(result)) {
             var _iterator = _createForOfIteratorHelper(result),
-                _step;
-
+              _step;
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 var _value = _step.value;
@@ -230,7 +175,6 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
             Promise.resolve(result).then(addOptions).catch(_this.handleLoadOptionsError);
             count++;
           }
-
           return {
             inflightRequest: inflightRequest,
             count: count,
@@ -249,12 +193,10 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
-
       _this.optionsShownUfoExperienceInstance.start();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "executeLoadOptions", function (search) {
       var loadOptions = _this.props.loadOptions;
-
       if (loadOptions) {
         _this.setState({
           resolving: true
@@ -265,24 +207,18 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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();
-
       (0, _utils.callCallback)(_this.props.onFocus, _this.getSessionId());
-
       _this.setState({
         menuIsOpen: true
       });
-
       if (!_this.props.isMulti && (0, _utils.isSingleValue)(value)) {
         var input = event.target;
-
         _this.setState({
           inputValue: value.label
         }, function () {
@@ -297,30 +233,28 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         inputValue: ''
       });
-
       (0, _utils.callCallback)(_this.props.onInputChange, '', _this.getSessionId());
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
       (0, _utils.callCallback)(_this.props.onBlur, _this.getSessionId());
-
       if ((0, _utils.isPopupUserPickerByComponent)(_this.props.SelectComponent)) {
         return;
       }
-
       _this.resetInputState();
-
       _this.abortOptionsShownUfoExperience();
-
       _this.setState({
         menuIsOpen: false,
         options: []
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpen", function () {
+      _this.setState({
+        menuIsOpen: true
+      });
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
       _this.resetInputState();
-
       (0, _utils.callCallback)(_this.props.onClose, _this.getSessionId());
-
       _this.setState({
         menuIsOpen: false,
         options: []
@@ -328,60 +262,50 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function (search, _ref4) {
       var action = _ref4.action;
-
       if (action === 'input-change' || action === 'set-value') {
         (0, _utils.callCallback)(_this.props.onInputChange, search, _this.getSessionId());
-
         _this.setState({
           inputValue: search
         });
-
         _this.startOptionsShownUfoExperience();
-
         _this.executeLoadOptions(search);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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];
         }
-
         (0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, [_this.props, _this.state, _this.session, _this.journeyId].concat(args)))(createAnalyticsEvent);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startSession", function () {
       _this.session = (0, _analytics.startSession)();
       _this.journeyId = _this.getSessionId();
-
       _this.fireEvent(_analytics.focusEvent);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
@@ -396,30 +320,25 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptions", function () {
       var options = (0, _utils.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;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAppearance", function () {
@@ -438,19 +357,17 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     _this.optionsShownUfoExperienceInstance = _ufoExperiences.userPickerOptionsShownUfoExperience.getInstance((0, _uuid.v4)());
     return _this;
   }
-
   (0, _createClass2.default)(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);
       }
     }
@@ -458,35 +375,30 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     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(_analytics.cancelEvent, prevState);
         this.session = undefined;
       }
-
       if (menuIsOpen && (!prevState.menuIsOpen && options.length > 0 || options.length !== prevState.options.length)) {
         this.fireEvent(_analytics.searchedEvent);
       }
-
       if (this.state.inputValue !== prevState.inputValue) {
         if (this.session) {
           this.session.inputChangeTime = Date.now();
         }
       }
-
       if (menuIsOpen && (!_.loadOptions || prevState.menuIsOpen) && count === 0 && !resolving && [_ufo.UFOExperienceState.STARTED.id, _ufo.UFOExperienceState.IN_PROGRESS.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
         this.optionsShownUfoExperienceInstance.success();
       }
@@ -495,37 +407,37 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     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.default.createElement(SelectComponent, (0, _extends2.default)({
         value: value,
@@ -567,6 +479,7 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         instanceId: fieldId,
         inputId: inputId,
         onChange: this.handleChange,
+        onMenuOpen: this.handleOpen,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         onMenuClose: this.handleClose,
@@ -581,36 +494,29 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     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 = (0, _utils.optionToSelectableOptions)(nextProps.value);
       } else if ((0, _utils.isDefaultValuePopulated)(nextProps.defaultValue) && !prevState.isDefaultSet) {
         derivedState.value = (0, _utils.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.default.Component);
-
 exports.BaseUserPickerWithoutAnalytics = BaseUserPickerWithoutAnalytics;
 (0, _defineProperty2.default)(BaseUserPickerWithoutAnalytics, "defaultProps", {
   isMulti: false,

package/dist/cjs/components/ClearIndicator.js

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ClearIndicator = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 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 = _interopRequireDefault(require("react"));
-
 var _select = require("@atlaskit/select");
-
 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 _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 || (0, _typeof2.default)(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; }
-
 var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('@atlaskit/tooltip'));
@@ -50,51 +31,40 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-
 var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ClearIndicator, _React$PureComponent);
-
   var _super = _createSuper(ClearIndicator);
-
   function ClearIndicator() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
   }
-
   (0, _createClass2.default)(ClearIndicator, [{
     key: "render",
     value: function render() {
       var clearValueLabel = this.props.selectProps.clearValueLabel;
-
       var Indicator = /*#__PURE__*/_react.default.createElement(_select.components.ClearIndicator, (0, _extends2.default)({}, this.props, {
         innerProps: _objectSpread(_objectSpread({}, this.props.innerProps), {}, {
           onMouseDown: this.handleMouseDown
         })
       }));
-
       return clearValueLabel ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
         fallback: Indicator
       }, /*#__PURE__*/_react.default.createElement(AsyncTooltip, {
@@ -104,5 +74,4 @@ var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return ClearIndicator;
 }(_react.default.PureComponent);
-
 exports.ClearIndicator = ClearIndicator;