@splunk/react-ui 4.8.0 → 4.11.0

package/Slider.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 = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 105:
+/***/ 101:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 173:
+/***/ 169:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "decimal.js-light"
-var external_decimal_js_light_ = __webpack_require__(105);
+var external_decimal_js_light_ = __webpack_require__(101);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"

package/SlidingPanels.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 141);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 146:
+/***/ 141:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -182,7 +182,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
 })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/SlidingPanels/Panel.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); }
@@ -382,6 +382,8 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
 
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "panelInstances", {});
 
+    SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "willEnter", function () {
       return {
         translateX: 0
@@ -417,9 +419,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
     SlidingPanels_defineProperty(SlidingPanels_assertThisInitialized(_this), "handleAnimationEnd", function () {
       var _this$props$onAnimati, _this$props;
 
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
 
       (_this$props$onAnimati = (_this$props = _this.props).onAnimationEnd) === null || _this$props$onAnimati === void 0 ? void 0 : _this$props$onAnimati.call(_this$props);
     });
@@ -517,6 +521,11 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
   }
 
   SlidingPanels_createClass(SlidingPanels, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.allowAnimationUpdates = false;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this$state = this.state,

package/StaticContent.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 = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 170:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 122);
+/******/ 	return __webpack_require__(__webpack_require__.s = 117);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 122:
+/***/ 117:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Switch.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 = 142);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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:
+/***/ 142:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -200,7 +200,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // 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/Switch/SwitchStyles.ts

package/TabBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 131);
+/******/ 	return __webpack_require__(__webpack_require__.s = 126);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -109,13 +109,6 @@ module.exports = require("@splunk/ui-utils/id");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +135,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 131:
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
+/***/ }),
+
+/***/ 126:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -206,7 +206,7 @@ var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // 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/TabBar/TabStyles.ts
@@ -342,7 +342,7 @@ var StyledTooltipContent = external_styled_components_default.a.div.withConfig({
 })(["padding:8px;font-size:", ";"], themes_["variables"].fontSizeSmall);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/TabBar/TabBarContext.tsx
 

package/TabLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 148);
+/******/ 	return __webpack_require__(__webpack_require__.s = 143);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 148:
+/***/ 143:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_lodash_ = __webpack_require__(4);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
-var TabBar_ = __webpack_require__(82);
+var TabBar_ = __webpack_require__(80);
 var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 82:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TabBar");

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
+/******/ 	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) {
@@ -545,15 +545,14 @@ function MoreVertical(props) {
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 63 */,
-/* 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,22 +594,23 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 65 */
+/* 64 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
+/* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
-/* 69 */,
-/* 70 */
+/* 69 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
+/* 70 */,
 /* 71 */,
 /* 72 */,
 /* 73 */,
@@ -642,44 +642,39 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 99 */,
 /* 100 */,
 /* 101 */,
-/* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */,
-/* 106 */
+/* 102 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 107 */
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 108 */
+/* 104 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 109 */
+/* 105 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 110 */
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
-/* 111 */,
-/* 112 */,
-/* 113 */,
-/* 114 */
+/* 107 */,
+/* 108 */,
+/* 109 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -708,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__(106);
+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"
@@ -737,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); }
@@ -1412,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__(107);
+var SortedDown_ = __webpack_require__(103);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1459,7 +1454,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(108);
+var SortedUp_ = __webpack_require__(104);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1500,7 +1495,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(109);
+var Sort_ = __webpack_require__(105);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1689,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: {
@@ -2452,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__(110);
+var Info_ = __webpack_require__(106);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2492,7 +2487,7 @@ 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__(61);
@@ -2777,7 +2772,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(70);
+var Switch_ = __webpack_require__(69);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 111:
+/***/ 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) {
 
 /***/ }),
 
-/***/ 132:
+/***/ 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__(111);
+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,
@@ -1233,6 +1240,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
       var hasEndAdornment = !!this.renderEndAdornment();
       var hasStartAdornment = !!this.renderStartAdornment();
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, Text_extends({
+        tabIndex: -1,
         $isTimeInput: isTimeInput,
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-test": "text",