@splunk/react-ui 4.8.0 → 4.11.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__(83);
+var CollapsiblePanel_ = __webpack_require__(81);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -415,7 +415,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 83:
+/***/ 81:
 /***/ (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 = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 150:
+/***/ 145:
 /***/ (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 = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 177:
+/***/ 173:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

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 = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 151:
+/***/ 146:
 /***/ (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 = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 139:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -169,9 +169,6 @@ function External(props) {
     Prisma24: Prisma24
   }, props));
 }
-// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(58);
-
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -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);
@@ -626,20 +616,6 @@ module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
-/***/ 58:
-/***/ (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 = 147);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 152:
+/***/ 147:
 /***/ (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__(58);
-
 // 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");
 
 /***/ }),
 
-/***/ 58:
-/***/ (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,5 +1,42 @@
 Change Log
 ============
+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).
+
+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 as Anchors (SUI-831).
+
+Bug Fixes:
+* Clear button for `Text` now clears value on Safari (SUI-3510).
 
 4.8.0 - May 20, 2022
 ----------
@@ -24,16 +61,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).
 
@@ -45,10 +82,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

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 119);
+/******/ 	return __webpack_require__(__webpack_require__.s = 114);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 119:
+/***/ 114:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -403,7 +403,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(59);
+var ChevronLeft = __webpack_require__(58);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 59:
+/***/ 58:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
@@ -942,6 +942,13 @@ function ChevronLeft(props) {
 
 /***/ }),
 
+/***/ 59:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronLeft");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -967,13 +974,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 60:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronLeft");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {