@splunk/react-ui 5.7.1 → 5.9.0

package/Accordion.js

@@ -200,19 +200,19 @@
         }, q.apply(null, arguments);
     }
     function M(e, n) {
-        return V(e) || _(e, n) || R(e, n) || k();
+        return V(e) || _(e, n) || T(e, n) || k();
     }
     function k() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function R(e, n) {
+    function T(e, n) {
         if (e) {
-            if ("string" == typeof e) return T(e, n);
+            if ("string" == typeof e) return R(e, n);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? T(e, n) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? R(e, n) : void 0;
         }
     }
-    function T(e, n) {
+    function R(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
@@ -324,7 +324,7 @@
         return t().createElement(b, q({
             "data-test": "accordion",
             "data-test-open-panel-id": P,
-            elementRef: o
+            ref: o
         }, p),  t().createElement(f.Provider, {
             value: S
         }, I));

package/Anchor.js

@@ -127,7 +127,8 @@
                 
         return n().createElement(f, s({
             "data-test": "anchor",
-            ref: t
+            ref: t,
+            id: o
         }, i, {
             name: o,
             href: "#".concat(o)

package/Box.js

@@ -61,27 +61,66 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        default: () => /* reexport */ v
+        default: () => /* reexport */ h
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const l = require("prop-types");
-    var i =  e.n(l);
+    const a = require("prop-types");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "styled-components"
-    const o = require("styled-components");
-    var a =  e.n(o);
+    const i = require("styled-components");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
     const f = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Box/BoxStyles.ts
-    var d = a().div.withConfig({
+    var d = l().div.withConfig({
         displayName: "BoxStyles__Styled",
         componentId: "sc-1h4b5f6-0"
     })([ "", ";align-items:stretch;align-content:stretch;flex-flow:row nowrap;flex-grow:0;flex-shrink:0;justify-content:flex-start;width:auto;max-width:100%;&[data-inline]{display:inline-block;vertical-align:middle;}&[data-flex]{display:flex;}&[data-flex][data-inline]{display:inline-flex;}" ], f.mixins.reset("block"));
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+    function s(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                e(n);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = n;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
+    }
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var c = "is deprecated and will be removed in the next major version.";
+    var u = function e(n) {
+        var t = n.additionalMessage, r = t === void 0 ? "" : t, a = n.componentName;
+        useEffect((function() {
+            if (false) {}
+        }), [ r, a ]);
+    };
+    var p = function e(n) {
+        var r = n.additionalMessage, a = r === void 0 ? "" : r, o = n.componentName, i = n.propName, l = n.propValue;
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ a, o, i, l ]);
+    };
+    var v = function e(n) {
+        var t = n.additionalMessage, r = t === void 0 ? "" : t, a = n.componentName, o = n.deprecatedPropValue, i = n.propName, l = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ r, a, i, l, o ]);
+    };
     // CONCATENATED MODULE: ./src/Box/Box.tsx
-    function s() {
-        return s = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -89,20 +128,20 @@
                 }
             }
             return e;
-        }, s.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function c(e, n) {
+    function y(e, n) {
         if (null == e) return {};
-        var t, r, l = u(e, n);
+        var t, r, a = b(e, n);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < i.length; r++) {
-                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
-        return l;
+        return a;
     }
-    function u(e, n) {
+    function b(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -113,28 +152,38 @@
         }
         return t;
     }
-    var p = {
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        flex: i().bool,
-        inline: i().bool
+    var g = {
+        children: o().node,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        flex: o().bool,
+        inline: o().bool
     };
     /**
  * Box is a utility component to normalize and abstract common layout styles.
- */    function y(e) {
-        var n = e.children, t = e.elementRef, l = e.flex, i = l === void 0 ? false : l, o = e.tag, a = o === void 0 ? "div" : o, f = e.inline, u = f === void 0 ? false : f, p = c(e, [ "children", "elementRef", "flex", "tag", "inline" ]);
+ */    var x =  r().forwardRef((function(e, n) {
+        var a = e.children, o = e.elementRef, i = e.flex, l = i === void 0 ? false : i, f = e.tag, c = f === void 0 ? "div" : f, u = e.inline, v = u === void 0 ? false : u, b = y(e, [ "children", "elementRef", "flex", "tag", "inline" ]);
         // @docs-props-type BoxPropsBase
-                
-        return r().createElement(d, s({
-            as: a,
-            ref: t
-        }, p, {
-            "data-inline": u || undefined,
-            "data-flex": i || undefined
-        }), n);
-    }
-    y.propTypes = p;
-    /* harmony default export */    const v = y;
+                p({
+            additionalMessage: "Use `ref` instead.",
+            componentName: "Box",
+            propName: "elementRef",
+            propValue: o
+        });
+        var g = (0, t.useCallback)((function(e) {
+            s(o, e);
+            s(n, e);
+        }), [ o, n ]);
+        
+        return r().createElement(d, m({
+            as: c,
+            ref: g
+        }, b, {
+            "data-inline": v || undefined,
+            "data-flex": l || undefined
+        }), a);
+    }));
+    x.propTypes = g;
+    /* harmony default export */    const h = x;
     // CONCATENATED MODULE: ./src/Box/index.ts
     module.exports = n;
     /******/})();

package/CHANGELOG.md

@@ -1,6 +1,57 @@
 Change Log
 ============
 
+5.9.0 - March 5, 2026
+----------
+New Features:
+* `Multiselect` now supports `"dimmed"` and `"disabled"` values for the `disabled` prop (SUI-8521).
+
+Bug Fixes:
+* `Dropdown` now prevents interaction when the toggle is `disabled` or `dimmed` (SUI-8607).
+* Fixed a bug where unsupported values for the `disabled` prop would cause components to render disabled: e.g. `disabled="foo"`. Unsupported values now cause the `disabled` prop to be ignored.
+    * Affects `Clickable`, `CollapsiblePanel`, and `Menu.Item`.
+* `CollapsiblePanel` and `Accordion` now correctly use `backgroundColorSection` in Enterprise themes (SUI-8669).
+* `Number` no longer renders horizontal rule between increment and decrement buttons (SUI-8641).
+* `Table.Cell` and `Table.Row` hover styles use `neutral100` across stripe and non-stripe variants (SUI-8552).
+* `Anchor` will now set `id` from the `name` prop if an `id` has not been provided to resolve scroll-to-anchor not working correctly in Firefox and Safari (SUI-8670).
+* `Calendar` and `File`components now use correct `interactiveColorBorder` tokens instead of generic `borderColor` (SUI-8687).
+* `Text`'s height is now consistent with and without adornments in Magnetic themes (SUI-9695)
+    * Affects `ComboBox`, `Date`, `Number`, `PhoneNumber`, `Search` and `Select`.
+* `ComboBox`, `Search`, and `Multiselect` no longer submit parent forms when selecting an option with `Enter` (SUI-8664).
+* `CollapsiblePanel`'s toggle button in actions headers no longer stretches when the title wraps to multiple lines (SUI-8690).
+
+Docs:
+* Updated `Tree` ClickableExpansion examples alignment and padding (SUI-8525).
+
+5.8.0 - February 10, 2026
+----------
+New Features:
+* `TransitionOpen` now supports setting either open or close animation to `none` using the `animation` prop (SUI-8438).
+* `useKeyPress` now supports an optional configuration param with the following properties (SUI-8593):
+    * `enabled` allows the hook to be conditionally used
+    * `eventType` allows specifying `keyup` or `keydown` for controlling which events trigger the hook
+* `SidePanel` now has a `dockLayout` prop that supports new `'container'` and `'inline'` layouts (SUI-8585).
+* `Select` now supports `"dimmed"` and `"disabled"` values for the `disabled` prop (SUI-8521).
+* `SidePanel` now supports setting initial and return focus using `initialFocus` and `returnFocus` props (SUI-8604).
+* New `Drawer` component (SUI-8411).
+* `Modal` now supports `closeOnClickAway` to allow dismissal by clicking outside the modal (SUI-8542).
+
+Bug Fixes:
+* `StepBar` vertical layout now wraps long words to prevent container overflow (SUI-8481).
+* `JSONTree` with `overflow="scroll"` now renders newlines rather than collapsing them (SUI-6199).
+* `ComboBox.Option`, `Multiselect.Option`, `Search.Option`, and `Select.Option` are no longer keyboard navigable when `disabled` (SUI-8547).
+* `Multiselect` now safely handles document access in server-side rendering environments (SUI-8541).
+* `Popover` now maintains its width when resizing window (SUI-8136).
+* `Tooltip` added to `Menu.Item` when `truncate={true}` to display the full text on hover. (SUI-6219)
+* `DefinitionList`'s spacing is now consistent across `layout="auto"`, `layout="fixed"`, and `layout="stacked"` (SUI-8539).
+* `Multiselect` Compact `Clear all` no longer leaves some items selected when options are loaded incrementally via `onScrollBottom` (SUI-5132).
+* `Paginator` now displays correct page buttons when `numPageLinks` has a value of `3` (SUI-7709).
+* `ControlGroup`'s focus ring now renders above error messages (SUI-8613).
+* `Multiselect` now prevents removal of chips for disabled Options (SUI-8597).
+
+Docs:
+* LLM-optimized documentation (docs-llm) is now included (SUI-8228).
+
 5.7.1 - January 6, 2026
 ----------
 Bug Fixes: