@atlaskit/quick-search 8.0.12 → 8.0.14

package/dist/cjs/components/Search/styled.js

@@ -1,61 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPlaceholderStyle = exports.getPlaceholderColor = exports.SearchInputTypeAhead = exports.SearchInputControlsContainer = exports.SearchInput = exports.SearchInner = exports.SearchFieldBaseOuter = exports.SearchFieldBaseInner = exports.SearchBox = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
 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; }
-
-var inputRightPadding = (0, _constants.gridSize)() * 2;
-
+var inputRightPadding = "var(--ds-space-200, 16px)";
 var SearchBox = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: sticky;\n  top: 0;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  height: 36px;\n  z-index: 10; /* required to keep the search box on top of icons in results when sticky */\n"])), _colors.N0, _colors.N500);
-
 exports.SearchBox = SearchBox;
-
 var SearchFieldBaseOuter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: 2px;\n  border-bottom: 2px solid ", ";\n"])), _colors.B200);
-
 exports.SearchFieldBaseOuter = SearchFieldBaseOuter;
-
-var SearchFieldBaseInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding-right: ", "px; /* pad search text from FieldBase's isLoading spinner */\n  display: flex;\n  flex-grow: 1;\n"])), inputRightPadding);
-
+var SearchFieldBaseInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding-right: ", "; /* pad search text from FieldBase's isLoading spinner */\n  display: flex;\n  flex-grow: 1;\n"])), inputRightPadding);
 exports.SearchFieldBaseInner = SearchFieldBaseInner;
-
-var SearchInner = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", "px;\n"])), (0, _constants.gridSize)() * 3);
-
+var SearchInner = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", ";\n"])), "var(--ds-space-300, 24px)");
 exports.SearchInner = SearchInner;
-
 var getPlaceholderStyle = function getPlaceholderStyle(style) {
   return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  &::-webkit-input-placeholder {\n    ", ";\n  }\n  &::-moz-placeholder {\n    /* Mozilla Firefox 19+ */\n    ", " opacity: 1;\n  }\n  &::-ms-input-placeholder {\n    /* Microsoft Edge */\n    ", ";\n  }\n  &:-moz-placeholder {\n    /* Mozilla Firefox 4 to 18 */\n    ", " opacity: 1;\n  }\n  &:-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    ", ";\n  }\n"])), style, style, style, style, style);
 };
-
 exports.getPlaceholderStyle = getPlaceholderStyle;
 var getPlaceholderColor = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), _colors.placeholderText);
 exports.getPlaceholderColor = getPlaceholderColor;
-
 var SearchInput = _styledComponents.default.input(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: transparent;\n  border: 0;\n  color: ", ";\n  flex-grow: 1;\n  font-size: 1.4em;\n  outline: 0;\n  // Safari adds 2px margin-left\n  margin-left: 0;\n  ", ";\n"])), _colors.N500, getPlaceholderStyle(getPlaceholderColor));
-
 exports.SearchInput = SearchInput;
-var SearchInputTypeAhead = (0, _styledComponents.default)(SearchInput)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  position: absolute;\n  width: calc(100% - ", "px);\n  z-index: -1;\n"])), _colors.N50, inputRightPadding);
+var SearchInputTypeAhead = (0, _styledComponents.default)(SearchInput)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  position: absolute;\n  width: calc(100% - ", ");\n  z-index: -1;\n"])), _colors.N50, inputRightPadding);
 exports.SearchInputTypeAhead = SearchInputTypeAhead;
-
-var SearchInputControlsContainer = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  padding-left: ", "px;\n"])), (0, _constants.gridSize)() * 3);
-
+var SearchInputControlsContainer = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  padding-left: ", ";\n"])), "var(--ds-space-300, 24px)");
 exports.SearchInputControlsContainer = SearchInputControlsContainer;
 SearchInputControlsContainer.displayName = 'SearchInputControlsContainer'; // required for testing

package/dist/cjs/components/constants.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.QS_ANALYTICS_EV_SUBMIT = exports.QS_ANALYTICS_EV_QUERY_ENTERED = exports.QS_ANALYTICS_EV_OPEN = exports.QS_ANALYTICS_EV_KB_CTRLS_USED = exports.QS_ANALYTICS_EV_CLOSE = exports.ATLASKIT_QUICKSEARCH_NS = void 0;
-
 /* eslint-disable import/prefer-default-export */
 var ATLASKIT_QUICKSEARCH_NS = 'atlaskit.navigation.quick-search';
 exports.ATLASKIT_QUICKSEARCH_NS = ATLASKIT_QUICKSEARCH_NS;

package/dist/cjs/components/context.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectedResultIdContext = exports.ResultContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var defaultState = {
   sendAnalytics: function sendAnalytics() {},
   onMouseEnter: function onMouseEnter() {},
@@ -19,11 +16,7 @@ var defaultState = {
     return Number(n);
   }
 };
-
 var ResultContext = /*#__PURE__*/_react.default.createContext(defaultState);
-
 exports.ResultContext = ResultContext;
-
 var SelectedResultIdContext = /*#__PURE__*/_react.default.createContext(null);
-
 exports.SelectedResultIdContext = SelectedResultIdContext;

package/dist/cjs/components/decorateWithAnalyticsData.js

@@ -1,55 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = decorateWithAnalyticsData;
-
 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 _analytics = require("@atlaskit/analytics");
-
 var _isReactElement = _interopRequireDefault(require("./isReactElement"));
-
 var _constants = require("./constants");
-
 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 decorateWithAnalyticsData(WrappedQuickSearch) {
   var _class;
-
   return _class = /*#__PURE__*/function (_React$Component) {
     (0, _inherits2.default)(DecorateWithAnalyticsData, _React$Component);
-
     var _super = _createSuper(DecorateWithAnalyticsData);
-
     function DecorateWithAnalyticsData() {
       var _this;
-
       (0, _classCallCheck2.default)(this, DecorateWithAnalyticsData);
-
       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), "countChildren", function () {
         return _react.default.Children.toArray(_this.props.children).reduce(function (total, group) {
@@ -58,7 +37,6 @@ function decorateWithAnalyticsData(WrappedQuickSearch) {
       });
       return _this;
     }
-
     (0, _createClass2.default)(DecorateWithAnalyticsData, [{
       key: "render",
       value: function render() {

package/dist/cjs/components/isReactElement.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * Heuristically check whether an element is a react element or not.
  * React elements have constructors for their type property but native elements use strings.
@@ -15,5 +14,4 @@ var _default = function _default(element) {
   var hasProps = element && element.props;
   return hasFunctionAsType && hasProps;
 };
-
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -68,27 +66,15 @@ Object.defineProperty(exports, "ResultItemGroup", {
   }
 });
 exports.quickSearchResultTypes = void 0;
-
 var resultTypes = _interopRequireWildcard(require("./components/Results"));
-
 exports.quickSearchResultTypes = resultTypes;
-
 var _ResultItemGroup = _interopRequireDefault(require("./components/ResultItem/ResultItemGroup"));
-
 var _ResultItem = _interopRequireDefault(require("./components/ResultItem/ResultItem"));
-
 var _QuickSearch = _interopRequireDefault(require("./components/QuickSearch"));
-
 var _Search = _interopRequireDefault(require("./components/Search/Search"));
-
 var _ObjectResult = _interopRequireDefault(require("./components/Results/ObjectResult"));
-
 var _PersonResult = _interopRequireDefault(require("./components/Results/PersonResult"));
-
 var _ContainerResult = _interopRequireDefault(require("./components/Results/ContainerResult"));
-
 var _ResultBase = _interopRequireDefault(require("./components/Results/ResultBase"));
-
 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; }

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/quick-search",
-	"version": "8.0.12"
+	"version": "8.0.14"
 }

package/dist/es2019/components/QuickSearch.js

@@ -6,7 +6,6 @@ import AkSearch from './Search/Search';
 import { ResultContext, SelectedResultIdContext } from './context';
 import decorateWithAnalyticsData from './decorateWithAnalyticsData';
 import { QS_ANALYTICS_EV_CLOSE, QS_ANALYTICS_EV_KB_CTRLS_USED, QS_ANALYTICS_EV_OPEN, QS_ANALYTICS_EV_QUERY_ENTERED, QS_ANALYTICS_EV_SUBMIT } from './constants';
-
 /**
  * Get the result ID of a result by its index in the flatResults array
  * Returns null for a failed index or if resultId is empty|undefined
@@ -15,69 +14,54 @@ const getResultIdByIndex = (array, index) => {
   if (array && index !== null && array[index] && array[index].props && array[index].props.resultId) {
     return array[index].props.resultId;
   }
-
   return null;
 };
+
 /**
  * Find a result in the flatResults array by its ID
  * Returns the result object or null
  */
-
-
 const getResultById = (array, id) => array && array.find(result => result.props && result.props.resultId === id) || null;
+
 /**
  * Get a result's index in the flatResults array by its ID
  * Returns a numeric index or null
  */
-
-
 const getResultIndexById = (array, id) => {
   if (!array) {
     return null;
   }
-
   const result = getResultById(array, id);
-
   if (!result) {
     return null;
   }
-
   const index = array.indexOf(result);
   return index >= 0 ? index : null;
 };
-
 const adjustIndex = (arrayLength, currentIndex, adjustment) => {
   if (arrayLength === 0) {
     return null;
   }
-
   if (adjustment === 0) {
     return currentIndex;
-  } // If nothing is selected, select the element on the end
-
+  }
 
+  // If nothing is selected, select the element on the end
   if (currentIndex === null) {
     return adjustment > 0 ? 0 : arrayLength - 1;
-  } // Adjust current index, wrapping around if necessary
-
-
-  const adjustedIndex = (currentIndex + adjustment) % arrayLength; // Correct for negative indices
-
+  }
+  // Adjust current index, wrapping around if necessary
+  const adjustedIndex = (currentIndex + adjustment) % arrayLength;
+  // Correct for negative indices
   return adjustedIndex >= 0 ? adjustedIndex : adjustedIndex + arrayLength;
 };
-
 export class QuickSearch extends React.Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "flatResults", []);
-
     _defineProperty(this, "hasSearchQueryEventFired", false);
-
     _defineProperty(this, "hasKeyDownEventFired", false);
-
     _defineProperty(this, "lastKeyPressed", '');
-
     _defineProperty(this, "adjustSelectedResultIndex", adjustment => {
       const currentIndex = getResultIndexById(this.flatResults, this.state.selectedResultId);
       const newIndex = adjustIndex(this.flatResults.length, currentIndex, adjustment);
@@ -85,57 +69,46 @@ export class QuickSearch extends React.Component {
       this.setState({
         selectedResultId
       });
-
       if (selectedResultId) {
         this.fireKeyboardControlEvent(selectedResultId);
       }
-
       if (this.props.onSelectedResultIdChanged) {
         this.props.onSelectedResultIdChanged(selectedResultId);
       }
     });
-
     _defineProperty(this, "selectNext", () => {
       this.adjustSelectedResultIndex(+1);
     });
-
     _defineProperty(this, "selectPrevious", () => {
       this.adjustSelectedResultIndex(-1);
     });
-
     _defineProperty(this, "handleRegisterResult", result => {
       if (!getResultById(this.flatResults, result.props.resultId)) {
         this.flatResults.push(result);
       }
     });
-
     _defineProperty(this, "handleUnregisterResult", result => {
       const resultIndex = getResultIndexById(this.flatResults, result.props.resultId);
-
       if (resultIndex !== null && +resultIndex >= 0) {
         this.flatResults.splice(resultIndex, 1);
       }
     });
-
     _defineProperty(this, "handleResultMouseEnter", resultData => {
       this.setState({
         selectedResultId: resultData && resultData.resultId
       });
     });
-
     _defineProperty(this, "handleResultMouseLeave", () => {
       this.setState({
         selectedResultId: null
       });
     });
-
     _defineProperty(this, "handleSearchBlur", event => {
       this.props.onSearchBlur(event);
       this.setState({
         selectedResultId: null
       });
     });
-
     _defineProperty(this, "onInput", event => {
       const {
         onSearchInput
@@ -143,27 +116,24 @@ export class QuickSearch extends React.Component {
       this.setState({
         value: event.currentTarget.value
       });
-
       if (onSearchInput) {
         onSearchInput(event);
       }
     });
-
     _defineProperty(this, "handleSearchKeyDown", event => {
       const {
         firePrivateAnalyticsEvent
       } = this.props;
       this.props.onSearchKeyDown(event);
-      this.lastKeyPressed = event.key; // Need to check for keyCode for up/down/enter in case user is composing using an IME
-      // fixes https://ecosystem.atlassian.net/browse/DS-6518
+      this.lastKeyPressed = event.key;
 
+      // Need to check for keyCode for up/down/enter in case user is composing using an IME
+      // fixes https://ecosystem.atlassian.net/browse/DS-6518
       if (event.key === 'ArrowUp' && event.keyCode === keycode('up')) {
         event.preventDefault(); // Don't move cursor around in search input field
-
         this.selectPrevious();
       } else if (event.key === 'ArrowDown' && event.keyCode === keycode('down')) {
         event.preventDefault(); // Don't move cursor around in search input field
-
         this.selectNext();
       } else if (event.key === 'Enter' && event.keyCode === keycode('enter')) {
         // shift key pressed or no result selected
@@ -176,30 +146,26 @@ export class QuickSearch extends React.Component {
               method: 'shortcut'
             });
           }
-
           this.props.onSearchSubmit(event);
         } else {
           event.preventDefault(); // Don't fire submit event from input
-
           const result = getResultById(this.flatResults, this.state.selectedResultId);
-
           if (!result || !result.props) {
             return;
-          } // Capture when users are using the keyboard to submit
-
+          }
 
+          // Capture when users are using the keyboard to submit
           if (typeof firePrivateAnalyticsEvent === 'function') {
             this.fireKeyboardControlEvent(this.state.selectedResultId);
-            firePrivateAnalyticsEvent(QS_ANALYTICS_EV_SUBMIT, { ...result.getAnalyticsData(),
+            firePrivateAnalyticsEvent(QS_ANALYTICS_EV_SUBMIT, {
+              ...result.getAnalyticsData(),
               method: 'returnKey',
               newTab: false,
               // enter always open in the same tab
               resultCount: this.flatResults.length
             });
           }
-
           let preventDefault = false;
-
           if (result.props.onClick) {
             result.props.onClick({
               resultId: result.props.resultId,
@@ -208,13 +174,10 @@ export class QuickSearch extends React.Component {
                 preventDefault() {
                   preventDefault = true;
                 },
-
                 stopPropagation() {}
-
               })
             });
           }
-
           if (result.props.href && !preventDefault) {
             window.location.assign(result.props.href);
           }
@@ -223,48 +186,43 @@ export class QuickSearch extends React.Component {
         const {
           autocompleteText
         } = this.props;
-
-        if (autocompleteText && autocompleteText.length > 0 && // multiple Tab or ArrowRight
+        if (autocompleteText && autocompleteText.length > 0 &&
+        // multiple Tab or ArrowRight
         autocompleteText.slice(-1) !== ' ') {
           this.acceptAutocomplete(event, autocompleteText);
           event.preventDefault();
         }
       }
     });
-
     _defineProperty(this, "acceptAutocomplete", (event, text) => {
       const {
         onSearchInput
       } = this.props;
       const newValue = `${text} `;
-
       if (this.inputSearchRef) {
         this.setState({
           value: newValue
-        }); // @ts-ignore unchecked
-
+        });
+        // @ts-ignore unchecked
         this.inputSearchRef.value = newValue;
       }
-
       if (onSearchInput) {
         onSearchInput(event, true);
       }
     });
-
     _defineProperty(this, "setSearchInputRef", refs => {
       if (refs && refs.inputRef) {
         this.inputSearchRef = refs.inputRef;
       }
     });
-
     _defineProperty(this, "focusSearchInput", () => {
-      if (this.inputSearchRef && // @ts-ignore unchecked
+      if (this.inputSearchRef &&
+      // @ts-ignore unchecked
       typeof this.inputSearchRef.focus === 'function') {
         // @ts-ignore unchecked
         this.inputSearchRef.focus();
       }
     });
-
     this.state = {
       /** Select first result by default if `selectedResultId` prop is not provided */
       selectedResultId: this.props.selectedResultId || null,
@@ -282,27 +240,22 @@ export class QuickSearch extends React.Component {
       value: props.value
     };
   }
-
   componentDidMount() {
     const {
       firePrivateAnalyticsEvent
     } = this.props;
-
     if (firePrivateAnalyticsEvent) {
       firePrivateAnalyticsEvent(QS_ANALYTICS_EV_OPEN, {});
     }
   }
-
   componentWillUnmount() {
     const {
       firePrivateAnalyticsEvent
     } = this.props;
-
     if (firePrivateAnalyticsEvent) {
       firePrivateAnalyticsEvent(QS_ANALYTICS_EV_CLOSE, {});
     }
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.children !== this.props.children) {
       this.setState({
@@ -312,59 +265,55 @@ export class QuickSearch extends React.Component {
       this.setState({
         selectedResultId: nextProps.selectedResultId || null
       });
-    } // keep context state in sync
-
+    }
 
+    // keep context state in sync
     const {
       sendAnalytics,
       linkComponent
     } = this.state.context;
-
     if (sendAnalytics !== nextProps.firePrivateAnalyticsEvent || linkComponent !== nextProps.linkComponent) {
       this.setState({
-        context: { ...this.state.context,
+        context: {
+          ...this.state.context,
           sendAnalytics: nextProps.firePrivateAnalyticsEvent,
           linkComponent: nextProps.linkComponent
         }
       });
     }
+
     /**
      * Capture whether user needed to query in order to find their target result.
      * Only fire once per mount. Only fire when a search term is entered and the previous search
      * term was empty.
      */
-
-
     if (!this.hasSearchQueryEventFired && !this.props.value && nextProps.value) {
       this.hasSearchQueryEventFired = true;
       const {
         firePrivateAnalyticsEvent
       } = this.props;
-
       if (firePrivateAnalyticsEvent) {
         firePrivateAnalyticsEvent(QS_ANALYTICS_EV_QUERY_ENTERED, {});
       }
     }
   }
-
   fireKeyboardControlEvent(selectedResultId) {
     const {
       firePrivateAnalyticsEvent
     } = this.props;
-
     if (firePrivateAnalyticsEvent) {
       const result = getResultById(this.flatResults, selectedResultId);
-
       if (result) {
-        firePrivateAnalyticsEvent(QS_ANALYTICS_EV_KB_CTRLS_USED, { ...result.getAnalyticsData(),
+        firePrivateAnalyticsEvent(QS_ANALYTICS_EV_KB_CTRLS_USED, {
+          ...result.getAnalyticsData(),
           key: this.lastKeyPressed,
           resultCount: this.flatResults.length
         });
       }
     }
-
     this.lastKeyPressed = '';
   }
+
   /**
    * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
    * results were in a single, circular list.
@@ -375,7 +324,6 @@ export class QuickSearch extends React.Component {
    * 3. Sets the new selectedResultId based on the modifed index
    */
 
-
   render() {
     return /*#__PURE__*/React.createElement(AkSearch, {
       isLoading: this.props.isLoading,
@@ -393,15 +341,14 @@ export class QuickSearch extends React.Component {
       value: this.state.selectedResultId
     }, this.props.children)));
   }
-
 }
+
 /**
  * HOCs:
  * `decorateWithAnalyticsData` - Wrapper that decorates analytics events with additional data.
  * `withAnalytics` - Injects analytics firing methods that are picked up by
  * @atlaskit/analytics/AnalyticsListener.
  */
-
 _defineProperty(QuickSearch, "defaultProps", {
   children: [],
   firePrivateAnalyticsEvent: _ => {},
@@ -412,6 +359,6 @@ _defineProperty(QuickSearch, "defaultProps", {
   placeholder: 'Search',
   value: ''
 });
-
-export default decorateWithAnalyticsData( // @ts-ignore
+export default decorateWithAnalyticsData(
+// @ts-ignore
 withAnalytics(QuickSearch, {}, {}));

package/dist/es2019/components/ResultItem/ResultItem.js

@@ -4,7 +4,6 @@ import React from 'react';
 import baseItem, { withItemClick, withItemFocus } from '@atlaskit/item';
 import { ResultItemAfter, ResultItemAfterWrapper, ResultItemCaption, ResultItemIcon, ResultItemTextAfter, ResultItemSubText } from './styled';
 const Item = withItemClick(withItemFocus(baseItem));
-
 class ResultItem extends React.PureComponent {
   render() {
     const icon = this.props.icon ? /*#__PURE__*/React.createElement(ResultItemIcon, null, this.props.icon) : null;
@@ -30,12 +29,9 @@ class ResultItem extends React.PureComponent {
       linkComponent: this.props.linkComponent
     }, interactiveWrapperProps), this.props.text, wrappedCaption);
   }
-
 }
-
 _defineProperty(ResultItem, "defaultProps", {
   isSelected: false,
   isMouseSelected: false
 });
-
 export default ResultItem;

package/dist/es2019/components/ResultItem/ResultItemGroup.js

@@ -12,5 +12,4 @@ export default class ResultItemGroup extends React.Component {
       title: wrappedTitle
     }, children);
   }
-
 }