@atlaskit/quick-search 8.0.14 → 8.1.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/quick-search
 
+## 8.1.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.0.15
+
+### Patch Changes
+
+- [`be610dca836`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be610dca836) - [ux] replace deprecated placeholder theme with tokens
+
 ## 8.0.14
 
 ### Patch Changes

package/dist/cjs/components/QuickSearch.js

@@ -87,6 +87,15 @@ var QuickSearch = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasSearchQueryEventFired", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasKeyDownEventFired", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lastKeyPressed", '');
+    /**
+     * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
+     * results were in a single, circular list.
+     *
+     * Process:
+     * 1. Finds the index of the selected result in the flatResults array,
+     * 2. Increments or decrements this index by the supplied adjustment amount,
+     * 3. Sets the new selectedResultId based on the modifed index
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "adjustSelectedResultIndex", function (adjustment) {
       var currentIndex = getResultIndexById(_this.flatResults, _this.state.selectedResultId);
       var newIndex = adjustIndex(_this.flatResults.length, currentIndex, adjustment);
@@ -101,33 +110,57 @@ var QuickSearch = /*#__PURE__*/function (_React$Component) {
         _this.props.onSelectedResultIdChanged(selectedResultId);
       }
     });
+    /** Select next result */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectNext", function () {
       _this.adjustSelectedResultIndex(+1);
     });
+    /** Select previous result */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectPrevious", function () {
       _this.adjustSelectedResultIndex(-1);
     });
+    /**
+     * Callback for register results in flatResults
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRegisterResult", function (result) {
       if (!getResultById(_this.flatResults, result.props.resultId)) {
         _this.flatResults.push(result);
       }
     });
+    /**
+     * Callback for unregister results in flatResults
+     * It will reconcile a list of results for keyboard navigation after every update.
+     * 1. Component starts with an empty list of results
+     * 2. componentDidMount / componentDidUpdate lifecycle methods in ResultBase will be invoked
+     * 3. All ResultBase components call registerResult() in order to register itself in quick search
+     * 4. All ResultBase components call unregisterResult() in order to unregister itself in quick search
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleUnregisterResult", function (result) {
       var resultIndex = getResultIndexById(_this.flatResults, result.props.resultId);
       if (resultIndex !== null && +resultIndex >= 0) {
         _this.flatResults.splice(resultIndex, 1);
       }
     });
+    /**
+     * Callback for mouseEnter events on individual results
+     * Move selection to hovered result
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResultMouseEnter", function (resultData) {
       _this.setState({
         selectedResultId: resultData && resultData.resultId
       });
     });
+    /**
+     * Callback for mouseLeave events on individual results
+     * Clear result selection
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResultMouseLeave", function () {
       _this.setState({
         selectedResultId: null
       });
     });
+    /**
+     * Clear result selection when search input is blurred
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearchBlur", function (event) {
       _this.props.onSearchBlur(event);
       _this.setState({
@@ -143,6 +176,13 @@ var QuickSearch = /*#__PURE__*/function (_React$Component) {
         onSearchInput(event);
       }
     });
+    /**
+     * Keyboard controls
+     * Up - Select previous result
+     * Down - Select next result
+     * Enter - Submit selected result
+     * Tab / ArrowRight - Accept autocomplete
+     */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearchKeyDown", function (event) {
       var firePrivateAnalyticsEvent = _this.props.firePrivateAnalyticsEvent;
       _this.props.onSearchKeyDown(event);
@@ -327,16 +367,6 @@ var QuickSearch = /*#__PURE__*/function (_React$Component) {
       }
       this.lastKeyPressed = '';
     }
-
-    /**
-     * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
-     * results were in a single, circular list.
-     *
-     * Process:
-     * 1. Finds the index of the selected result in the flatResults array,
-     * 2. Increments or decrements this index by the supplied adjustment amount,
-     * 3. Sets the new selectedResultId based on the modifed index
-     */
   }, {
     key: "render",
     value: function render() {

package/dist/cjs/components/Results/ResultBase.js

@@ -21,6 +21,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; } }
+// context is an optional prop but the component provides a defaultProp. However, TS still complains
+// when you don't pass it. There doesn't seem to be a better way of declaring optional default props.
 var ResultBase = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ResultBase, _React$PureComponent);
   var _super = _createSuper(ResultBase);

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

@@ -25,7 +25,7 @@ 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);
+var getPlaceholderColor = (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
 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;

package/dist/cjs/version.json

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

package/dist/es2019/components/QuickSearch.js

@@ -62,6 +62,15 @@ export class QuickSearch extends React.Component {
     _defineProperty(this, "hasSearchQueryEventFired", false);
     _defineProperty(this, "hasKeyDownEventFired", false);
     _defineProperty(this, "lastKeyPressed", '');
+    /**
+     * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
+     * results were in a single, circular list.
+     *
+     * Process:
+     * 1. Finds the index of the selected result in the flatResults array,
+     * 2. Increments or decrements this index by the supplied adjustment amount,
+     * 3. Sets the new selectedResultId based on the modifed index
+     */
     _defineProperty(this, "adjustSelectedResultIndex", adjustment => {
       const currentIndex = getResultIndexById(this.flatResults, this.state.selectedResultId);
       const newIndex = adjustIndex(this.flatResults.length, currentIndex, adjustment);
@@ -76,33 +85,57 @@ export class QuickSearch extends React.Component {
         this.props.onSelectedResultIdChanged(selectedResultId);
       }
     });
+    /** Select next result */
     _defineProperty(this, "selectNext", () => {
       this.adjustSelectedResultIndex(+1);
     });
+    /** Select previous result */
     _defineProperty(this, "selectPrevious", () => {
       this.adjustSelectedResultIndex(-1);
     });
+    /**
+     * Callback for register results in flatResults
+     */
     _defineProperty(this, "handleRegisterResult", result => {
       if (!getResultById(this.flatResults, result.props.resultId)) {
         this.flatResults.push(result);
       }
     });
+    /**
+     * Callback for unregister results in flatResults
+     * It will reconcile a list of results for keyboard navigation after every update.
+     * 1. Component starts with an empty list of results
+     * 2. componentDidMount / componentDidUpdate lifecycle methods in ResultBase will be invoked
+     * 3. All ResultBase components call registerResult() in order to register itself in quick search
+     * 4. All ResultBase components call unregisterResult() in order to unregister itself in quick search
+     */
     _defineProperty(this, "handleUnregisterResult", result => {
       const resultIndex = getResultIndexById(this.flatResults, result.props.resultId);
       if (resultIndex !== null && +resultIndex >= 0) {
         this.flatResults.splice(resultIndex, 1);
       }
     });
+    /**
+     * Callback for mouseEnter events on individual results
+     * Move selection to hovered result
+     */
     _defineProperty(this, "handleResultMouseEnter", resultData => {
       this.setState({
         selectedResultId: resultData && resultData.resultId
       });
     });
+    /**
+     * Callback for mouseLeave events on individual results
+     * Clear result selection
+     */
     _defineProperty(this, "handleResultMouseLeave", () => {
       this.setState({
         selectedResultId: null
       });
     });
+    /**
+     * Clear result selection when search input is blurred
+     */
     _defineProperty(this, "handleSearchBlur", event => {
       this.props.onSearchBlur(event);
       this.setState({
@@ -120,6 +153,13 @@ export class QuickSearch extends React.Component {
         onSearchInput(event);
       }
     });
+    /**
+     * Keyboard controls
+     * Up - Select previous result
+     * Down - Select next result
+     * Enter - Submit selected result
+     * Tab / ArrowRight - Accept autocomplete
+     */
     _defineProperty(this, "handleSearchKeyDown", event => {
       const {
         firePrivateAnalyticsEvent
@@ -313,17 +353,6 @@ export class QuickSearch extends React.Component {
     }
     this.lastKeyPressed = '';
   }
-
-  /**
-   * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
-   * results were in a single, circular list.
-   *
-   * Process:
-   * 1. Finds the index of the selected result in the flatResults array,
-   * 2. Increments or decrements this index by the supplied adjustment amount,
-   * 3. Sets the new selectedResultId based on the modifed index
-   */
-
   render() {
     return /*#__PURE__*/React.createElement(AkSearch, {
       isLoading: this.props.isLoading,

package/dist/es2019/components/Results/ResultBase.js

@@ -4,6 +4,9 @@ import React from 'react';
 import { QS_ANALYTICS_EV_SUBMIT } from '../constants';
 import ResultItem from '../ResultItem/ResultItem';
 import { ResultContext, SelectedResultIdContext } from '../context';
+
+// context is an optional prop but the component provides a defaultProp. However, TS still complains
+// when you don't pass it. There doesn't seem to be a better way of declaring optional default props.
 export class ResultBase extends React.PureComponent {
   constructor(...args) {
     super(...args);

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

@@ -1,5 +1,5 @@
 import styled, { css } from 'styled-components';
-import { N0, N500, B200, placeholderText, N50 } from '@atlaskit/theme/colors';
+import { N0, N200, N500, B200, N50 } from '@atlaskit/theme/colors';
 const inputRightPadding = "var(--ds-space-200, 16px)";
 export const SearchBox = styled.div`
   position: sticky;
@@ -49,7 +49,7 @@ export const getPlaceholderStyle = style => css`
   }
 `;
 export const getPlaceholderColor = css`
-  color: ${placeholderText};
+  color: ${`var(--ds-text-subtlest, ${N200})`};
 `;
 export const SearchInput = styled.input`
   background-color: transparent;

package/dist/es2019/version.json

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

package/dist/esm/components/QuickSearch.js

@@ -80,6 +80,15 @@ export var QuickSearch = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "hasSearchQueryEventFired", false);
     _defineProperty(_assertThisInitialized(_this), "hasKeyDownEventFired", false);
     _defineProperty(_assertThisInitialized(_this), "lastKeyPressed", '');
+    /**
+     * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
+     * results were in a single, circular list.
+     *
+     * Process:
+     * 1. Finds the index of the selected result in the flatResults array,
+     * 2. Increments or decrements this index by the supplied adjustment amount,
+     * 3. Sets the new selectedResultId based on the modifed index
+     */
     _defineProperty(_assertThisInitialized(_this), "adjustSelectedResultIndex", function (adjustment) {
       var currentIndex = getResultIndexById(_this.flatResults, _this.state.selectedResultId);
       var newIndex = adjustIndex(_this.flatResults.length, currentIndex, adjustment);
@@ -94,33 +103,57 @@ export var QuickSearch = /*#__PURE__*/function (_React$Component) {
         _this.props.onSelectedResultIdChanged(selectedResultId);
       }
     });
+    /** Select next result */
     _defineProperty(_assertThisInitialized(_this), "selectNext", function () {
       _this.adjustSelectedResultIndex(+1);
     });
+    /** Select previous result */
     _defineProperty(_assertThisInitialized(_this), "selectPrevious", function () {
       _this.adjustSelectedResultIndex(-1);
     });
+    /**
+     * Callback for register results in flatResults
+     */
     _defineProperty(_assertThisInitialized(_this), "handleRegisterResult", function (result) {
       if (!getResultById(_this.flatResults, result.props.resultId)) {
         _this.flatResults.push(result);
       }
     });
+    /**
+     * Callback for unregister results in flatResults
+     * It will reconcile a list of results for keyboard navigation after every update.
+     * 1. Component starts with an empty list of results
+     * 2. componentDidMount / componentDidUpdate lifecycle methods in ResultBase will be invoked
+     * 3. All ResultBase components call registerResult() in order to register itself in quick search
+     * 4. All ResultBase components call unregisterResult() in order to unregister itself in quick search
+     */
     _defineProperty(_assertThisInitialized(_this), "handleUnregisterResult", function (result) {
       var resultIndex = getResultIndexById(_this.flatResults, result.props.resultId);
       if (resultIndex !== null && +resultIndex >= 0) {
         _this.flatResults.splice(resultIndex, 1);
       }
     });
+    /**
+     * Callback for mouseEnter events on individual results
+     * Move selection to hovered result
+     */
     _defineProperty(_assertThisInitialized(_this), "handleResultMouseEnter", function (resultData) {
       _this.setState({
         selectedResultId: resultData && resultData.resultId
       });
     });
+    /**
+     * Callback for mouseLeave events on individual results
+     * Clear result selection
+     */
     _defineProperty(_assertThisInitialized(_this), "handleResultMouseLeave", function () {
       _this.setState({
         selectedResultId: null
       });
     });
+    /**
+     * Clear result selection when search input is blurred
+     */
     _defineProperty(_assertThisInitialized(_this), "handleSearchBlur", function (event) {
       _this.props.onSearchBlur(event);
       _this.setState({
@@ -136,6 +169,13 @@ export var QuickSearch = /*#__PURE__*/function (_React$Component) {
         onSearchInput(event);
       }
     });
+    /**
+     * Keyboard controls
+     * Up - Select previous result
+     * Down - Select next result
+     * Enter - Submit selected result
+     * Tab / ArrowRight - Accept autocomplete
+     */
     _defineProperty(_assertThisInitialized(_this), "handleSearchKeyDown", function (event) {
       var firePrivateAnalyticsEvent = _this.props.firePrivateAnalyticsEvent;
       _this.props.onSearchKeyDown(event);
@@ -320,16 +360,6 @@ export var QuickSearch = /*#__PURE__*/function (_React$Component) {
       }
       this.lastKeyPressed = '';
     }
-
-    /**
-     * Uses the virtual list, this.flatResults, to move the selection across grouped results as if
-     * results were in a single, circular list.
-     *
-     * Process:
-     * 1. Finds the index of the selected result in the flatResults array,
-     * 2. Increments or decrements this index by the supplied adjustment amount,
-     * 3. Sets the new selectedResultId based on the modifed index
-     */
   }, {
     key: "render",
     value: function render() {

package/dist/esm/components/Results/ResultBase.js

@@ -14,6 +14,9 @@ import React from 'react';
 import { QS_ANALYTICS_EV_SUBMIT } from '../constants';
 import ResultItem from '../ResultItem/ResultItem';
 import { ResultContext, SelectedResultIdContext } from '../context';
+
+// context is an optional prop but the component provides a defaultProp. However, TS still complains
+// when you don't pass it. There doesn't seem to be a better way of declaring optional default props.
 export var ResultBase = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ResultBase, _React$PureComponent);
   var _super = _createSuper(ResultBase);

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

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 import styled, { css } from 'styled-components';
-import { N0, N500, B200, placeholderText, N50 } from '@atlaskit/theme/colors';
+import { N0, N200, N500, B200, N50 } from '@atlaskit/theme/colors';
 var inputRightPadding = "var(--ds-space-200, 16px)";
 export var SearchBox = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), N0, N500);
 export var SearchFieldBaseOuter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: 2px;\n  border-bottom: 2px solid ", ";\n"])), B200);
@@ -10,7 +10,7 @@ export var SearchInner = styled.div(_templateObject4 || (_templateObject4 = _tag
 export var getPlaceholderStyle = function getPlaceholderStyle(style) {
   return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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);
 };
-export var getPlaceholderColor = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), placeholderText);
+export var getPlaceholderColor = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"));
 export var SearchInput = styled.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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"])), N500, getPlaceholderStyle(getPlaceholderColor));
 export var SearchInputTypeAhead = styled(SearchInput)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  position: absolute;\n  width: calc(100% - ", ");\n  z-index: -1;\n"])), N50, inputRightPadding);
 export var SearchInputControlsContainer = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n"])), "var(--ds-space-300, 24px)");

package/dist/esm/version.json

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

package/dist/types/components/Search/styled.d.ts

@@ -4,7 +4,7 @@ export declare const SearchFieldBaseOuter: import("styled-components").StyledCom
 export declare const SearchFieldBaseInner: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const SearchInner: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const getPlaceholderStyle: (style: any) => import("styled-components").InterpolationValue[];
-export declare const getPlaceholderColor: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps | undefined, any>>[];
+export declare const getPlaceholderColor: import("styled-components").InterpolationValue[];
 export declare const SearchInput: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, any, import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>>;
 export declare const SearchInputTypeAhead: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, any, import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>>;
 export declare const SearchInputControlsContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/quick-search",
-  "version": "8.0.14",
+  "version": "8.1.0",
   "description": "A quick-search component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -22,12 +22,12 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics": "^8.0.0",
-    "@atlaskit/avatar": "^21.2.0",
-    "@atlaskit/item": "^12.0.0",
-    "@atlaskit/spinner": "^15.4.0",
-    "@atlaskit/theme": "^12.3.0",
-    "@atlaskit/tokens": "^1.2.6",
+    "@atlaskit/analytics": "^8.1.0",
+    "@atlaskit/avatar": "^21.3.0",
+    "@atlaskit/item": "^12.1.0",
+    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "keycode": "^2.1.7"
   },
@@ -36,10 +36,10 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.2.0",
+    "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.4.0",
-    "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/drawer": "^7.5.0",
+    "@atlaskit/icon": "^21.12.0",
     "@atlaskit/navigation": "^37.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",

package/tmp/api-report-tmp.d.ts

@@ -1,263 +0,0 @@
-## API Report File for "@atlaskit/quick-search"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentType } from 'react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-
-// @public (undocumented)
-export class AkNavigationItem extends React_2.PureComponent<Props_2> {
-    // (undocumented)
-    static defaultProps: Partial<Props_2>;
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export class AkSearch extends React_2.PureComponent<Props_4> {
-    // (undocumented)
-    static defaultProps: Partial<Props_4>;
-    // (undocumented)
-    inputRef?: React_2.Ref<any>;
-    // (undocumented)
-    onInputKeyDown: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    renderInputControls: () => JSX.Element | null;
-    // (undocumented)
-    setInputRef: (ref: React_2.Ref<any>) => void;
-}
-
-// @public (undocumented)
-type AnalyticsData = Object;
-
-// @public (undocumented)
-export type CancelableEvent = KeyboardEvent | MouseEvent | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>;
-
-// @public (undocumented)
-type CommonResultProps = {
-    resultId: number | string;
-    type?: string;
-    avatarUrl?: string;
-    avatar?: ReactNode;
-    elemAfter?: ReactNode;
-    selectedIcon?: ReactNode;
-    href?: string;
-    target?: string;
-    isCompact?: boolean;
-    onClick?: (resultData: ResultData) => void;
-    analyticsData?: (() => AnalyticsData) | AnalyticsData;
-};
-
-// @public
-export class ContainerResult extends React_2.PureComponent<ContainerResultProps> {
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type ContainerResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    caption?: string;
-    isPrivate?: boolean;
-    subText?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-const _default: React_2.ComponentClass<Props_3, any>;
-export { _default as AkQuickSearch }
-export { _default as QuickSearch }
-
-// @public (undocumented)
-type DefaultProps = {
-    context: ResultContextType;
-};
-
-// @public
-export class ObjectResult extends React_2.PureComponent<ObjectResultProps> {
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    getSubtext(): null | undefined | {};
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type ObjectResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    caption?: string;
-    containerName?: React_2.ReactNode;
-    isPrivate?: boolean;
-    objectKey?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-export class PersonResult extends React_2.PureComponent<PersonResultProps> {
-    // (undocumented)
-    static defaultProps: Partial<PersonResultProps>;
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    getMention: () => string | undefined;
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type PersonResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    mentionName?: string;
-    mentionPrefix?: string;
-    presenceMessage?: React_2.ReactNode;
-    presenceState?: 'busy' | 'offline' | 'online' | null;
-};
-
-// @public (undocumented)
-type Props = {
-    title: React_2.ReactNode;
-    children?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-type Props_2 = {
-    caption?: string;
-    href?: string;
-    target?: string;
-    icon?: React_2.ReactNode;
-    isCompact?: boolean;
-    isSelected?: boolean;
-    isMouseSelected?: boolean;
-    onClick?(e: MouseEvent): void;
-    onMouseEnter?: (e: MouseEvent) => void;
-    onMouseLeave?: (e: MouseEvent) => void;
-    subText?: React_2.ReactNode;
-    text?: React_2.ReactNode;
-    textAfter?: React_2.ReactNode;
-    selectedIcon?: React_2.ReactNode;
-    linkComponent?: React_2.ComponentType;
-};
-
-// @public (undocumented)
-type Props_3 = {
-    children: React_2.ReactNode;
-    isLoading?: boolean;
-    onSearchBlur?: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onSearchInput?: (event: React_2.FormEvent<HTMLInputElement>, isAutocompleted?: boolean) => void;
-    onSearchKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    onSearchSubmit?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    value?: string;
-    selectedResultId?: SelectedResultId;
-    onSelectedResultIdChanged?: (id: SelectedResultId) => void;
-    firePrivateAnalyticsEvent?: (eventName: string, eventData: Object) => void;
-    linkComponent?: React_2.ComponentType<any>;
-    inputControls?: React_2.ReactNode;
-    autocompleteText?: string;
-};
-
-// @public (undocumented)
-type Props_4 = {
-    children?: React_2.ReactNode;
-    inputControls?: React_2.ReactNode;
-    isLoading?: boolean;
-    onBlur?: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onInput?: (event: React_2.FormEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    value?: string;
-    autocompleteText?: string;
-};
-
-declare namespace quickSearchResultTypes {
-    export {
-        ContainerResult,
-        ObjectResult,
-        PersonResult,
-        ResultBase
-    }
-}
-export { quickSearchResultTypes }
-
-// @public (undocumented)
-export const ResultBase: (props: ResultBaseProps) => JSX.Element;
-
-// @public (undocumented)
-class ResultBase_2 extends React_2.PureComponent<DefaultProps & ResultBaseProps> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentDidUpdate(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    static defaultProps: Partial<ResultBaseProps>;
-    // (undocumented)
-    getAnalyticsData(): AnalyticsData;
-    // (undocumented)
-    handleClick: (e: MouseEvent) => void;
-    // (undocumented)
-    handleMouseEnter: (event: MouseEvent) => void;
-    // (undocumented)
-    handleMouseLeave: () => void;
-    // (undocumented)
-    registerResult(): void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    state: {
-        isMouseSelected: boolean;
-    };
-}
-
-// @public (undocumented)
-export type ResultBaseProps = CommonResultProps & {
-    type: string;
-    text: React_2.ReactNode;
-    subText?: React_2.ReactNode;
-    caption?: string;
-    icon?: React_2.ReactNode;
-    context?: ResultContextType;
-};
-
-// @public (undocumented)
-type ResultContextType = {
-    registerResult: (result: ResultBase_2) => void;
-    unregisterResult: (result: ResultBase_2) => void;
-    onMouseEnter: (resultData: ResultData) => void;
-    onMouseLeave: () => void;
-    sendAnalytics?: (eventName: string, eventData: Object) => void;
-    getIndex: (resultId: ResultId) => null | number;
-    linkComponent?: ComponentType;
-};
-
-// @public (undocumented)
-export type ResultData = {
-    resultId: ResultId;
-    type: string;
-    event: CancelableEvent;
-};
-
-// @public (undocumented)
-type ResultId = number | string;
-
-// @public (undocumented)
-class ResultItemGroup extends React_2.Component<Props> {
-    // (undocumented)
-    render(): JSX.Element;
-}
-export { ResultItemGroup as AkNavigationItemGroup }
-export { ResultItemGroup }
-
-// @public (undocumented)
-type SelectedResultId = ResultId | null;
-
-// (No @packageDocumentation comment for this package)
-
-```