@splunk/react-ui 4.13.0 → 4.15.0

package/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+package.json

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 130);
+/******/ 	return __webpack_require__(__webpack_require__.s = 182);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,28 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 130:
+/***/ 10:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+
+/***/ 121:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/CollapsiblePanel");
+
+/***/ }),
+
+/***/ 182:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -120,11 +141,20 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/has"
+var has_ = __webpack_require__(11);
+var has_default = /*#__PURE__*/__webpack_require__.n(has_);
+
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(84);
+var CollapsiblePanel_ = __webpack_require__(121);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -265,6 +295,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 /** @public */
 
 var Accordion_propTypes = {
@@ -320,7 +352,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
       }));
     });
 
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'openPanelId');
+    _this.controlledExternally = has_default()(props, 'openPanelId');
 
     if (!_this.isControlled()) {
       _this.state = {
@@ -359,7 +391,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
         "data-test": "accordion",
         "data-test-open-panel-id": openPanelId,
         elementRef: elementRef
-      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
+      }, omit_default()(this.props, keys_default()(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
         value: {
           onRequestOpen: this.handleRequestOpen,
           onRequestClose: this.handleRequestClose,
@@ -401,10 +433,10 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
@@ -413,13 +445,6 @@ module.exports = require("lodash");
 
 module.exports = require("@splunk/react-ui/Box");
 
-/***/ }),
-
-/***/ 84:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/CollapsiblePanel");
-
 /***/ })
 
 /******/ });

package/Anchor.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 150);
+/******/ 	return __webpack_require__(__webpack_require__.s = 202);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 150:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 202:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -175,13 +182,6 @@ Anchor.propTypes = propTypes;
 // CONCATENATED MODULE: ./src/Anchor/index.ts
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/Animation.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 178);
+/******/ 	return __webpack_require__(__webpack_require__.s = 231);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 178:
+/***/ 231:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -99,10 +99,10 @@ __webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reex
 __webpack_require__.d(__webpack_exports__, "Transition", function() { return /* reexport */ Transition; });
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(36);
+var AnimationToggle_ = __webpack_require__(47);
 
 // CONCATENATED MODULE: ./src/Animation/Animation.tsx
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -151,14 +151,14 @@ function Transition(_ref2) {
 
 /***/ }),
 
-/***/ 19:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 36:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");

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

package/Box.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 151);
+/******/ 	return __webpack_require__(__webpack_require__.s = 203);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 151:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 203:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -176,13 +183,6 @@ Box.propTypes = propTypes;
 // CONCATENATED MODULE: ./src/Box/index.ts
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/Button.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 137);
+/******/ 	return __webpack_require__(__webpack_require__.s = 189);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 137:
+/***/ 189:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119,23 +119,24 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/isString"
+var isString_ = __webpack_require__(25);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(18);
+var Dropdown_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(32);
+var style_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(38);
+var CaretDown = __webpack_require__(50);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(59);
+var External_ = __webpack_require__(60);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -174,7 +175,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/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(46);
+var ButtonSimple_ = __webpack_require__(61);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -444,7 +445,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
           children = _this$props3.children,
           label = _this$props3.label;
 
-      if (!label && Object(external_lodash_["isString"])(children)) {
+      if (!label && isString_default()(children)) {
         label = children;
         children = null;
       }
@@ -515,17 +516,24 @@ _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 18:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
-/***/ 2:
+/***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("lodash/isString");
 
 /***/ }),
 
@@ -536,21 +544,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 40:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 38:
+/***/ 50:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* 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_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__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);
@@ -581,41 +596,13 @@ function CaretDown(props) {
 
 /***/ }),
 
-/***/ 39:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 46:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ButtonSimple");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/External");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -641,6 +628,20 @@ function SVG(props) {
 
 /***/ }),
 
+/***/ 60:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/External");
+
+/***/ }),
+
+/***/ 61:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ButtonSimple");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 152);
+/******/ 	return __webpack_require__(__webpack_require__.s = 204);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 152:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 204:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -187,13 +194,6 @@ ButtonGroup.propTypes = propTypes;
 // CONCATENATED MODULE: ./src/ButtonGroup/index.ts
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/ButtonSimple.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 = 184);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 132:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 184:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,13 +134,13 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -141,7 +148,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__(12);
+var Clickable_ = __webpack_require__(14);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
@@ -528,13 +535,6 @@ ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
 
 
 
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
 /***/ }),
 
 /***/ 2:
@@ -551,7 +551,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 5:
+/***/ 4:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/i18n");

package/CHANGELOG.md

@@ -1,6 +1,51 @@
 Change Log
 ============
 
+4.15.0 - December 6, 2022
+----------
+New Features:
+* Added a `required` prop to `ControlGroup` to support inputs being required (SUI-5108).
+* Added support for a `filter` prop to `Multiselect` in `compact` mode (SUI-5201).
+  * This property supports `true`, `false`, and `"controlled"` as values, similar to `Select`.
+  * If this is set, the `controlledFilter` prop is ignored because `filter="controlled"` has identical functionality.
+
+Bug Fixes:
+* Added missing type definition files for `TextArea` and `Divider` (SUI-5154).
+* Fixes missing `data-test="fixed-head"` test hook in `Table` (SUI-5157).
+* Added SSR support for `Select`
+* Optimizes bundle sizes of consumers by reducing footprint of "lodash" (SUI-5090).
+* Added a missing icon for `openInNewContext` in `Menu.Item` (SUI-5165).
+* `Menu.Heading` no longer has an extra padding in Prisma themes (SUI-4114).
+* `Color` will render a console warning when an invalid Hex value is supplied (SUI-5081).
+* Pins `react-spring` to v9.2.4 (SUI-5170).
+* Upgrades `moment` to v2.29.4 and `minimist` to v1.2.6 (SUI-5176).
+* `Popover` and all elements derived from it no longer accept mouse input during their disappear animation (SUI-3543).
+* `Tooltip` is no longer interactible during its disappear animation (SUI-5116).
+  * The default `closeDelay` has been increased from `0` to `300`.
+  * The disappear animation duration has been correspondingly reduced.
+  * This allows for a grace period when the user can leave and return to the `Tooltip`.
+  * This is similar to the old disappear behavior, but without the issue where a mostly-invisible tooltip accepts mouse interaction.
+  * `onRequestOpen` and `onRequestClose` callbacks will no longer trigger when the mouse moves between the `Tooltip` `anchor` and `Popover`.
+
+4.14.0 - November 1, 2022
+----------
+New Features:
+* New `Divider` component for separating components with horizontal or vertical rules (SUI-4080).
+* Added `inputOnly` prop to `Date` (SUI-3809).
+* Added a `renderChildrenWhenCollapsed` prop to `CollapsiblePanel` and `TransitionOpen` which defaults to `false` (SUI-4321).
+* Added a `divider` prop to `Modal` to show dividers between header, body and footer. The value defaults to `both` (SUI-3443).
+* `ControlGroup`'s `error` prop now takes `boolean` or `string` (SUI-5086).
+  * `error` with `string` will display error text below the control.
+  * `help` and `error` text can be displayed at the same time.
+
+Bug Fixes:
+* `Date`'s dropdown menu is now keyboard accessible (SUI-3809).
+* `Text` now allows the `role` to be set externally.
+* `ControlGroup` will no longer hide its `Tooltip` on toggle click (SUI-5116).
+* Server side rendering support is now added for `ScrollContainerContext` and `Table` (SUI-5115).
+* `Card`'s `title` and `subtitle` now wrap/truncate correctly when `actionPrimary` or `actionsSecondary` are present (SUI-5096).
+* `Modal` shows dividers by default for the Prisma theme to match the Splunk Design System (SUI-3443).
+
 4.13.0 - October 5, 2022
 ----------
 New Features:
@@ -14,7 +59,7 @@ Bug Fixes:
 * `Multiselect` with `compact` will no longer affect disabled items with "Select All" and "Clear All" (SUI-5060).
 
 Deprecations:
-* The `placeholder` prop in the `Text` & `TextArea` components has been deprecated and will be removed in the next major release (SUI-5055).
+* The `placeholder` prop in the `Text`, `TextArea`, and `Number` components has been deprecated and will be removed in the next major release (SUI-5055, SUI-5095).
     * `placeholder` text presents a number of visual and cognitive issues and best to avoid using it.
     * The HTML `placeholder` attribute is still supported.
     * The `placeholder` attribute should not replace a label.