@splunk/react-ui 4.18.0 → 4.19.0

package/Table.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 168);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -142,12 +142,6 @@ module.exports = require("lodash/keys");
 
 /***/ }),
 /* 10 */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -172,6 +166,12 @@ function updateReactRef(ref, current) {
 
 
 
+/***/ }),
+/* 11 */
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
 /***/ }),
 /* 12 */,
 /* 13 */,
@@ -478,14 +478,15 @@ module.exports = require("lodash/isFunction");
 /* 71 */,
 /* 72 */,
 /* 73 */,
-/* 74 */
+/* 74 */,
+/* 75 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isNumber");
 
 /***/ }),
-/* 75 */,
-/* 76 */
+/* 76 */,
+/* 77 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -508,25 +509,24 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 77 */,
 /* 78 */,
 /* 79 */,
 /* 80 */,
-/* 81 */
+/* 81 */,
+/* 82 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/indexOf");
 
 /***/ }),
-/* 82 */,
 /* 83 */,
-/* 84 */
+/* 84 */,
+/* 85 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/DotsThreeVertical");
 
 /***/ }),
-/* 85 */,
 /* 86 */,
 /* 87 */,
 /* 88 */,
@@ -549,27 +549,27 @@ module.exports = require("@splunk/react-icons/DotsThreeVertical");
 /* 105 */,
 /* 106 */,
 /* 107 */,
-/* 108 */
+/* 108 */,
+/* 109 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CaretsSmallUpDown");
 
 /***/ }),
-/* 109 */,
 /* 110 */,
-/* 111 */
+/* 111 */,
+/* 112 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/findIndex");
 
 /***/ }),
-/* 112 */
+/* 113 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/merge");
 
 /***/ }),
-/* 113 */,
 /* 114 */,
 /* 115 */,
 /* 116 */,
@@ -613,53 +613,54 @@ module.exports = require("lodash/merge");
 /* 154 */,
 /* 155 */,
 /* 156 */,
-/* 157 */
+/* 157 */,
+/* 158 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/forEach");
 
 /***/ }),
-/* 158 */
+/* 159 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isEqual");
 
 /***/ }),
-/* 159 */
+/* 160 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 160 */
+/* 161 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowDown");
 
 /***/ }),
-/* 161 */
+/* 162 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowUp");
 
 /***/ }),
-/* 162 */
+/* 163 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowUpDown");
 
 /***/ }),
-/* 163 */
+/* 164 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Info");
 
 /***/ }),
-/* 164 */,
 /* 165 */,
 /* 166 */,
 /* 167 */,
-/* 168 */
+/* 168 */,
+/* 169 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -685,23 +686,23 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/forEach"
-var forEach_ = __webpack_require__(157);
+var forEach_ = __webpack_require__(158);
 var forEach_default = /*#__PURE__*/__webpack_require__.n(forEach_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/indexOf"
-var indexOf_ = __webpack_require__(81);
+var indexOf_ = __webpack_require__(82);
 var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
 
 // EXTERNAL MODULE: external "lodash/isEqual"
-var isEqual_ = __webpack_require__(158);
+var isEqual_ = __webpack_require__(159);
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_);
 
 // EXTERNAL MODULE: external "lodash/isNumber"
-var isNumber_ = __webpack_require__(74);
+var isNumber_ = __webpack_require__(75);
 
 // EXTERNAL MODULE: external "lodash/omit"
 var omit_ = __webpack_require__(5);
@@ -712,7 +713,7 @@ var throttle_ = __webpack_require__(31);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "react-resize-detector"
-var external_react_resize_detector_ = __webpack_require__(159);
+var external_react_resize_detector_ = __webpack_require__(160);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -726,7 +727,7 @@ var keyboard_ = __webpack_require__(7);
 var ScrollContainerContext_ = __webpack_require__(50);
 
 // EXTERNAL MODULE: external "lodash/findIndex"
-var findIndex_ = __webpack_require__(111);
+var findIndex_ = __webpack_require__(112);
 var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
 
 // EXTERNAL MODULE: external "lodash/includes"
@@ -753,7 +754,7 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
 })(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
 var ssrWindow = __webpack_require__(18);
@@ -1448,19 +1449,19 @@ var isString_ = __webpack_require__(23);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
 
 // EXTERNAL MODULE: external "lodash/merge"
-var merge_ = __webpack_require__(112);
+var merge_ = __webpack_require__(113);
 var merge_default = /*#__PURE__*/__webpack_require__.n(merge_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowDown"
-var ArrowDown_ = __webpack_require__(160);
+var ArrowDown_ = __webpack_require__(161);
 var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowUp"
-var ArrowUp_ = __webpack_require__(161);
+var ArrowUp_ = __webpack_require__(162);
 var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowUpDown"
-var ArrowUpDown_ = __webpack_require__(162);
+var ArrowUpDown_ = __webpack_require__(163);
 var ArrowUpDown_default = /*#__PURE__*/__webpack_require__.n(ArrowUpDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallDown"
@@ -1468,7 +1469,7 @@ var CaretSmallDown_ = __webpack_require__(53);
 var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/CaretsSmallUpDown"
-var CaretsSmallUpDown_ = __webpack_require__(108);
+var CaretsSmallUpDown_ = __webpack_require__(109);
 var CaretsSmallUpDown_default = /*#__PURE__*/__webpack_require__.n(CaretsSmallUpDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
@@ -2467,7 +2468,7 @@ HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
 
 /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Info"
-var Info_ = __webpack_require__(163);
+var Info_ = __webpack_require__(164);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
@@ -2498,7 +2499,7 @@ function HeadExpandRows() {
   });
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
-var DotsThreeVertical_ = __webpack_require__(84);
+var DotsThreeVertical_ = __webpack_require__(85);
 var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -4397,7 +4398,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
 
 /* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(76);
+var types = __webpack_require__(77);
 
 // CONCATENATED MODULE: ./src/Table/Table.tsx
 function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }

package/Text.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 194);
+/******/ 	return __webpack_require__(__webpack_require__.s = 195);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,20 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 104:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ControlGroup");
-
-/***/ }),
-
-/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -140,6 +126,20 @@ function updateReactRef(ref, current) {
 
 
 
+/***/ }),
+
+/***/ 105:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ControlGroup");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
 /***/ }),
 
 /***/ 14:
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 164:
+/***/ 165:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TextArea");
@@ -163,7 +163,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 194:
+/***/ 195:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -182,7 +182,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -198,7 +198,7 @@ var pickBy_ = __webpack_require__(61);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(104);
+var ControlGroup_ = __webpack_require__(105);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -221,7 +221,7 @@ var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
-var TextArea_ = __webpack_require__(164);
+var TextArea_ = __webpack_require__(165);
 var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -639,7 +639,7 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/Text/Text.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); }
@@ -898,6 +898,8 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         });
       }
 
+      _this.focus();
+
       (_this$props$onChange2 = (_this$props7 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props7, e, {
         value: value,
         name: name

package/TextArea.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 208);
+/******/ 	return __webpack_require__(__webpack_require__.s = 209);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,20 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 104:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ControlGroup");
-
-/***/ }),
-
-/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -140,6 +126,20 @@ function updateReactRef(ref, current) {
 
 
 
+/***/ }),
+
+/***/ 105:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ControlGroup");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
 /***/ }),
 
 /***/ 16:
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 165:
+/***/ 166:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/noop");
@@ -170,7 +170,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 208:
+/***/ 209:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -193,7 +193,7 @@ var defer_ = __webpack_require__(55);
 var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -201,7 +201,7 @@ var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/noop"
-var noop_ = __webpack_require__(165);
+var noop_ = __webpack_require__(166);
 var noop_default = /*#__PURE__*/__webpack_require__.n(noop_);
 
 // EXTERNAL MODULE: external "lodash/omit"
@@ -217,7 +217,7 @@ var throttle_ = __webpack_require__(31);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(104);
+var ControlGroup_ = __webpack_require__(105);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -619,7 +619,7 @@ function syncHeightWithShadow(_ref) {
   return false;
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/TextArea/TextArea.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); }
@@ -878,6 +878,8 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
         });
       }
 
+      _this.focus();
+
       (_this$props$onChange2 = (_this$props7 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props7, e, {
         value: value,
         name: name

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 209);
+/******/ 	return __webpack_require__(__webpack_require__.s = 210);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/has");
@@ -129,7 +129,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 209:
+/***/ 21:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
+/***/ }),
+
+/***/ 210:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -148,7 +155,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/throttle"
@@ -687,13 +694,6 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
 
 
 
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
 /***/ }),
 
 /***/ 3:

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 234);
+/******/ 	return __webpack_require__(__webpack_require__.s = 235);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 234:
+/***/ 235:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Typography.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 240);
+/******/ 	return __webpack_require__(__webpack_require__.s = 241);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 240:
+/***/ 241:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -121,7 +121,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/themes/mixins"
-var mixins_ = __webpack_require__(80);
+var mixins_ = __webpack_require__(81);
 var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -220,7 +220,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 80:
+/***/ 81:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/mixins");

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 235);
+/******/ 	return __webpack_require__(__webpack_require__.s = 236);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 235:
+/***/ 236:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/cypress/support/component-index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/cypress/support/component.ts

@@ -0,0 +1,27 @@
+import { mount } from 'cypress/react';
+import 'cypress-real-events';
+import { setGlobalConfig } from '@storybook/testing-react';
+import { configure } from '@testing-library/cypress';
+
+import * as sbPreview from '../../.storybook/preview';
+import './commands';
+
+// Augment the Cypress namespace to include type definitions for
+// your custom command.
+// Alternatively, can be defined in cypress/support/component.d.ts
+// with a <reference path="./component" /> at the top of your spec.
+/* eslint-disable @typescript-eslint/no-namespace */
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            mount: typeof mount;
+        }
+    }
+}
+/* eslint-enable @typescript-eslint/no-namespace */
+
+Cypress.Commands.add('mount', mount);
+
+configure({ testIdAttribute: 'data-test' });
+
+setGlobalConfig(sbPreview);