@splunk/react-ui 4.41.0 → 4.43.0

package/RadioList.js

@@ -185,8 +185,8 @@
         prisma: (0, u.css)([ "&:active + ", "::before{background-color:", ";}&:active + ", "::after{background-color:", ";}&:checked:active + ", "::before{border-color:transparent;background-color:", ";}&:disabled + ", ":hover::before{box-shadow:none;}&:checked:disabled + ", "{&::before{background-color:", ";}&::after{background-color:rgba(255,255,255,0.3);}}" ], /* sc-sel */ f, p.mixins.overlayColors(p.variables.backgroundColorPage, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.white, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.interactiveColorPrimary, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, /* sc-sel */ f, p.variables.interactiveColorBackgroundDisabled)
     }));
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var o in a) {
@@ -194,9 +194,9 @@
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function m(e, r) {
+    function g(e, r) {
         if (null == e) return {};
         var a, o, i = h(e, r);
         if (Object.getOwnPropertySymbols) {
@@ -227,7 +227,7 @@
         value: t().any.isRequired
     };
     function x(e) {
-        var r = e.children, i = e.disabled, t = i === void 0 ? false : i, n = e.error, l = n === void 0 ? false : n, c = e.id, u = e.onChange, b = e.value, p = m(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, i = e.disabled, t = i === void 0 ? false : i, n = e.error, l = n === void 0 ? false : n, c = e.id, u = e.onChange, b = e.value, p = g(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
                 var h = (0, a.useRef)(c || (0, s.createDOMID)("radio-option")), k = h.current;
         var x = (0, a.useContext)(d);
@@ -256,7 +256,7 @@
             S = x.error;
         }
         
-        return o().createElement(v, g({
+        return o().createElement(v, m({
             "data-test": "option",
             "data-test-value": b
         }, p, {
@@ -304,26 +304,26 @@
         }, j.apply(null, arguments);
     }
     function q(e, r) {
-        return E(e) || A(e, r) || I(e, r) || P();
+        return A(e) || _(e, r) || I(e, r) || P();
     }
     function P() {
         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 I(e, r) {
         if (e) {
-            if ("string" == typeof e) return _(e, r);
+            if ("string" == typeof e) return R(e, r);
             var a = {}.toString.call(e).slice(8, -1);
-            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? _(e, r) : void 0;
+            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? R(e, r) : void 0;
         }
     }
-    function _(e, r) {
+    function R(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var a = 0, o = Array(r); a < r; a++) {
             o[a] = e[a];
         }
         return o;
     }
-    function A(e, r) {
+    function _(e, r) {
         var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != a) {
             var o, i, t, n, l = [], s = !0, c = !1;
@@ -345,12 +345,12 @@
             return l;
         }
     }
-    function E(e) {
+    function A(e) {
         if (Array.isArray(e)) return e;
     }
-    function B(e, r) {
+    function E(e, r) {
         if (null == e) return {};
-        var a, o, i = D(e, r);
+        var a, o, i = B(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
             for (o = 0; o < t.length; o++) {
@@ -359,7 +359,7 @@
         }
         return i;
     }
-    function D(e, r) {
+    function B(e, r) {
         if (null == e) return {};
         var a = {};
         for (var o in e) {
@@ -370,7 +370,7 @@
         }
         return a;
     }
-    /** @public */    var N = {
+    /** @public */    var D = {
         children: t().node,
         defaultValue: t().any,
         describedBy: t().string,
@@ -385,19 +385,19 @@
         required: t().bool,
         value: t().any
     };
-    function R(e) {
-        var r = e.children, i = e.defaultValue, t = e.describedBy, n = e.direction, c = n === void 0 ? "column" : n, u = e.disabled, b = u === void 0 ? false : u, p = e.error, v = p === void 0 ? false : p, f = e.labelledBy, y = e.name, g = e.onChange, m = e.required, h = e.value, k = B(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+    function N(e) {
+        var r = e.children, i = e.defaultValue, t = e.describedBy, n = e.direction, c = n === void 0 ? "column" : n, u = e.disabled, b = u === void 0 ? false : u, p = e.elementRef, v = e.error, f = v === void 0 ? false : v, y = e.labelledBy, m = e.name, g = e.onChange, h = e.required, k = e.value, x = E(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
         // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
-                var x = (0, a.useRef)(h !== undefined), C = x.current;
-        var O = (0, a.useState)(i), w = q(O, 2), P = w[0], I = w[1];
-        var _ = C ? h : P;
-        var A = (0, a.useRef)(y || (0, s.createDOMID)("radio-name")), E = A.current;
+                var C = (0, a.useRef)(k !== undefined), O = C.current;
+        var w = (0, a.useState)(i), P = q(w, 2), I = P[0], R = P[1];
+        var _ = O ? k : I;
+        var A = (0, a.useRef)(m || (0, s.createDOMID)("radio-name")), B = A.current;
         var D = function e(r, a) {
-            if (!C) {
-                I(a.value);
+            if (!O) {
+                R(a.value);
             }
             g === null || g === void 0 ? void 0 : g(r, a);
         };
@@ -407,41 +407,42 @@
         // Check if changing from controlled to un-controlled
                 (0, a.useEffect)((function() {
             if (false) {}
-        }), [ h, C ]);
-        var N = (0, a.useRef)(i), R = N.current;
+        }), [ k, O ]);
+        var N = (0, a.useRef)(i), M = N.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ R, i, C ]);
-        var M = (0, a.useMemo)((function() {
+        }), [ M, i, O ]);
+        var T = (0, a.useMemo)((function() {
             return {
                 disabled: b,
-                error: v,
+                error: f,
                 onChange: D,
-                name: E,
-                required: m,
+                name: B,
+                required: h,
                 value: _
             };
-        }), [ b, v, D, E, m, _ ]);
-        var T = k["aria-labelledby"];
-        var L = k["aria-describedby"];
+        }), [ b, f, D, B, h, _ ]);
+        var L = x["aria-labelledby"];
+        var z = x["aria-describedby"];
         
         return o().createElement(d.Provider, {
-            value: M
+            value: T
         },  o().createElement(S, j({
             flex: true,
             direction: c,
             role: "radiogroup",
             "data-test": "radio-list",
-            "data-test-value": _
-        }, l()(k, [ "aria-labelledby", "aria-describedby" ]), {
-            "aria-labelledby": T ? "".concat(T, " ").concat(f) : f,
-            "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
-            "aria-invalid": v
+            "data-test-value": _,
+            elementRef: p
+        }, l()(x, [ "aria-labelledby", "aria-describedby" ]), {
+            "aria-labelledby": L ? "".concat(L, " ").concat(y) : y,
+            "aria-describedby": z ? "".concat(z, " ").concat(t) : t,
+            "aria-invalid": f
         }), r));
     }
-    R.propTypes = N;
-    R.Option = C;
-    /* harmony default export */    const M = R;
+    N.propTypes = D;
+    N.Option = C;
+    /* harmony default export */    const M = N;
     // only for styled components using RadioList
         // CONCATENATED MODULE: ./src/RadioList/index.ts
     module.exports = r;

package/Resize.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ ee
+        default: () => /* reexport */ re
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -82,9 +82,9 @@
     const f = require("@splunk/react-ui/ScreenReaderContent");
     var p =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const h = require("@splunk/ui-utils/i18n");
+    const v = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const v = require("@splunk/ui-utils/keyboard");
+    const h = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
     const y = require("styled-components");
     var w =  e.n(y);
@@ -94,12 +94,12 @@
     var m = "9px";
     var g = "14px";
     var S = "3px";
-    var O = "11px";
-    var k = w().div.withConfig({
+    var k = "11px";
+    var z = w().div.withConfig({
         displayName: "ResizeStyles__Styled",
         componentId: "sc-181mwes-0"
     })([ "", ";position:relative;overflow-x:hidden;overflow-y:hidden;" ], b.mixins.reset("block"));
-    var z = w().div.withConfig({
+    var O = w().div.withConfig({
         displayName: "ResizeStyles__StyledBorder",
         componentId: "sc-181mwes-1"
     })([ "", ";height:100%;width:100%;border:0 solid ", ";", " ", " ", " ", "" ], b.mixins.reset("block"), (0, 
@@ -150,9 +150,9 @@
         return t && n && (0, y.css)([ "background-color:", ";&:active{background-color:", ";}" ], b.variables.borderColorWeak, b.variables.borderColorStrong);
     }), (function(e) {
         var t = e.$showHandles;
-        return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */ k);
+        return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */ z);
     }));
-    var E = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], D, O, O);
+    var E = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], D, k, k);
     var j = (0, y.css)([ "height:100%;" ]);
     var C = (0, y.css)([ "width:100%;display:flex;justify-content:center;" ]);
     var P = (0, y.css)([ "", ";position:absolute;z-index:1;", "" ], D, (function(e) {
@@ -245,14 +245,14 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && L(e, t);
+        }), t && W(e, t);
     }
-    function L(e, t) {
-        return L = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function W(e, t) {
+        return W = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, L(e, t);
+        }, W(e, t);
     }
-    function W(e) {
+    function X(e) {
         var t = V();
         return function() {
             var r, n = A(e);
@@ -260,15 +260,15 @@
                 var o = A(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
-            return X(this, r);
+            return Y(this, r);
         };
     }
-    function X(e, t) {
+    function Y(e, t) {
         if (t && ("object" == T(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return Y(e);
+        return L(e);
     }
-    function Y(e) {
+    function L(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
@@ -322,23 +322,34 @@
         keyIncrement: 10,
         showHandles: "always"
     };
+    var Z = [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ];
+    var ee = {
+        nw: (0, v._)("Resize northwest"),
+        n: (0, v._)("Resize north"),
+        ne: (0, v._)("Resize northeast"),
+        w: (0, v._)("Resize west"),
+        e: (0, v._)("Resize east"),
+        sw: (0, v._)("Resize southwest"),
+        s: (0, v._)("Resize south"),
+        se: (0, v._)("Resize southeast")
+    };
     /**
  * Resize is a utility container with drag handles for resizing.
- */    var Z =  function(e) {
+ */    var te =  function(e) {
         K(r, e);
-        var t = W(r);
+        var t = X(r);
         // @docs-props-type ResizePropsBase
                 function r(e) {
             var o;
             M(this, r);
             o = t.call(this, e);
-            F(Y(o), "handleMount", (function(e) {
+            F(L(o), "handleMount", (function(e) {
                 o.setState({
                     el: e
                 });
                 H(o.props.elementRef, e);
             }));
-            F(Y(o), "handleDragStart", (function(e, t) {
+            F(L(o), "handleDragStart", (function(e, t) {
                 if (e.button > 0) {
                     return;
                 }
@@ -355,24 +366,24 @@
                     };
                 }));
             }));
-            F(Y(o), "handleDragEnd", (function() {
+            F(L(o), "handleDragEnd", (function() {
                 o.setState({
                     dragDirection: undefined
                 });
             }));
-            F(Y(o), "handleDrag", (function(e) {
+            F(L(o), "handleDrag", (function(e) {
                 var t = o.state, r = t.dragDirection, n = t.startWidth, i = n === void 0 ? 0 : n, a = t.startHeight, s = a === void 0 ? 0 : a, c = t.startX, l = c === void 0 ? 0 : c, u = t.startY, d = u === void 0 ? 0 : u;
                 var f = (r === null || r === void 0 ? void 0 : r.match(/(w|e)$/)) ? e.clientX - l : 0;
                 var p = (r === null || r === void 0 ? void 0 : r.match(/^(s|n)/)) ? e.clientY - d : 0;
-                var h = {
+                var v = {
                     width: (r === null || r === void 0 ? void 0 : r.match(/w$/)) ? i - f : i + f,
                     height: (r === null || r === void 0 ? void 0 : r.match(/^n/)) ? s - p : s + p
                 };
-                o.props.onRequestResize(e, h);
+                o.props.onRequestResize(e, v);
             }));
-            F(Y(o), "handleKeyDown", (function(e, t) {
+            F(L(o), "handleKeyDown", (function(e, t) {
                 var r = o.props.keyIncrement;
-                var n = (0, v.keycode)(e.nativeEvent);
+                var n = (0, h.keycode)(e.nativeEvent);
                 var i = t.slice(-1);
                 var a = {
                     e: {
@@ -406,12 +417,12 @@
                     o.props.onRequestResize(e, d);
                 }
             }));
-            F(Y(o), "renderHandle", (function(e) {
-                var t = o.props, i = t.showHandles, a = t.appearance;
-                var s = e.length > 1;
-                var c;
-                if (s) {
-                    c =  n().createElement(_, {
+            F(L(o), "renderHandle", (function(e) {
+                var t = o.props, r = t.showHandles, i = t.appearance;
+                var a = e.length > 1;
+                var s;
+                if (a) {
+                    s =  n().createElement(_, {
                         viewBox: "0 0 11 11",
                         width: "11px",
                         height: "11px"
@@ -419,7 +430,7 @@
                         d: "M0 8 L 8 0 M4 8 L 8 4"
                     }));
                 } else if (e === "n" || e === "s") {
-                    c =  n().createElement(R, {
+                    s =  n().createElement(R, {
                         viewBox: "0 0 14 3",
                         width: "14px",
                         height: "3px"
@@ -435,7 +446,7 @@
                         y: "2"
                     }));
                 } else if (e === "e" || e === "w") {
-                    c =  n().createElement(R, {
+                    s =  n().createElement(R, {
                         viewBox: "0 0 3 14",
                         width: "3px",
                         height: "14px"
@@ -457,17 +468,17 @@
                     "data-test": "resize-handle-".concat(e),
                     onMouseDown: o["handleDragStart".concat(e)],
                     onKeyDown: o["handleKeyDown".concat(e)],
-                    $showHandles: i,
+                    $showHandles: r,
                     $cardinalDirection: e,
-                    $isSeparator: a === "separator"
-                }, c,  n().createElement(p(), null, r.handleLabels[e]));
+                    $isSeparator: i === "separator"
+                }, s,  n().createElement(p(), null, ee[e]));
             }));
             o.state = {
                 el: null
             };
             if (false) {}
             // Generate handlers for each direction.
-                        r.handleOrder.forEach((function(e) {
+                        Z.forEach((function(e) {
                 // @ts-expect-error - dynamic function creation
                 o["handleDragStart".concat(e)] = function(t) {
                     o.handleDragStart(t, e);
@@ -485,29 +496,29 @@
                 var t = this.props, o = t.appearance, i = t.children, a = t.resizeHandles;
                 var c = this.state, u = c.dragDirection, f = c.el;
  // Handles are inserted before and after children to optimize tab order
-                                var p = r.handleOrder.slice(0, 4).filter((function(e) {
+                                var p = Z.slice(0, 4).filter((function(e) {
                     return a.indexOf(e) > -1;
                 })).map(this.renderHandle);
-                var h = r.handleOrder.slice(4).filter((function(e) {
+                var v = Z.slice(4).filter((function(e) {
                     return a.indexOf(e) > -1;
                 })).map(this.renderHandle);
                 /* When appearance is border, determine which sides need margin.
        * Converts ['se', 'n'] to { e: true, s: true, n: true}
-       */                var v = {};
+       */                var h = {};
                 if (o === "border") {
                     a.join("").split("").filter((function(e, t, r) {
                         return r.indexOf(e) === t;
                     })).forEach((function(e) {
-                        v[e] = true;
+                        h[e] = true;
                     }));
                 }
                 
-                return n().createElement(k, I({
+                return n().createElement(z, I({
                     "data-test": "resize",
                     ref: this.handleMount
-                }, l()(this.props, s()(r.propTypes))),  n().createElement(z, {
-                    $borderSides: v
-                }, f && p, i, f && h, u &&  n().createElement(n().Fragment, null,  n().createElement(d(), {
+                }, l()(this.props, s()(r.propTypes))),  n().createElement(O, {
+                    $borderSides: h
+                }, f && p, i, f && v, u &&  n().createElement(n().Fragment, null,  n().createElement(d(), {
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleDrag
@@ -520,20 +531,9 @@
         } ]);
         return r;
     }(r.Component);
-    F(Z, "propTypes", Q);
-    F(Z, "defaultProps", U);
-    F(Z, "handleOrder", [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ]);
-    F(Z, "handleLabels", {
-        nw: (0, h._)("Resize northwest"),
-        n: (0, h._)("Resize north"),
-        ne: (0, h._)("Resize northeast"),
-        w: (0, h._)("Resize west"),
-        e: (0, h._)("Resize east"),
-        sw: (0, h._)("Resize southwest"),
-        s: (0, h._)("Resize south"),
-        se: (0, h._)("Resize southeast")
-    });
-    /* harmony default export */    const ee = Z;
+    F(te, "propTypes", Q);
+    F(te, "defaultProps", U);
+    /* harmony default export */    const re = te;
     // CONCATENATED MODULE: ./src/Resize/index.ts
     module.exports = t;
     /******/})();

package/ResultsMenu.d.ts

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

package/ResultsMenu.js

@@ -596,15 +596,15 @@
                     }, A &&  t().createElement(x, {
                         "data-test": "no-results-message",
                         disabled: true
-                    }, v),  t().createElement(T["default"], {
-                        "aria-live": "polite"
-                    }, A && v), a, m && !R && 
+                    }, v), a, m && !R && 
                     
                     // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
                     t().createElement("div", {
                         "data-test": "results-menu-bottom-spacer",
                         style: C
-                    }), s &&  t().createElement(w, null, i &&  t().createElement(j, null),  t().createElement(k, null, d)))), y !== "above" && this.renderFooterMessage(), y === "above" && u);
+                    }), s &&  t().createElement(w, null, i &&  t().createElement(j, null),  t().createElement(k, null, d)))),  t().createElement(T["default"], {
+                        "aria-live": "polite"
+                    }, A && v), y !== "above" && this.renderFooterMessage(), y === "above" && u);
                 }
             } ]);
             return o;