@splunk/react-ui 4.36.0 → 4.38.0

package/RadioBar.js

@@ -93,7 +93,11 @@
     })([ "", "" ], (0, f.pick)({
         prisma: (0, d.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}& + &{margin-left:2px;}", " &:not([disabled],[aria-disabled='true']){", "}" ], f.variables.inputHeight, f.variables.inputHeight, f.variables.spacingXSmall, (function(e) {
             var r = e.selected;
-            return r && (0, d.css)([ "box-shadow:", ";&[disabled],&[aria-disabled='true']{background-color:", ";}" ], f.variables.embossShadow, f.variables.backgroundColorPage);
+            return r && (0, d.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], f.variables.embossShadow, (0, 
+            f.pick)({
+                dark: f.variables.interactiveColorOverlaySelected,
+                light: f.variables.white
+            }), f.variables.backgroundColorPage);
         }), (function(e) {
             var r = e.selected;
             return !r && (0, d.css)([ "color:", ";" ], f.variables.contentColorDefault);
@@ -134,9 +138,9 @@
         };
         return x.apply(this, arguments);
     }
-    function S(e, r) {
+    function k(e, r) {
         if (e == null) return {};
-        var t = j(e, r);
+        var t = S(e, r);
         var n, a;
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -149,7 +153,7 @@
         }
         return t;
     }
-    function j(e, r) {
+    function S(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
@@ -161,7 +165,7 @@
         }
         return t;
     }
-    var k = {
+    var j = {
         /** @private Set by `RadioBar`. */
         append: o().bool,
         disabled: o().bool,
@@ -179,9 +183,9 @@
         value: o().any.isRequired
     };
     function C(e) {
-        var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment, s = e.value, c = e.role, d = c === void 0 ? "radio" : c, p = S(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
+        var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment, s = e.value, c = e.role, d = c === void 0 ? "radio" : c, p = k(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
         // @docs-props-type OptionPropsBase
-                var v = (0, t.useContext)(w), b = v.onClick, O = v.appearance, j = v.error, k = v.onKeyDown, C = v.firstValue, P = v.selectedValue;
+                var v = (0, t.useContext)(w), b = v.onClick, O = v.appearance, S = v.error, j = v.onKeyDown, C = v.firstValue, P = v.selectedValue;
         var E = (0, f.useSplunkTheme)(), _ = E.isPrisma;
         if (false) {}
         var T = -1;
@@ -202,7 +206,7 @@
             icon: !_ ? a : null,
             selected: l || false,
             value: s,
-            error: j
+            error: S
         }, p, {
             onClick: l ? undefined : function(e) {
                 return b === null || b === void 0 ? void 0 : b(e, {
@@ -214,14 +218,14 @@
             "aria-checked": l,
             tabIndex: q,
             onKeyDown: function e(r) {
-                return k === null || k === void 0 ? void 0 : k(r, {
+                return j === null || j === void 0 ? void 0 : j(r, {
                     value: s,
                     label: o
                 });
             }
         }), _ && a &&  n().createElement(h, null, a), i &&  n().createElement(m, null, i), o &&  n().createElement(g, null, o), u &&  n().createElement(m, null, u));
     }
-    C.propTypes = k;
+    C.propTypes = j;
     /* harmony default export */    const P = C;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const E = require("@splunk/react-ui/Box");
@@ -576,9 +580,9 @@
                 var O = this.filteredValues[0];
                 var x = d == null || this.filteredValues.includes(y);
                 if (false) {}
-                var S = h && o === "default" ? "default" : "subtle";
-                var j = {
-                    appearance: S,
+                var k = h && o === "default" ? "default" : "subtle";
+                var S = {
+                    appearance: k,
                     onClick: this.handleClick,
                     error: h ? u : false,
                     onKeyDown: this.handleOnKeyDown,
@@ -597,7 +601,7 @@
                     "aria-describedby": i,
                     "aria-required": p
                 }, s()(b, "onChange")),  n().createElement(w.Provider, {
-                    value: j
+                    value: S
                 }, m));
             }
         } ]);

package/ScreenReaderContent.js

@@ -1,34 +1,75 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/ // The require scope
-    /******/    var e = {};
+    /******/    var e = {
+        /***/ 3563: 
+        /***/ e => {
+            e.exports = require("@splunk/themes");
+            /***/        },
+        /***/ 23: 
+        /***/ e => {
+            e.exports = require("prop-types");
+            /***/        },
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/        },
+        /***/ 232: 
+        /***/ e => {
+            e.exports = require("styled-components");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var r = {};
+    /******/
+    /******/ // The require function
+    /******/    function t(n) {
+        /******/ // Check if module is in cache
+        /******/ var o = r[n];
+        /******/        if (o !== undefined) {
+            /******/ return o.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var a = r[n] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[n](a, a.exports, t);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return a.exports;
+        /******/    }
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ t.n = e => {
+            /******/ var r = e && e.__esModule ? 
+            /******/ () => e["default"]
+            /******/ : () => e
             /******/;
-            e.d(t, {
-                a: t
+            t.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+        /******/ t.d = (e, r) => {
+            /******/ for (var n in r) {
+                /******/ if (t.o(r, n) && !t.o(e, n)) {
+                    /******/ Object.defineProperty(e, n, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,14 +78,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ e.r = e => {
+        /******/ t.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -56,89 +97,92 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
-    // ESM COMPAT FLAG
-        e.r(r);
-    // EXPORTS
-        e.d(r, {
-        default: () => /* reexport */ v
-    });
-    // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
-    // CONCATENATED MODULE: external "styled-components"
-    const i = require("styled-components");
-    var l =  e.n(i);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const c = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
-    var u = l().span.withConfig({
-        displayName: "ScreenReaderContentStyles__Styled",
-        componentId: "sc-1lnohwp-0"
-    })([ "", ";" ], c.mixins.screenReaderContent());
-    // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
-    function f() {
-        f = Object.assign || function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
+    /************************************************************************/    var n = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        t.r(n);
+        // EXPORTS
+                t.d(n, {
+            default: () => /* reexport */ y
+        });
+        // EXTERNAL MODULE: external "react"
+                var e = t(9497);
+        var r =  t.n(e);
+        // EXTERNAL MODULE: external "prop-types"
+                var o = t(23);
+        var a =  t.n(o);
+        // EXTERNAL MODULE: external "styled-components"
+                var i = t(232);
+        var u =  t.n(i);
+        // EXTERNAL MODULE: external "@splunk/themes"
+                var l = t(3563);
+        // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
+        var p = u().span.withConfig({
+            displayName: "ScreenReaderContentStyles__Styled",
+            componentId: "sc-1lnohwp-0"
+        })([ "", ";" ], l.mixins.screenReaderContent());
+        // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
+        function c() {
+            c = Object.assign || function(e) {
+                for (var r = 1; r < arguments.length; r++) {
+                    var t = arguments[r];
+                    for (var n in t) {
+                        if (Object.prototype.hasOwnProperty.call(t, n)) {
+                            e[n] = t[n];
+                        }
                     }
                 }
+                return e;
+            };
+            return c.apply(this, arguments);
+        }
+        function f(e, r) {
+            if (e == null) return {};
+            var t = s(e, r);
+            var n, o;
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (o = 0; o < a.length; o++) {
+                    n = a[o];
+                    if (r.indexOf(n) >= 0) continue;
+                    if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
+                    t[n] = e[n];
+                }
             }
-            return e;
-        };
-        return f.apply(this, arguments);
-    }
-    function s(e, r) {
-        if (e == null) return {};
-        var t = p(e, r);
-        var n, o;
-        if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                n = a[o];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
-            }
+            return t;
         }
-        return t;
-    }
-    function p(e, r) {
-        if (e == null) return {};
-        var t = {};
-        var n = Object.keys(e);
-        var o, a;
-        for (a = 0; a < n.length; a++) {
-            o = n[a];
-            if (r.indexOf(o) >= 0) continue;
-            t[o] = e[o];
+        function s(e, r) {
+            if (e == null) return {};
+            var t = {};
+            var n = Object.keys(e);
+            var o, a;
+            for (a = 0; a < n.length; a++) {
+                o = n[a];
+                if (r.indexOf(o) >= 0) continue;
+                t[o] = e[o];
+            }
+            return t;
         }
-        return t;
-    }
-    var d = {
-        children: a().node.isRequired,
-        elementRef: a().oneOfType([ a().func, a().object ])
-    };
-    /**
+        var d = {
+            children: a().node.isRequired,
+            elementRef: a().oneOfType([ a().func, a().object ])
+        };
+        /**
  * The screen reader text is used to wrap content that
  * is only accessible through screen readers.
- */    function y(e) {
-        var r = e.children, t = e.elementRef, o = s(e, [ "children", "elementRef" ]);
-        // @docs-props-type ScreenReaderContentPropsBase
-                
-        return n().createElement(u, f({
-            "data-test": "screen-reader-content",
-            ref: t
-        }, o), r);
-    }
-    y.propTypes = d;
-    /* harmony default export */    const v = y;
-    // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
-    module.exports = r;
+ */        function v(e) {
+            var t = e.children, n = e.elementRef, o = f(e, [ "children", "elementRef" ]);
+            // @docs-props-type ScreenReaderContentPropsBase
+                        
+            return r().createElement(p, c({
+                "data-test": "screen-reader-content",
+                ref: n
+            }, o), t);
+        }
+        v.propTypes = d;
+        /* harmony default export */        const y = v;
+    }) // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
+    ();
+    module.exports = n;
     /******/})();

package/Search.js

@@ -106,23 +106,23 @@
     var k =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
     const C = require("@splunk/react-ui/Text");
-    var I =  e.n(C);
+    var R =  e.n(C);
     // CONCATENATED MODULE: ./src/Search/Option.tsx
-    function M(e) {
+    function I(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            M = function e(r) {
+            I = function e(r) {
                 return typeof r;
             };
         } else {
-            M = function e(r) {
+            I = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return M(e);
+        return I(e);
     }
-    function R() {
-        R = Object.assign || function(e) {
+    function M() {
+        M = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -133,11 +133,11 @@
             }
             return e;
         };
-        return R.apply(this, arguments);
+        return M.apply(this, arguments);
     }
     function D(e, r) {
         if (e == null) return {};
-        var n = x(e, r);
+        var n = q(e, r);
         var t, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -150,7 +150,7 @@
         }
         return n;
     }
-    function x(e, r) {
+    function q(e, r) {
         if (e == null) return {};
         var n = {};
         var t = Object.keys(e);
@@ -162,12 +162,12 @@
         }
         return n;
     }
-    function E(e, r) {
+    function x(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function q(e, r) {
+    function E(e, r) {
         for (var n = 0; n < r.length; n++) {
             var t = r[n];
             t.enumerable = t.enumerable || false;
@@ -177,8 +177,8 @@
         }
     }
     function _(e, r, n) {
-        if (r) q(e.prototype, r);
-        if (n) q(e, n);
+        if (r) E(e.prototype, r);
+        if (n) E(e, n);
         return e;
     }
     function A(e, r) {
@@ -215,7 +215,7 @@
         };
     }
     function H(e, r) {
-        if (r && (M(r) === "object" || typeof r === "function")) {
+        if (r && (I(r) === "object" || typeof r === "function")) {
             return r;
         }
         return L(e);
@@ -264,6 +264,10 @@
         disabled: i().bool,
         icon: i().node,
         label: i().string,
+        matchRanges: i().arrayOf(i().shape({
+            start: i().number.isRequired,
+            end: i().number.isRequired
+        })),
         onClick: i().func,
         truncate: i().bool,
         value: i().string.isRequired
@@ -283,7 +287,7 @@
         var r = T(n);
         function n() {
             var e;
-            E(this, n);
+            x(this, n);
             for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++) {
                 o[i] = arguments[i];
             }
@@ -313,7 +317,7 @@
                 var n = this.props, o = n.value, i = n.label, a = D(n, [ "value", "label" ]);
                 var u = i === undefined ? o : i;
                 
-                return t().createElement(g.Item, R({
+                return t().createElement(g.Item, M({
                     ref: function e(n) {
                         r.item = n;
                     },
@@ -321,8 +325,7 @@
                     "data-test-value": o
                 }, a, {
                     onClick: this.handleClick,
-                    role: "option",
-                    "aria-selected": false
+                    role: "option"
                 }), u);
             }
         } ]);
@@ -524,10 +527,10 @@
         }, t);
     }));
     function ce(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, D = e.labelledBy, x = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
+        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, I = e.isLoadingOptions, M = I === void 0 ? false : I, D = e.labelledBy, q = e.loadingMessage, x = e.menuStyle, E = x === void 0 ? {} : x, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
         m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
         // @docs-props-type SearchPropsBase
-                var z = !!i || R;
+                var z = !!i || M;
  // state
                 var U = (0, n.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
         var ee = (0, n.useState)(false), re = Q(ee, 2), ne = re[0], te = re[1];
@@ -548,9 +551,9 @@
         var Pe = (0, n.useRef)(W !== undefined && W !== null);
         var ke = (0, n.useRef)(false);
         var Ce = (0, n.useRef)([]);
-        var Ie = (0, n.useRef)(je);
-        var Me = (0, n.useRef)(undefined);
-        var Re = function e(r) {
+        var Re = (0, n.useRef)(je);
+        var Ie = (0, n.useRef)(undefined);
+        var Me = function e(r) {
             X(we, r);
             X(d, r);
         };
@@ -558,11 +561,11 @@
             X(Se, r);
             X(C, r);
         };
-        var xe = function e() {
+        var qe = function e() {
             return Pe.current ? W : ve;
         };
-        var Ee = function e() {
-            var r = xe();
+        var xe = function e() {
+            var r = qe();
             var t = n.Children.toArray(i).filter(n.isValidElement);
             var o = !ce && t.find((function(e) {
                 return e.props.label !== undefined && e.props.value === r;
@@ -572,14 +575,14 @@
             }
             return r;
         };
-        var qe = function e() {
+        var Ee = function e() {
             te(true);
             Z(-1);
             V === null || V === void 0 ? void 0 : V();
         };
         var _e = function e() {
             te(false);
-            Ie.current = null;
+            Re.current = null;
             T === null || T === void 0 ? void 0 : T();
         };
         var Ae = function e() {
@@ -593,7 +596,7 @@
             if (ke.current) {
                 ke.current = false;
             } else {
-                qe();
+                Ee();
             }
             H === null || H === void 0 ? void 0 : H(r, n);
         };
@@ -647,13 +650,13 @@
                                 }
             } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
             t === "enter" || t === "backspace" || t === "down" || t === "up") {
-                qe();
+                Ee();
             }
             L === null || L === void 0 ? void 0 : L(r);
         };
         var Ve = function e() {
             if (!ne && !s) {
-                qe();
+                Ee();
             }
         };
         var Ke = function e(r) {
@@ -664,7 +667,7 @@
             }
         };
         var Fe = function e(r) {
-            if (Ie.current !== J) {
+            if (Re.current !== J) {
                 r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
             }
         };
@@ -672,7 +675,7 @@
             var a = r.anchorWidth, u = r.maxHeight;
             var l = n.Children.toArray(i).filter(n.isValidElement);
  // Highlight Active
-                        Me.current = undefined;
+                        Ie.current = undefined;
  // Only update the menu options if they are valid and the dropdown is open.
             // This is necessary to handle the outro animation of the dropdown.
                         if (z && ne) {
@@ -690,7 +693,7 @@
                     }
                     if (r === J) {
                         if (!e.props.disabled) {
-                            Me.current = e.props.value;
+                            Ie.current = e.props.value;
                         }
                         
                         return (0, n.cloneElement)(e, {
@@ -709,23 +712,23 @@
             var f = le({
                 anchorWidth: a,
                 maxHeight: u,
-                menuStyle: q
+                menuStyle: E
             });
             
             return t().createElement(k(), Y({
                 style: f,
                 focusMode: "never",
-                isLoading: R
+                isLoading: M
             }, b()(N, "onScroll"), {
                 noOptionsMessage: A,
                 footerMessage: O,
                 animateLoading: o,
-                loadingMessage: x,
+                loadingMessage: q,
                 menuId: ge
             }), Ce.current);
         };
-        var Ne = xe();
-        var ze = Ee();
+        var Ne = qe();
+        var ze = xe();
         var Ue = ne && !!we.current && z;
         var Xe = z ? "combobox" : "searchbox";
         var Ye = {
@@ -734,7 +737,7 @@
             "aria-controls": Ue ? ge : undefined
         };
         
-        return t().createElement(I(), Y({
+        return t().createElement(R(), Y({
             "data-test": "search"
         }, v()(N, "onScroll"), {
             appearance: "search",
@@ -747,7 +750,7 @@
             "data-test-open": Ue,
             describedBy: l,
             disabled: s,
-            elementRef: Re,
+            elementRef: Me,
             error: g,
             inline: P,
             inputRef: De,