@splunk/react-ui 4.3.0 → 4.5.0

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 143);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 143:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,11 +137,11 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(15);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -154,7 +154,7 @@ var id_ = __webpack_require__(10);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(22);
+var SVG_ = __webpack_require__(23);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -202,7 +202,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
@@ -515,7 +515,7 @@ var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
       var openRender = !!anchor && this.isControlled() ? open : hasContent && this.state.open;
       var StyledComp = inline ? StyledInline : Styled;
       var StyledToggleComp = inline ? StyledToggleInline : StyledToggle;
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var placement = isPrisma ? 'below' : 'above';
       var cloneProps;
 
@@ -588,14 +588,14 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 17:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -609,7 +609,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 155);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 155:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,13 +126,13 @@ var external_lodash_ = __webpack_require__(4);
 var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(24);
+var focus_ = __webpack_require__(25);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+var style_ = __webpack_require__(39);
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -431,7 +431,7 @@ _defineProperty(TransitionOpen_TransitionOpen, "getDerivedStateFromProps", funct
 
 /***/ }),
 
-/***/ 19:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
@@ -445,7 +445,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
@@ -466,17 +466,17 @@ module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 4:
+/***/ 39:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 40:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("lodash");
 
 /***/ })
 

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 139);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 139:
+/***/ 169:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -229,9 +229,8 @@ function WaitSpinner(_ref) {
   var animated = Object(AnimationToggle_["useAnimationToggle"])() === 'on';
 
   var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      family = _useSplunkTheme.family;
+      isPrisma = _useSplunkTheme.isPrisma;
 
-  var isPrisma = family === 'prisma';
   var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     "data-test": "wait-spinner"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.3.0",
+  "version": "4.5.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -33,13 +33,12 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.1.0",
-    "@splunk/themes": "^0.9.0",
+    "@splunk/themes": "^0.10.0",
     "@splunk/ui-utils": "^1.4.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
     "@types/react-dom": "^16.9.8",
-    "@types/react-event-listener": "^0.4.10",
     "@types/react-resize-detector": "^3.1.1",
     "@types/styled-components": "^5.1.0",
     "@types/tinycolor2": "^1.4.2",
@@ -49,11 +48,11 @@
     "lodash": "^4.17.14",
     "moment": "^2.22.2",
     "prop-types": "^15.6.2",
-    "react-event-listener": "^0.6.2",
     "react-resize-detector": "^3.2.1",
     "react-sortable-hoc": "^1.11.0",
     "react-spring": "^9.2.2",
-    "tinycolor2": "^1.4.1"
+    "tinycolor2": "^1.4.1",
+    "use-typed-event-listener": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.2.0",
@@ -101,7 +100,7 @@
     "jest": "^25.1.0",
     "jest-junit": "^10.0.0",
     "mkdirp": "^0.5.1",
-    "prismjs": "^1.22.0",
+    "prismjs": "^1.25.0",
     "prompt": "^1.0.0",
     "raw-loader": "^0.5.1",
     "react": "^16.12.0",

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
+export interface AccordionContext {
+    onRequestClose?: CollapsiblePanelRequestCloseHandler;
+    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
+    openPanelId?: string | number;
+    inset?: boolean;
+}
+export declare const AccordionContext: import("react").Context<AccordionContext>;
+export default AccordionContext;

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
 import { ComponentProps } from '../utils/types';
 interface AccordionPanelPropsBase {
     /** Displays right-aligned text in the title bar of the panel. */
@@ -24,14 +23,6 @@ interface AccordionPanelPropsBase {
      * Displays the the name of the panel in its title bar.
      */
     title: React.ReactNode;
-    /** @private */
-    disabled?: boolean;
-    /** @private */
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    /** @private */
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
-    /** @private */
-    open?: boolean;
 }
 declare type AccordionPanelProps = ComponentProps<AccordionPanelPropsBase, 'div'>;
 /**

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

@@ -1,5 +1,6 @@
 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: {
@@ -65,8 +66,9 @@ declare type ButtonLinkProps = ClassComponentProps<ButtonPropsBase, typeof defau
 declare type ButtonProps = ButtonButtonProps | ButtonLinkProps;
 declare class Button extends Component<ButtonProps> {
     private component;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>, "button", never>> | React.WeakValidationMap<ClassComponentProps<ButtonPropsBase, Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>, "a", "href">>;
-    static defaultProps: Required<Pick<ButtonPropsBase, "disabled" | "selected" | "appearance" | "inline" | "openInNewContext" | "error" | "append" | "prepend" | "isMenu">>;
+    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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ButtonGroupContext {
+    inline?: boolean;
+    role?: string;
+}
+export declare const ButtonGroupContext: import("react").Context<ButtonGroupContext>;
+export default ButtonGroupContext;