@splunk/react-ui 4.10.0 → 4.11.0

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 112);
+/******/ 	return __webpack_require__(__webpack_require__.s = 109);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -276,8 +276,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 11 */,
-/* 12 */
+/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -303,6 +302,7 @@ function updateReactRef(ref, current) {
 
 
 /***/ }),
+/* 12 */,
 /* 13 */,
 /* 14 */
 /***/ (function(module, exports) {
@@ -502,15 +502,14 @@ function assertDefined(val, msg) {
 /* 58 */,
 /* 59 */,
 /* 60 */,
-/* 61 */,
-/* 62 */
+/* 61 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
+/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
 /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -540,20 +539,20 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 63 */
+/* 62 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 64 */
+/* 63 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
+/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
 /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -595,12 +594,13 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 65 */
+/* 64 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
+/* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
@@ -642,42 +642,39 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 99 */,
 /* 100 */,
 /* 101 */,
-/* 102 */,
-/* 103 */,
-/* 104 */
+/* 102 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 105 */
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 106 */
+/* 104 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 107 */
+/* 105 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 108 */
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 109 */,
-/* 110 */,
-/* 111 */,
-/* 112 */
+/* 107 */,
+/* 108 */,
+/* 109 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -706,7 +703,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(104);
+var external_react_resize_detector_ = __webpack_require__(102);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -735,7 +732,7 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
 })(["", ""], themes_["mixins"].reset('table-row-group'));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Table/Body.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -1410,7 +1407,7 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
-var SortedDown_ = __webpack_require__(105);
+var SortedDown_ = __webpack_require__(103);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1457,7 +1454,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(106);
+var SortedUp_ = __webpack_require__(104);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1498,7 +1495,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(107);
+var Sort_ = __webpack_require__(105);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1687,7 +1684,7 @@ var HeadCellStyles_Styled = external_styled_components_default.a.th.withConfig({
   prisma: themes_["variables"].backgroundColorPage
 }), function (_ref2) {
   var $clickable = _ref2.$clickable;
-  return $clickable && Object(external_styled_components_["css"])(["&:focus{box-shadow:", ";outline:none;& > ", "{color:", ";background-color:", ";}}&:hover{outline:none;& > ", "{color:", ";background-color:", ";}}&:active{& > ", "{background-color:", ";}}"], themes_["variables"].focusShadowInset,
+  return $clickable && Object(external_styled_components_["css"])(["cursor:pointer;&:focus{box-shadow:", ";outline:none;& > ", "{color:", ";background-color:", ";}}&:hover{outline:none;& > ", "{color:", ";background-color:", ";}}&:active{& > ", "{background-color:", ";}}"], themes_["variables"].focusShadowInset,
   /* sc-sel */
   HeadInnerStyles_Styled, Object(themes_["pick"])({
     enterprise: {
@@ -2450,7 +2447,7 @@ HeadCell_defineProperty(HeadCell_HeadCell, "defaultProps", HeadCell_defaultProps
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/Info"
-var Info_ = __webpack_require__(108);
+var Info_ = __webpack_require__(106);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2490,10 +2487,10 @@ var Tooltip_ = __webpack_require__(48);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(64);
+var ChevronDown = __webpack_require__(63);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(62);
+var MoreVertical = __webpack_require__(61);
 
 // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
 function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 130);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 109:
+/***/ 107:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 130:
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -171,7 +171,7 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(109);
+var ControlGroup_ = __webpack_require__(107);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -258,7 +258,7 @@ function syncHeightWithShadow(_ref) {
   return false;
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
 var SVG_ = __webpack_require__(24);
@@ -468,7 +468,7 @@ var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
   prisma: themes_["variables"].transparent
 }), Object(themes_["pick"])({
   enterprise: '0px 10px',
-  prisma: '0px 14px'
+  prisma: '0px 12px'
 }), function (_ref2) {
   var $hasEndAdornment = _ref2.$hasEndAdornment;
   return $hasEndAdornment && Object(external_styled_components_["css"])(["padding-right:0;"]);
@@ -486,7 +486,7 @@ var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
   prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
 }), function (_ref4) {
   var $error = _ref4.$error;
-  return $error && Object(external_styled_components_["css"])(["&,&:hover{border-color:", ";}"], Object(themes_["pick"])({
+  return $error && Object(external_styled_components_["css"])(["&,&:hover:not([disabled]){border-color:", ";}"], Object(themes_["pick"])({
     enterprise: themes_["variables"].errorColor,
     prisma: themes_["variables"].accentColorNegative
   }));
@@ -1021,7 +1021,9 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         })));
       }
 
-      if (isPrisma && appearance === 'search' || canClear) {
+      var displayValue = _this.getDisplayValue();
+
+      if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
         return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
           "data-test": "clear",
           appearance: isPrisma ? 'secondary' : 'pill',
@@ -1069,6 +1071,11 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       return undefined;
     });
 
+    _defineProperty(_assertThisInitialized(_this), "getDisplayValue", function () {
+      var displayValue = _this.isControlled() ? _this.props.value : _this.state.value;
+      return displayValue;
+    });
+
     _this.controlledExternally = Object(external_lodash_["has"])(props, 'value');
     _this.state = {
       value: props.defaultValue || '',
@@ -1186,7 +1193,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       });
 
       var boxProps = Object(external_lodash_["omit"])(otherProps, ['inputRef', 'onBlur', 'onChange', 'onFocus', 'onKeyDown', 'onSelect', 'onInputClick', 'rowsMax', 'rowsMin'].concat(_toConsumableArray(Object(external_lodash_["keys"])(ariaProps))));
-      var displayValue = this.isControlled() ? value : this.state.value;
+      var displayValue = this.getDisplayValue();
       var displayProps = {
         className: Object(style_["toClassName"])(className, inputClassName),
         $append: append || undefined,

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 147:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -209,7 +209,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
@@ -417,6 +417,12 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
       });
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      _this.handleRequestClose(e, {
+        reason: 'toggleClick'
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
       _this.handleRequestOpen(e, {
         reason: 'focusToggle'
@@ -449,6 +455,10 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
           });
         }
 
+        _this.setState({
+          lastCloseReason: data.reason
+        });
+
         (_this$props$onRequest = (_this$props = _this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props, e, data);
       }, closeDelay);
     });
@@ -549,6 +559,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
         "data-test-popover-id": this.popoverId,
         ref: elementRef
       }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledToggleComp, {
+        onClick: this.handleClick,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         ref: this.handleMount,

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 173);
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 173:
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
+/******/ 	return __webpack_require__(__webpack_require__.s = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 172:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.10.0",
+  "version": "4.11.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack && yarn types:build && yarn build-storybook",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
+    "docs:publish": "cicd-publish-docs docs --force",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
     "eslint:fix": "yarn run eslint --fix",
@@ -37,7 +38,7 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
-    "@splunk/themes": "^0.11.0",
+    "@splunk/themes": "^0.12.0",
     "@splunk/ui-utils": "^1.5.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
@@ -63,6 +64,7 @@
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
     "@splunk/babel-preset": "^3.0.0",
+    "@splunk/cicd-tools": "^0.4.0",
     "@splunk/docs-gen": "^0.11.2",
     "@splunk/eslint-config": "^4.0.0",
     "@splunk/react-docs": "^0.11.0",
@@ -70,11 +72,12 @@
     "@splunk/test-runner-utils": "^0.4.0",
     "@splunk/wdio-functional-test-runner": "^10.1.0",
     "@splunk/webpack-configs": "^5.0.0",
-    "@storybook/addon-a11y": "^6.3.0",
-    "@storybook/addon-essentials": "^6.3.0",
+    "@storybook/addon-a11y": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-interactions": "^6.5.9",
     "@storybook/csf": "^0.0.1",
-    "@storybook/react": "^6.3.0",
-    "@storybook/testing-react": "^1.2.3",
+    "@storybook/react": "^6.5.9",
+    "@storybook/testing-react": "^1.3.0",
     "@testing-library/cypress": "^8.0.2",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",

package/stubs-splunkui.d.ts

@@ -98,3 +98,16 @@ declare module '@splunk/wdio-functional-test-runner/testUtils' {
         options?: { click?: boolean }
     );
 }
+
+declare module '@splunk/react-docs/DocExample' {
+    function getDependencyVersions(
+        packageJSON: Record<string, unknown>,
+        additionalDependencies?: string[],
+        packageVersion?: string
+    ): Record<string, unknown>;
+}
+
+declare module '!!raw-loader!*' {
+    const contents: string;
+    export = contents;
+}

package/types/src/Card/Body.d.ts

@@ -7,16 +7,21 @@ interface BodyPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
+    /**
+     * When true renders the `Card.Body` with padding. When false renders the `Card.Body` without padding. Default to true.
+     */
+    inset?: boolean;
 }
 declare type BodyProps = ComponentProps<BodyPropsBase, 'div'>;
 /**
  * A styled container for `Card` body content.
  */
-declare function Body({ children, ...otherProps }: BodyProps): JSX.Element;
+declare function Body({ children, inset, ...otherProps }: BodyProps): JSX.Element;
 declare namespace Body {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
+        inset: PropTypes.Requireable<boolean>;
     };
 }
 export default Body;

package/types/src/Clickable/Clickable.d.ts

@@ -4,6 +4,11 @@ import { NavigationProviderClickHandler } from './NavigationProvider';
 import { ClassComponentProps } from '../utils/types';
 export declare const isInternalLink: (to: string | undefined) => boolean;
 interface ClickablePropsBase {
+    /**
+     * Links may need to be rendered as "disabled": e.g. last link in a breadcrumb. Disabled links, must have the `to` (ideally to '') and `disabled` props set.
+     *  @private
+     */
+    allowDisabledLink?: boolean;
     children?: React.ReactNode;
     /**
      * Add a disabled attribute and prevent clicking.

package/types/src/ComboBox/ComboBox.d.ts

@@ -106,7 +106,7 @@ interface ComboBoxPropsBaseUncontrolled extends ComboBoxPropsBase {
 declare type ComboBoxProps = ClassComponentProps<ComboBoxPropsBaseControlled | ComboBoxPropsBaseUncontrolled, typeof defaultProps, 'div'>;
 interface ComboBoxState {
     activeIndex: number;
-    anchor: HTMLInputElement | null;
+    anchor: HTMLDivElement | null;
     open: boolean;
     typedValue: string | undefined;
     value: string;
@@ -136,6 +136,7 @@ declare class ComboBox extends Component<ComboBoxProps, ComboBoxState> {
     private getValue;
     private getDisplayValue;
     private handleInputMount;
+    private handleAnchorMount;
     private handleActiveOptionMount;
     private handleInputFocus;
     private handleChange;