@splunk/react-ui 4.9.0 → 4.10.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 = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 105:
+/***/ 103:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 173:
+/***/ 171:
 /***/ (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__(103);
 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 = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 146:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -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 = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 172:
 /***/ (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 = 120);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 122:
+/***/ 120:
 /***/ (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 = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 147:
+/***/ 145:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

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 = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -142,7 +142,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 131:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

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 = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 148:
+/***/ 146:
 /***/ (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__(83);
+var TabBar_ = __webpack_require__(81);
 var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 83:
+/***/ 81:
 /***/ (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 = 112);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -503,15 +503,14 @@ function assertDefined(val, msg) {
 /* 59 */,
 /* 60 */,
 /* 61 */,
-/* 62 */,
-/* 63 */
+/* 62 */
 /***/ (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__(64);
+/* 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___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);
@@ -541,21 +540,20 @@ function MoreVertical(props) {
 }
 
 /***/ }),
-/* 64 */
+/* 63 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/MoreVertical");
 
 /***/ }),
-/* 65 */,
-/* 66 */
+/* 64 */
 /***/ (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__(67);
+/* 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___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);
@@ -597,21 +595,23 @@ function ChevronDown(props) {
 }
 
 /***/ }),
-/* 67 */
+/* 65 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronDown");
 
 /***/ }),
+/* 66 */,
+/* 67 */,
 /* 68 */,
-/* 69 */,
-/* 70 */,
-/* 71 */
+/* 69 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
+/* 70 */,
+/* 71 */,
 /* 72 */,
 /* 73 */,
 /* 74 */,
@@ -644,42 +644,40 @@ module.exports = require("@splunk/react-ui/Switch");
 /* 101 */,
 /* 102 */,
 /* 103 */,
-/* 104 */,
-/* 105 */,
-/* 106 */
+/* 104 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-resize-detector");
 
 /***/ }),
-/* 107 */
+/* 105 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedDown");
 
 /***/ }),
-/* 108 */
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SortedUp");
 
 /***/ }),
-/* 109 */
+/* 107 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Sort");
 
 /***/ }),
-/* 110 */
+/* 108 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Info");
 
 /***/ }),
+/* 109 */,
+/* 110 */,
 /* 111 */,
-/* 112 */,
-/* 113 */,
-/* 114 */
+/* 112 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -708,7 +706,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__(104);
 var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -1412,7 +1410,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__(105);
 var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1459,7 +1457,7 @@ function SortedDown(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
-var SortedUp_ = __webpack_require__(108);
+var SortedUp_ = __webpack_require__(106);
 var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
 
 // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1500,7 +1498,7 @@ function SortedUp(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
-var Sort_ = __webpack_require__(109);
+var Sort_ = __webpack_require__(107);
 var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
 
 // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -2452,7 +2450,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__(108);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
@@ -2492,10 +2490,10 @@ var Tooltip_ = __webpack_require__(48);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
-var ChevronDown = __webpack_require__(66);
+var ChevronDown = __webpack_require__(64);
 
 // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
-var MoreVertical = __webpack_require__(63);
+var MoreVertical = __webpack_require__(62);
 
 // 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); }
@@ -2777,7 +2775,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(71);
+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 = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 111:
+/***/ 109:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 132:
+/***/ 130:
 /***/ (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__(109);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);

package/Tooltip.js

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

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 175);
+/******/ 	return __webpack_require__(__webpack_require__.s = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 175:
+/***/ 173:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -234,6 +234,8 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     _defineProperty(_assertThisInitialized(_this), "getValue", function (el) {
       var animation = _this.props.animation;
       var value = 0;
@@ -277,9 +279,11 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "handleRest", 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);
     });
@@ -420,6 +424,11 @@ var TransitionOpen_TransitionOpen = /*#__PURE__*/function (_Component) {
         }); // eslint-disable-line react/no-did-update-set-state
       }
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.allowAnimationUpdates = false;
+    }
   }, {
     key: "render",
     value: function render() {

package/WaitSpinner.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
     "@splunk/themes": "^0.11.0",
-    "@splunk/ui-utils": "^1.4.0",
+    "@splunk/ui-utils": "^1.5.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
@@ -54,7 +54,7 @@
     "prop-types": "^15.6.2",
     "react-resize-detector": "^3.2.1",
     "react-sortable-hoc": "^1.11.0",
-    "react-spring": "^9.2.2",
+    "react-spring": "^9.2.4",
     "tinycolor2": "^1.4.1",
     "use-typed-event-listener": "^3.0.0"
   },

package/types/src/Accordion/AccordionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
 export interface AccordionContext {
     onRequestClose?: CollapsiblePanelRequestCloseHandler;

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

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import { legacyRefMode } from '@splunk/react-ui/Dropdown';
-import { ButtonGroupContext } from '../ButtonGroup/ButtonGroupContext';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
 declare type ButtonClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
@@ -68,7 +67,6 @@ declare class Button extends Component<ButtonProps> {
     private component;
     static propTypes: React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>, "a", "href">>;
     static defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "error" | "openInNewContext" | "append" | "prepend" | "isMenu">>;
-    static contextType: React.Context<ButtonGroupContext>;
     static [legacyRefMode]: boolean;
     private handleClick;
     private handleMount;

package/types/src/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ButtonGroupContext {
     inline?: boolean;
     role?: string;

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

@@ -3,7 +3,6 @@ import Body from './Body';
 import Footer from './Footer';
 import Header from './Header';
 import { ClassComponentProps } from '../utils/types';
-import CardLayoutContext from '../CardLayout/CardLayoutContext';
 /** @public */
 declare type CardClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
     selected: boolean;
@@ -69,7 +68,6 @@ declare type CardProps = CardNonClickableProps | CardClickableButtonProps | Card
 declare class Card extends Component<CardProps, {}> {
     static propTypes: React.WeakValidationMap<ClassComponentProps<CardPropsBaseNonClickable, Required<Pick<CardPropsBase, "selected" | "openInNewContext" | "showBorder">>, "div", never>> | React.WeakValidationMap<ClassComponentProps<CardPropsBaseClickable, Required<Pick<CardPropsBase, "selected" | "openInNewContext" | "showBorder">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<CardPropsBaseClickable, Required<Pick<CardPropsBase, "selected" | "openInNewContext" | "showBorder">>, "a", "href">>;
     static defaultProps: Required<Pick<CardPropsBase, "selected" | "openInNewContext" | "showBorder">>;
-    static contextType: React.Context<CardLayoutContext>;
     static Header: typeof Header;
     static Body: typeof Body;
     static Footer: typeof Footer;

package/types/src/CardLayout/CardLayoutContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CardLayoutContext {
     minWidth?: number | string;
     maxWidth?: number | string;

package/types/src/Concertina/ConcertinaContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PanelClickHandler, PanelChangeHandler } from './Panel';
 export interface ConcertinaContext {
     onHeadingClick?: PanelClickHandler;

package/types/src/File/FileContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ItemClickHandler } from './Item';
 export interface FileContext {
     disabled: boolean;

package/types/src/FormRows/FormRowsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowKeyDownHandler } from './Row';
 export interface FormRowsContext {
     disabledDeleteButton: boolean | undefined;

package/types/src/JSONTree/JSONTree.d.ts

@@ -48,7 +48,7 @@ interface JSONTreePropsBase {
      * Starts with all nodes expanded if set to `true`. The default is `false`, which expands only the first
      * level of properties.
      */
-    expandChildren?: boolean;
+    expandChildren?: boolean | 'withShiftModifier';
     /**
      * Handles overflow by wrapping values or by enabling scrolling.
      */
@@ -66,7 +66,7 @@ declare namespace JSONTree {
         indent: PropTypes.Requireable<number>;
         onClickKey: PropTypes.Requireable<(...args: any[]) => any>;
         onClickValue: PropTypes.Requireable<(...args: any[]) => any>;
-        expandChildren: PropTypes.Requireable<boolean>;
+        expandChildren: PropTypes.Requireable<string | boolean>;
         overflow: PropTypes.Requireable<string>;
     };
 }

package/types/src/JSONTree/TreeNode.d.ts

@@ -4,7 +4,7 @@ import { ClassComponentProps } from '../utils/types';
 interface JSONTreeNodePropsBase {
     path?: (string | number)[];
     defaultOpen?: boolean;
-    expandChildren?: boolean;
+    expandChildren?: boolean | 'withShiftModifier';
     indent?: number;
     indentLevel?: number;
     obj: JSONElement;

package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts

@@ -0,0 +1 @@
+export default function WithShiftModifier(): JSX.Element;