@splunk/react-ui 5.4.0 → 5.6.0

package/AnchorMenu.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/AnchorMenu';
+export * from './types/src/AnchorMenu';

package/AnchorMenu.js

@@ -0,0 +1,286 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var n = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(n, {
+                a: n
+            });
+            /******/            return n;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
+                        enumerable: true,
+                        get: n[t]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        default: () => /* reexport */ $
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var t =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const l = require("prop-types");
+    var i =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
+    const a = require("@splunk/react-ui/Heading");
+    var o =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const c = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const u = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuContext.tsx
+    var s =  (0, n.createContext)({
+        hideSpine: false
+    });
+    /* harmony default export */    const d = s;
+    // CONCATENATED MODULE: external "styled-components"
+    const f = require("styled-components");
+    var p =  e.n(f);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const v = require("@splunk/react-ui/Menu");
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const m = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuStyles.ts
+    var y = p().nav.withConfig({
+        displayName: "AnchorMenuStyles__StyledAnchorMenu",
+        componentId: "peh8x9-0"
+    })([ "display:flex;flex-direction:column;min-width:200px;gap:", ";" ], m.variables.spacingSmall);
+    var b = p()(v.Item).withConfig({
+        displayName: "AnchorMenuStyles__StyledItem",
+        componentId: "peh8x9-1"
+    })([ "display:inline-block;width:100%;&:focus{box-shadow:", ";z-index:1;}color:", ";font-weight:", ";", " &[aria-current]{background:", ";color:", ";border-inline-start:2px solid ", ";}" ], m.variables.focusShadow, m.variables.contentColorDefault, m.variables.fontWeightSemiBold, (function(e) {
+        var r = e.$hideSpine;
+        return !r ? (0, f.css)([ "border-inline-start:2px solid ", ";" ], m.variables.borderColorWeak) : "";
+    }), m.variables.interactiveColorOverlaySelected, m.variables.contentColorActive, m.variables.interactiveColorAccent);
+    var h = p().ul.withConfig({
+        displayName: "AnchorMenuStyles__StyledAnchorMenuList",
+        componentId: "peh8x9-2"
+    })([ "--parent-level:0;list-style:none;margin:0;padding:0;" ]);
+    var g = p().li.withConfig({
+        displayName: "AnchorMenuStyles__StyledAnchorMenuItem",
+        componentId: "peh8x9-3"
+    })([ "--current-level:calc(var(--parent-level) + 1);& ", "{--parent-level:var(--current-level);}& ", "{padding-inline-start:calc(var(--current-level) * ", ");}" ], h, b, m.variables.spacingLarge);
+    // CONCATENATED MODULE: ./src/AnchorMenu/Item.tsx
+    function S() {
+        return S = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, S.apply(null, arguments);
+    }
+    function O(e, r) {
+        if (null == e) return {};
+        var n, t, l = I(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                n = i[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
+            }
+        }
+        return l;
+    }
+    function I(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== r.indexOf(t)) continue;
+                n[t] = e[t];
+            }
+        }
+        return n;
+    }
+    var w = {
+        children: i().node,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        itemId: i().string,
+        label: i().string,
+        onClick: i().func,
+        to: i().string
+    };
+    function x(e) {
+        var r = e.children, l = e.elementRef, i = e.itemId, a = e.label, o = e.onClick, c = e.to, u = O(e, [ "children", "elementRef", "itemId", "label", "onClick", "to" ]);
+        // @docs-props-type AnchorMenuItemPropsBase
+                var s = (0, n.useContext)(d), f = s.activeItemId, p = s.hideSpine;
+        var v = i !== null && i !== void 0 ? i : c;
+        var m = v != null && v === f;
+        
+        return t().createElement(g, S({
+            ref: l
+        }, u),  t().createElement(b, {
+            $hideSpine: p,
+            "aria-current": m ? true : undefined,
+            onClick: o,
+            role: "link",
+            to: c
+        }, a),  t().createElement(h, null, r));
+    }
+    x.propTypes = w;
+    /* harmony default export */    const j = x;
+    // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenu.tsx
+    function C() {
+        return C = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, C.apply(null, arguments);
+    }
+    function A(e, r) {
+        return E(e) || _(e, r) || k(e, r) || M();
+    }
+    function M() {
+        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 k(e, r) {
+        if (e) {
+            if ("string" == typeof e) return P(e, r);
+            var n = {}.toString.call(e).slice(8, -1);
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? P(e, r) : void 0;
+        }
+    }
+    function P(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var n = 0, t = Array(r); n < r; n++) {
+            t[n] = e[n];
+        }
+        return t;
+    }
+    function _(e, r) {
+        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var t, l, i, a, o = [], c = !0, u = !1;
+            try {
+                if (i = (n = n.call(e)).next, 0 === r) {
+                    if (Object(n) !== n) return;
+                    c = !1;
+                } else for (;!(c = (t = i.call(n)).done) && (o.push(t.value), o.length !== r); c = !0) {
+                }
+            } catch (e) {
+                u = !0, l = e;
+            } finally {
+                try {
+                    if (!c && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
+                } finally {
+                    if (u) throw l;
+                }
+            }
+            return o;
+        }
+    }
+    function E(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function q(e, r) {
+        if (null == e) return {};
+        var n, t, l = T(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                n = i[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
+            }
+        }
+        return l;
+    }
+    function T(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== r.indexOf(t)) continue;
+                n[t] = e[t];
+            }
+        }
+        return n;
+    }
+    var R = {
+        activeItemId: i().string,
+        children: i().node,
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        hideSpine: i().bool,
+        label: i().string
+    };
+    var N = (0, c._)("On this page:");
+    function D(e) {
+        var r = e.activeItemId, l = e.children, i = e.elementRef, a = e.hideSpine, c = e.label, s = c === void 0 ? N : c, f = q(e, [ "activeItemId", "children", "elementRef", "hideSpine", "label" ]);
+        // @docs-props-type AnchorMenuPropsBase
+                var p = (0, n.useMemo)((function() {
+            return {
+                activeItemId: r,
+                hideSpine: a
+            };
+        }), [ r, a ]);
+        var v = (0, n.useState)((0, u.createDOMID)("anchor-menu-heading")), m = A(v, 1), b = m[0];
+        
+        return t().createElement(y, C({
+            "aria-labelledby": b,
+            "data-test": "anchor-menu",
+            ref: i
+        }, f), s &&  t().createElement(o(), {
+            level: 4,
+            id: b
+        }, s),  t().createElement(d.Provider, {
+            value: p
+        },  t().createElement(h, null, l)));
+    }
+    D.propTypes = R;
+    D.Item = j;
+    /* harmony default export */    const $ = D;
+    // CONCATENATED MODULE: ./src/AnchorMenu/index.ts
+    module.exports = r;
+    /******/})();

package/Badge.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/Badge';
+export * from './types/src/Badge';

package/Badge.js

@@ -0,0 +1,154 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var n = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(n, {
+                a: n
+            });
+            /******/            return n;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, n) => {
+            /******/ for (var o in n) {
+                /******/ if (e.o(n, o) && !e.o(r, o)) {
+                    /******/ Object.defineProperty(r, o, {
+                        enumerable: true,
+                        get: n[o]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        default: () => /* reexport */ m
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var o =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const t = require("prop-types");
+    var l =  e.n(t);
+    // CONCATENATED MODULE: external "styled-components"
+    const a = require("styled-components");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const c = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/themes/mixins"
+    const s = require("@splunk/themes/mixins");
+    var u =  e.n(s);
+    // CONCATENATED MODULE: ./src/Badge/BadgeStyles.ts
+    var d = i().span.withConfig({
+        displayName: "BadgeStyles__Styled",
+        componentId: "sc-14wnqqw-0"
+    })([ "", ";", ";gap:", ";align-items:center;justify-content:center;padding:", " ", ";width:min-content;border-radius:500px;", " ", "" ], u().reset("inline-flex"), u().typography("smallBody", {
+        color: "active",
+        weight: "semiBold"
+    }), c.variables.spacingXSmall, c.variables.spacingXSmall, c.variables.spacingMedium, (function(e) {
+        var r = e.$backgroundColor;
+        return r ? (0, a.css)([ "background-color:", ";" ], r) : (0, a.css)([ "background-color:", ";" ], c.variables.neutral100);
+    }), (function(e) {
+        var r = e.$foregroundColor;
+        return (0, a.css)([ "color:", ";" ], r);
+    }));
+    var f = i().div.withConfig({
+        displayName: "BadgeStyles__StyledLabel",
+        componentId: "sc-14wnqqw-1"
+    })([ "", "" ], u().ellipsis());
+    // CONCATENATED MODULE: ./src/Badge/Badge.tsx
+    function p() {
+        return p = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var o in n) {
+                    ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+                }
+            }
+            return e;
+        }, p.apply(null, arguments);
+    }
+    function g(e, r) {
+        if (null == e) return {};
+        var n, o, t = b(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var l = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < l.length; o++) {
+                n = l[o], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (t[n] = e[n]);
+            }
+        }
+        return t;
+    }
+    function b(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var o in e) {
+            if ({}.hasOwnProperty.call(e, o)) {
+                if (-1 !== r.indexOf(o)) continue;
+                n[o] = e[o];
+            }
+        }
+        return n;
+    }
+    var y = {
+        backgroundColor: l().oneOfType([ l().string, l().func ]),
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        label: l().oneOfType([ l().string ]).isRequired,
+        icon: l().node,
+        foregroundColor: l().oneOfType([ l().string, l().func ])
+    };
+    function v(e) {
+        var r = e.backgroundColor, n = e.elementRef, t = e.label, l = e.icon, a = e.foregroundColor, i = g(e, [ "backgroundColor", "elementRef", "label", "icon", "foregroundColor" ]);
+        // @docs-props-type BadgePropsBase
+                
+        return o().createElement(d, p({
+            $backgroundColor: r,
+            $foregroundColor: a,
+            "data-test": "badge",
+            ref: n
+        }, i), l,  o().createElement(f, null, t));
+    }
+    v.propTypes = y;
+    /* harmony default export */    const m = v;
+    // CONCATENATED MODULE: ./src/Badge/index.ts
+    module.exports = r;
+    /******/})();

package/CHANGELOG.md

@@ -1,6 +1,48 @@
 Change Log
 ============
 
+5.6.0 - December 3, 2025
+----------
+New Features:
+* New `AnchorMenu` component (SUI-8367).
+* `Menu.Item` now supports `role="link" (SUI-8393).
+
+Bug Fixes:
+* `Multiselect` now retains new values when select all is used (SUI-8402).
+* `Slider` now receives focus when an associated label is clicked (SUI-8424).
+* `Slider` now handles thumb position with a large number of steps smoothly (SUI-8423).
+* `Select` and `Multiselect` with `compact` now have improved performance for large numbers of items (SUI-5921).
+
+Typescript:
+* `Badge` now exports type definitions (SUI-8426).
+
+5.5.0  - November 4, 2025
+----------
+New Features:
+* `RadioList.Option` supports new `description` prop (SUI-8197).
+* `Table` supports new `horizontalOverflow` prop. See the migration guide for details (SUI-8063).
+* `Link` components can now display visited styling through the new `LinkProvider` component and its `enableVisitedStyling` prop (SUI-8244).
+* New `Badge` component (SUI-8288).
+* `Table` supports new `pinnedColumns` prop to pin the actions column to the end of the table (SUI-8100).
+* `TransitionOpen` now supports new `onAnimationStart` prop (SUI-8368).
+* New `PhoneNumber` component (SUI-8102).
+* `Code`'s `language` prop now supports 'c', 'cpp', 'csharp', 'powershell' and 'python' (SUI-8382).
+
+Bug Fixes:
+* `Select` and `Multiselect` filter placeholder is now capitalized ("Filter" instead of "filter") (SUI-5125).
+* `Link` with the `disabled` prop is now the correct color in Enterprise themes (SUI-8244).
+* `TabLayout` no longer incorrectly sets a value for its top margin (SUI-8364).
+* `Slider`'s thumb now respects bar bounds in min and max position (SUI-8363).
+* `SlidingPanel`'s contents should no longer lose focus when state updates in the parent component cause a re-render (SUI-8342).
+* `Table` now respects the width of expandable or selectable cells when `Table` is smaller than the viewport's width (SUI-8357).
+* `Color` swatch buttons now use valid CSS for their background color (SUI-8315).
+* `TransitionOpen` no longer sometimes flickers at the start of the animation (SUI-8320).
+* `Code` no longer warns if optional `language` prop is not provided (SUI-8382).
+* `Number` now cals the `onChange` handler when removing and re-inputting the same value in controlled mode (SUI-8285).
+
+Deprecations:
+* `Switch`'s `selectedLabel`, `someSelectedLabel`, and `unselectedLabel` props have been deprecated and will be removed in the next major version. See the migration guide for details (SUI-8191).
+
 5.4.0 - October 7, 2025
 ----------
 New Features: