@splunk/react-ui 4.9.0 → 4.12.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 133);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 133:
+/***/ 128:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(84);
+var CollapsiblePanel_ = __webpack_require__(83);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -415,7 +415,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 84:
+/***/ 83:
 /***/ (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 = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 150:
+/***/ 147:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Animation.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 177);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 177:
+/***/ 175:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -102,7 +102,7 @@ __webpack_require__.d(__webpack_exports__, "Transition", function() { return /*
 var external_react_spring_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(34);
+var AnimationToggle_ = __webpack_require__(36);
 
 // 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; }
@@ -158,7 +158,7 @@ module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 34:
+/***/ 36:
 /***/ (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 = 134);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 134:
+/***/ 129:
 /***/ (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 = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 151:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Button.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 = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 139:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,13 +126,13 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(19);
+var Dropdown_ = __webpack_require__(20);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(40);
+var style_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(36);
+var CaretDown = __webpack_require__(38);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
 var External_ = __webpack_require__(58);
@@ -169,15 +169,12 @@ function External(props) {
     Prisma24: Prisma24
   }, props));
 }
-// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(59);
-
 // EXTERNAL MODULE: external "styled-components"
 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__(45);
+var ButtonSimple_ = __webpack_require__(46);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -339,7 +336,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 var propTypes = {
   action: external_prop_types_default.a.string,
   appearance: external_prop_types_default.a.oneOf(['default', 'secondary', 'primary', 'destructive', 'pill', 'toggle', 'flat']),
@@ -444,9 +440,6 @@ var Button_Button = /*#__PURE__*/function (_Component) {
           prepend = _this$props2.prepend,
           to = _this$props2.to,
           value = _this$props2.value;
-      var _this$context = this.context,
-          inlineContext = _this$context.inline,
-          roleContext = _this$context.role;
       var _this$props3 = this.props,
           children = _this$props3.children,
           label = _this$props3.label;
@@ -461,16 +454,15 @@ var Button_Button = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, Button_extends({
         "aria-haspopup": isMenu || undefined,
         "aria-invalid": error || undefined,
-        "data-test": "button",
-        role: roleContext || undefined
+        "data-test": "button"
       }, this.props, {
         className: Object(style_["toClassName"])(className, classNamePrivate),
         "data-action": action,
-        "data-inline": inlineContext || inline || null,
+        "data-inline": inline || null,
         disabled: disabled,
         append: append,
         prepend: prepend,
-        $inline: inlineContext || inline,
+        $inline: inline,
         $hasPrismaIcon: hasPrismaIcon,
         $isIconOnly: isIconOnly,
         $isMenu: isMenu,
@@ -514,8 +506,6 @@ _defineProperty(Button_Button, "propTypes", propTypes);
 
 _defineProperty(Button_Button, "defaultProps", defaultProps);
 
-_defineProperty(Button_Button, "contextType", ButtonGroupContext["a" /* ButtonGroupContext */]);
-
 _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /* harmony default export */ var src_Button_Button = (Button_Button);
@@ -525,17 +515,17 @@ _defineProperty(Button_Button, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 2:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
@@ -546,14 +536,21 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 36:
+/***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/style");
+
+/***/ }),
+
+/***/ 38:
 /***/ (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__(37);
+/* 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___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);
@@ -584,7 +581,7 @@ function CaretDown(props) {
 
 /***/ }),
 
-/***/ 37:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
@@ -598,14 +595,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 40:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/style");
-
-/***/ }),
-
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -626,20 +616,6 @@ module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
-/* 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__);
-
-var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-ButtonGroupContext.displayName = 'ButtonGroup';
-/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
-
-/***/ }),
-
 /***/ 6:
 /***/ (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 = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 152:
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,9 +142,6 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   prisma: themes_["variables"].spacingSmall
 }));
 
-// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(59);
-
 // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -155,7 +152,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var propTypes = {
   children: external_prop_types_default.a.node,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
@@ -173,7 +169,9 @@ function ButtonGroup(_ref) {
     var length = _ref2.length;
     return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
       prepend: i > 0,
-      append: i < length - 1
+      append: i < length - 1,
+      inline: false,
+      role: item.props && item.props.role || 'menuitem'
     });
   });
   return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
@@ -181,12 +179,7 @@ function ButtonGroup(_ref) {
     flex: true,
     "data-test": "button-group",
     role: "menubar"
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(ButtonGroupContext["b" /* default */].Provider, {
-    value: {
-      inline: false,
-      role: 'menuitem'
-    }
-  }, childrenCleaned));
+  }, otherProps), childrenCleaned);
 }
 
 ButtonGroup.propTypes = propTypes;
@@ -210,20 +203,6 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ButtonGroupContext; });
-/* 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__);
-
-var ButtonGroupContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
-ButtonGroupContext.displayName = 'ButtonGroup';
-/* harmony default export */ __webpack_exports__["b"] = (ButtonGroupContext);
-
-/***/ }),
-
 /***/ 8:
 /***/ (function(module, exports) {
 

package/ButtonSimple.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 = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 130:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,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/ButtonSimple/prismaStyles.ts

package/CHANGELOG.md

@@ -1,10 +1,67 @@
 Change Log
 ============
 
+4.12.0 - September 6, 2022
+----------
+New Features:
+* Added an `onScroll` prop to `ComboBox`, `Multiselect`, `Search`, and `Select` (SUI-4309).
+* Added a new `TextArea` component for multi-line text input (SUI-4075).
+
+Bug Fixes:
+* `ComboBox`, `Multiselect`, and `Select` will no longer call `onScrollBottom` twice when the whole menu fits on-screen (SUI-2776).
+* `Text`'s value cannot be cleared when `disabled` (SUI-4276).
+* Allow line breaks when using `Text`'s `multiline` prop (SUI-4013).
+* `Table`'s header has been refactored:
+    * Now using `position:sticky` from `headType="fixed"`
+    * Scroll bar no longer displays beneath the header when using `headType="fixed"` (SUI-1503).
+    * Toggle action no longer receives focus twice when using `headType="fixed"` (SUI-1849).
+    * Header cell offsets no out of sync when using `headType="fixed"` and asynchronously loaded images/canvas (SUI-2580).
+    * Header no longer disappears when using `headType="fixed"`, `onRequestResizeColumn` and `resizableFillLayout` (SUI-3263).
+    * Header cells widths no longer out of sync when using `headType="fixed"`, `onRequestResizeColumn` and `resizableFillLayout` (SUI-3417).
+
+Type Changes:
+* `ComboBox`, `Multiselect`, and `Select` now have more accurate typing for `onScrollBottom` (SUI-2776).
+
+Deprecation:
+* `Text`s `multiline`, `rowsMax`, and `rowsMin` props are deprecated and will be removed in a future major version. Use the `TextArea` component for free-form text input instead (SUI-4075).
+
+4.11.0 - August 2, 2022
+----------
+New Features:
+* Added a `separateStackingContexts` prop to `LayerStackGlobalProvider`. This allows multiple "floating" elements (such as a `Popover` and a `Modal`) to stack in the order that they were opened rather than a fixed order (SUI-2809).
+    * This prop is currently defaults to `false`, to be backwards compatible, but will default to `true` in the next major version.
+* Added util `prepareSandboxCode` to parse imports for including additional files to CodeSandbox examples.
+* `ControlGroup` now supports customizing the position of the tooltip via the `tooltipDefaultPlacement` prop (SUI-3041).
+
+Bug Fixes:
+* `Text` no longer holds space for the clear icon when it is not shown (SUI-3748).
+* Fixed `Text`'s error border color to stay the same when hovered on error (SUI-3672).
+* `Tooltip` will now hide when the toggle is clicked (SUI-3453, SUI-2712).
+* Fixed `MessageBar` content to be centered when persistent (SUI-3561).
+
+Type Changes:
+* Fixed `Sidebar` type definition to allow props that are passed to `TransitionOpen` (SUI-4253)
+
+4.10.0 - June 29, 2022
+----------
+New Features:
+* Changed `Paginator`'s `PageSeparator` to have active color for Enterprise theme (SUI-3237).
+* Added `expandChildren="withShiftModifier"` prop to `JSONTree` (SUI-3627).
+
+Bug Fixes:
+* `RadioBar` supports keyboard navigation using the arrow keys (SUI-3745).
+* Fixed line-height for `Code` in Prisma themes (SUI-3637).
+* Fixes `RadioBar.Option` spacing when using adornments in Enterprise themes.
+* `File` descriptive button text now includes an ellipsis.
+* Fixed animation toggle issue with `SlidingPanels` by bumping `react-spring` version (SUI-3474).
+* Fixed life cycle warnings for components leveraging the `onRest` on `react-spring` (SUI-3666).
+* Updated `ComboBox` to fix menu misalignment (SUI-3622).
+* Added support for removing `Card.Body` padding via the `inset` prop (SUI-3704).
+
 4.9.0 - June 7, 2020
 ----------
 New Features:
-* `MarkdownAnchorHeading` added to Markdown's renderers to allow headings to render as Anchors (SUI-831).
+* `MarkdownAnchorHeading` added to Markdown's renderers to allow headings as Anchors (SUI-831).
 
 Bug Fixes:
 * Clear button for `Text` now clears value on Safari (SUI-3510).
@@ -32,16 +89,16 @@ Bug Fixes:
 * `Select`'s options should no longer be clickable while it's collapsing (SUI-3337).
 * `Menu`s should now correctly manage focus if the first item is disabled (SUI-3468).
 * `Message`'s `appearance="banner"` renders with an icon for improved accessibility (SUI-3526).
-* `Modal` will now correctly gain focus when created with `open=true` (SUI-3412). 
+* `Modal` will now correctly gain focus when created with `open=true` (SUI-3412).
 
-Deprecations: 
+Deprecations:
 * `Message`'s `appearance="banner"`is deprecated and will be removed in a future major version. Use `MessageBar` instead (SUI-3437).
 * `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead (SUI-3322).
 
 4.6.0 - April 5, 2022
 ----------
 New Features:
-* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275). 
+* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275).
 * `Clickable` now supports the `navigationLabel` prop to provide `data.label` to the `onClick` handler (SUI-3123).
 * Added `onInputClick` prop to `Text` component (SUI-2801).
 
@@ -53,10 +110,10 @@ Bug Fixes:
 * `Modal`'s title is now read by screen reader.
 * `Card` will no longer render with different dimensions depending on the combination of `to` and `onClick` props.
 * `TableRow`'s `data` prop is no longer incorrectly passed to the DOM element (SUI-3448)
-  
+
 4.5.3 - March 15, 2022
 ----------
-Bug Fixes: 
+Bug Fixes:
 * Fixed a regression where `Accordion.Panel`s may not open (SUI-3411).
 
 4.5.2 - March 8, 2022