@splunk/react-ui 4.17.0 → 4.18.0

package/Table.js

@@ -184,13 +184,13 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("lodash/includes");
 
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/includes");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 /* 17 */
@@ -467,13 +467,13 @@ module.exports = require("lodash/without");
 /* 65 */,
 /* 66 */,
 /* 67 */,
-/* 68 */
+/* 68 */,
+/* 69 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isFunction");
 
 /***/ }),
-/* 69 */,
 /* 70 */,
 /* 71 */,
 /* 72 */,
@@ -484,7 +484,8 @@ module.exports = require("lodash/isFunction");
 module.exports = require("lodash/isNumber");
 
 /***/ }),
-/* 75 */
+/* 75 */,
+/* 76 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -507,7 +508,6 @@ function assertDefined(val, msg) {
 
 
 /***/ }),
-/* 76 */,
 /* 77 */,
 /* 78 */,
 /* 79 */,
@@ -548,13 +548,13 @@ module.exports = require("@splunk/react-icons/DotsThreeVertical");
 /* 104 */,
 /* 105 */,
 /* 106 */,
-/* 107 */
+/* 107 */,
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CaretsSmallUpDown");
 
 /***/ }),
-/* 108 */,
 /* 109 */,
 /* 110 */,
 /* 111 */
@@ -716,7 +716,7 @@ var external_react_resize_detector_ = __webpack_require__(159);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
@@ -730,7 +730,7 @@ var findIndex_ = __webpack_require__(111);
 var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(16);
+var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/without"
@@ -1468,7 +1468,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__(107);
+var CaretsSmallUpDown_ = __webpack_require__(108);
 var CaretsSmallUpDown_default = /*#__PURE__*/__webpack_require__.n(CaretsSmallUpDown_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
@@ -3738,7 +3738,7 @@ var isFinite_ = __webpack_require__(19);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "lodash/isFunction"
-var isFunction_ = __webpack_require__(68);
+var isFunction_ = __webpack_require__(69);
 var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
@@ -4397,7 +4397,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__(75);
+var types = __webpack_require__(76);
 
 // 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

@@ -108,7 +108,7 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 105:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -194,11 +194,11 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/pickBy"
-var pickBy_ = __webpack_require__(71);
+var pickBy_ = __webpack_require__(61);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(104);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -1107,10 +1107,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
 
   }, {
     key: "focus",
-    value: function focus() {
+    value: function focus(options) {
       var _this$input2;
 
-      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus();
+      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus(options);
     }
   }, {
     key: "select",
@@ -1203,7 +1203,7 @@ var Text_Text = /*#__PURE__*/function (_Component) {
         $error: error
       });
 
-      var haveSyntheticPlaceholder = useSyntheticPlaceholder && placeholder && !displayValue; // Do not render value in DOM when type is password, or passwordVisibiltyToggle is enabled
+      var haveSyntheticPlaceholder = useSyntheticPlaceholder && placeholder && !displayValue; // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
 
       var dataTestValue = type === 'password' || passwordVisibilityToggle ? undefined : displayValue; // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
 
@@ -1354,7 +1354,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 71:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pickBy");

package/TextArea.js

@@ -108,7 +108,7 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 105:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -142,7 +142,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -209,7 +209,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/pickBy"
-var pickBy_ = __webpack_require__(71);
+var pickBy_ = __webpack_require__(61);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "lodash/throttle"
@@ -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__(105);
+var ControlGroup_ = __webpack_require__(104);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
 var Cross_ = __webpack_require__(25);
@@ -232,7 +232,7 @@ var Search_ = __webpack_require__(51);
 var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
@@ -1018,6 +1018,8 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (false) {}
+
     TextArea.validateRows(props);
     _this.handleResize = throttle_default()(_this.handleResize, 100);
     return _this;
@@ -1310,7 +1312,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 71:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pickBy");

package/Typography.js

@@ -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__(79);
+var mixins_ = __webpack_require__(80);
 var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -220,7 +220,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 79:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/mixins");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -35,11 +35,11 @@
   "peerDependencies": {
     "react": "^16.8",
     "react-dom": "^16.8",
-    "styled-components": "5.1.1"
+    "styled-components": "^5.3.10"
   },
   "dependencies": {
-    "@splunk/react-icons": "^4.0.0",
-    "@splunk/themes": "^0.16.0",
+    "@splunk/react-icons": "^4.0.1",
+    "@splunk/themes": "^0.16.1",
     "@splunk/ui-utils": "^1.6.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
@@ -65,11 +65,11 @@
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
-    "@splunk/babel-preset": "^3.0.0",
+    "@splunk/babel-preset": "^4.0.0",
     "@splunk/cicd-tools": "^0.5.0",
-    "@splunk/docs-gen": "1.0.0-beta.4",
+    "@splunk/docs-gen": "1.0.0-beta.5",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.4",
+    "@splunk/react-docs": "1.0.0-beta.5",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^6.0.0",
@@ -84,9 +84,7 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/chai": "^3.5.2",
-    "@types/enzyme": "^3.10.5",
-    "@types/jest": "^25.2.1",
+    "@types/jest": "^26.0.0",
     "@types/mocha": "^7.0.2",
     "@types/node": "^10.17.26",
     "@types/prismjs": "^1.16.1",
@@ -102,14 +100,11 @@
     "babel-plugin-styled-components": "^1.10.7",
     "babel-plugin-transform-imports": "^2.0.0",
     "babel-plugin-transform-require-context": "^0.1.1",
-    "chai": "^3.5.0",
     "core-js": "^3.6.4",
     "cross-env": "^6.0.3",
     "cypress": "^9.5.1",
     "cypress-real-events": "^1.7.0",
     "docgen-loader": "^1.3.4",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^7.14.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.15.0",
@@ -124,7 +119,7 @@
     "glob": "^7.1.6",
     "html-webpack-plugin": "^3.2.0",
     "http-server": "^14.1.1",
-    "jest": "^25.1.0",
+    "jest": "^26.6.3",
     "jest-image-snapshot": "^5.1.0",
     "jest-junit": "^10.0.0",
     "jest-stare": "^2.4.1",
@@ -138,7 +133,7 @@
     "react-dom": "^16.12.0",
     "react-test-renderer": "^16.13.1",
     "sinon": "^2.1.0",
-    "styled-components": "5.1.1",
+    "styled-components": "^5.3.10",
     "stylelint": "^13.0.0",
     "ts-loader": "^6.2.1",
     "typescript": "^4.0.5",

package/stubs-dependencies.d.ts

@@ -1,12 +1,3 @@
-declare namespace Chai {
-    interface Assert {
-        throwsSilent(fn: Function, message?: string): void;
-        throwsSilent(fn: Function, regExp: RegExp, message?: string): void;
-        throwsSilent(fn: Function, errType: Function, message?: string): void;
-        throwsSilent(fn: Function, errType: Function, regExp: RegExp): void;
-    }
-}
-
 declare module 'commonmark-react-renderer' {
     export default class Renderer {
         constructor(options: {});

package/stubs-splunkui.d.ts

@@ -78,30 +78,6 @@ declare module '@splunk/ui-utils/userAgent' {
     function isIE11(): boolean;
 }
 
-declare module '@splunk/wdio-functional-test-runner/testUtils' {
-    function isEdge(): boolean;
-    function isFirefox(): boolean;
-    function isIE(): boolean;
-    function isSafari(): boolean;
-
-    function clickAndDragElement(options: {
-        selector: string | Function;
-        locationOffsetX?: number;
-        locationOffsetY?: number;
-        x?: number;
-        y?: number;
-        immediateRelease?: boolean;
-    }): (() => {}) | undefined;
-
-    function focusOnSelector(selector: string): void;
-    function resetFocus(): void;
-    function setTextValue(
-        selector: string | Function,
-        value: string,
-        options?: { click?: boolean }
-    );
-}
-
 declare module '@splunk/react-docs/DocExample' {
     function getDependencyVersions(
         packageJSON: Record<string, unknown>,

package/types/src/Button/Button.d.ts

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, `destructive` and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
+     * @themeNotes Enterprise themes support the following appearances: `default`, `primary`, `secondary`, `destructive` and `pill` (`pill` is deprecated). Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'pill' | 'toggle' | 'flat';
     /** Removes the right border and border-radius of the button so you can
@@ -27,10 +27,12 @@ interface ButtonPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLAnchorElement | HTMLButtonElement>;
-    /** Turns the button red. If you use this prop, apply other error
+    /**
+     * @deprecated
+     * Turns the button red. If you use this prop, apply other error
      * indicators, such as an error message, to meet accessibility
      * requirements.
-     * @deprecated
+     *
      * */
     error?: boolean;
     /** Applies the text that displays on the button. */

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { NavigationProviderClickHandler } from './NavigationProvider';
+import { NavigationContext, NavigationProviderClickHandler } from './NavigationProvider';
 import { ClassComponentProps } from '../utils/types';
 export declare const isInternalLink: (to: string | undefined) => boolean;
 interface ClickablePropsBase {
@@ -53,6 +53,7 @@ declare type ClickableProps = ClickableButtonProps | ClickableLinkProps;
  */
 declare class Clickable extends Component<ClickableProps> {
     private el;
+    context: React.ContextType<typeof NavigationContext>;
     static contextType: React.Context<{
         onClick?: NavigationProviderClickHandler | undefined;
         prefix?: string | undefined;

package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts

@@ -67,6 +67,7 @@ interface CollapsiblePanelPropsBase {
     overflow?: string;
     /**
      * When true, children are always rendered whether collapsed or not.
+     * Setting this to `true` can improve the performance of expanding panels at the cost of initial loading performance.
      */
     renderChildrenWhenCollapsed?: boolean;
     /**