@splunk/react-ui 5.1.0 → 5.3.0

package/ResultsMenu.js

@@ -42,7 +42,7 @@
                 if (Object.getOwnPropertySymbols) {
                     var a = Object.getOwnPropertySymbols(e);
                     for (t = 0; t < a.length; t++) {
-                        n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                        n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                     }
                 }
                 return o;
@@ -52,7 +52,7 @@
                 var n = {};
                 for (var t in e) {
                     if ({}.hasOwnProperty.call(e, t)) {
-                        if (r.includes(t)) continue;
+                        if (-1 !== r.indexOf(t)) continue;
                         n[t] = e[t];
                     }
                 }
@@ -180,7 +180,7 @@
         n.r(t);
         // EXPORTS
                 n.d(t, {
-            VirtualizedResultsMenu: () => /* reexport */ ke,
+            VirtualizedResultsMenu: () => /* reexport */ Re,
             default: () => /* reexport */ F
         });
         // EXTERNAL MODULE: external "react"
@@ -268,26 +268,26 @@
             }, C.apply(null, arguments);
         }
         function j(e, r) {
-            return x(e) || P(e, r) || k(e, r) || R();
+            return P(e) || I(e, r) || R(e, r) || x();
         }
-        function R() {
+        function x() {
             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) {
+        function R(e, r) {
             if (e) {
-                if ("string" == typeof e) return I(e, r);
+                if ("string" == typeof e) return k(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) ? I(e, r) : void 0;
+                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) ? k(e, r) : void 0;
             }
         }
-        function I(e, r) {
+        function k(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 P(e, r) {
+        function I(e, r) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var t, o, a, i, l = [], u = !0, c = !1;
@@ -309,7 +309,7 @@
                 return l;
             }
         }
-        function x(e) {
+        function P(e) {
             if (Array.isArray(e)) return e;
         }
         function T(e, r) {
@@ -318,7 +318,7 @@
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < a.length; t++) {
-                    n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                    n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
@@ -328,7 +328,7 @@
             var n = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (r.includes(t)) continue;
+                    if (-1 !== r.indexOf(t)) continue;
                     n[t] = e[t];
                 }
             }
@@ -355,7 +355,7 @@
                 var N = 400;
         var D = 28;
         function H(n) {
-            var t = n.animateLoading, o = n["aria-multiselectable"], a = n.children, i = n.childrenStart, c = n.elementRef, s = n.focusMode, f = n.footerMessage, v = n.isLoading, d = n.labelledBy, m = n.loadingMessage, p = m === void 0 ? _ : m, R = n.menuId, k = n.noOptionsMessage, I = k === void 0 ? q : k, P = n.onScroll, x = n.onScrollBottom, A = n.placement, L = n.style, H = n.tabIndex, F = T(n, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
+            var t = n.animateLoading, o = n["aria-multiselectable"], a = n.children, i = n.childrenStart, c = n.elementRef, s = n.focusMode, f = n.footerMessage, v = n.isLoading, d = n.labelledBy, m = n.loadingMessage, p = m === void 0 ? _ : m, x = n.menuId, R = n.noOptionsMessage, k = R === void 0 ? q : R, I = n.onScroll, P = n.onScrollBottom, A = n.placement, L = n.style, H = n.tabIndex, F = T(n, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
             // @docs-props-type ResultsMenuPropsBase
                         var B = (0, e.useState)(undefined), U = j(B, 2), z = U[0], V = U[1];
             var K = (0, e.useState)(null), W = j(K, 2), $ = W[0], G = W[1];
@@ -387,19 +387,19 @@
             var ye = (0, e.useCallback)((function(e) {
                 if (!ce) {
                     se(true);
-                    x === null || x === void 0 ? void 0 : x(e);
+                    P === null || P === void 0 ? void 0 : P(e);
                 }
-            }), [ ce, x ]);
+            }), [ ce, P ]);
             var ge = (0, e.useCallback)((function(e) {
-                if (x && e.target && Q) {
+                if (P && e.target && Q) {
                     var r = Q.scrollHeight - Q.offsetHeight - N;
                     // Adding 1 due to border of menu item.
                                         if (Q.scrollTop + 1 >= r) {
                         ye(e);
                     }
                 }
-                P === null || P === void 0 ? void 0 : P(e);
-            }), [ ye, Q, P, x ]);
+                I === null || I === void 0 ? void 0 : I(e);
+            }), [ ye, Q, I, P ]);
             var he = (0, e.useCallback)((function() {
                 var r = e.Children.count(a);
                 // If menu is full length, load more items.
@@ -422,10 +422,10 @@
                     return;
                 }
                 // If onScrollBottom is defined, determine if it should be triggered.
-                                if (x && a) {
+                                if (P && a) {
                     he();
                 }
-            }), [ $, Q, a, x, he ]);
+            }), [ $, Q, a, P, he ]);
             // Assumption: that you cannot be filtered if you are a result
                         var Se = e.Children.toArray(a).filter(e.isValidElement).some((function(e) {
                 var r = e.type;
@@ -437,7 +437,7 @@
                     height: ce ? re * D : 0
                 };
             }), [ ce, re ]);
-            var we = !Se && !!I && !v;
+            var we = !Se && !!k && !v;
             var Me = (0, e.useCallback)((function() {
                 return {
                     role: "listbox",
@@ -456,9 +456,9 @@
                 "data-test": "results-menu",
                 key: "wrapper",
                 ref: ve,
-                onWheel: x ? pe : undefined,
-                onMouseEnter: x ? de : undefined,
-                onMouseLeave: x ? me : undefined
+                onWheel: P ? pe : undefined,
+                onMouseEnter: P ? de : undefined,
+                onMouseLeave: P ? me : undefined
             }, F, {
                 style: L
             }), A !== "above" && i, A === "above" && Ce(),  r().createElement(u.MenuContext.Provider, {
@@ -468,7 +468,7 @@
                 "aria-labelledby": d,
                 elementRef: fe,
                 focusMode: s,
-                id: R,
+                id: x,
                 key: "menu",
                 onScroll: ge,
                 stopScrollPropagation: true,
@@ -476,7 +476,7 @@
             }, we &&  r().createElement(S, {
                 "data-test": "no-results-message",
                 disabled: true
-            }, I), a, x && !Ee && 
+            }, k), a, P && !Ee && 
             
             // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
             r().createElement("div", {
@@ -484,7 +484,7 @@
                 style: Oe
             }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, p)))),  r().createElement(w["default"], {
                 "aria-live": "polite"
-            }, we && I), A !== "above" && Ce(), A === "above" && i);
+            }, we && k), A !== "above" && Ce(), A === "above" && i);
         }
         H.propTypes = L;
         /* harmony default export */        const F = H;
@@ -546,7 +546,8 @@
         };
         /** @private Used by `VirtualizedResultsMenu` */        var G =  r().forwardRef((function(r, n) {
             var t = r.children, o = r.onMount, a = r.onUnmount;
-            var i = (0, e.useRef)(null);
+            // @docs-props-type VirtualizedItemPropsBase
+                        var i = (0, e.useRef)(null);
             (0, e.useEffect)((function() {
                 var e = i.current;
                 if (e) {
@@ -703,7 +704,7 @@
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < a.length; t++) {
-                    n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                    n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
@@ -713,7 +714,7 @@
             var n = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (r.includes(t)) continue;
+                    if (-1 !== r.indexOf(t)) continue;
                     n[t] = e[t];
                 }
             }
@@ -849,9 +850,9 @@
             // An IntersectionObserver is used to detect when pane changes are needed.
             // When loadPrevPaneRef or loadNextPaneRef entries intersect the menu, the currentPaneId will be updated.
                         var j = (0, e.useRef)();
+            var x = (0, e.useRef)(ye);
             var R = (0, e.useRef)(ye);
-            var k = (0, e.useRef)(ye);
-            var I = (0, e.useCallback)((function() {
+            var k = (0, e.useCallback)((function() {
                 var e;
                 var r = O.current, n = r === void 0 ? [] : r;
                 var t = w.current;
@@ -875,23 +876,23 @@
                     if (!r) {
                         return;
                     }
-                    var t = k.current.indexOf(r);
+                    var t = R.current.indexOf(r);
                     if (t >= 0) {
-                        k.current.splice(t, 1);
+                        R.current.splice(t, 1);
                     }
-                    var o = R.current.indexOf(r);
+                    var o = x.current.indexOf(r);
                     if (o) {
-                        R.current.splice(o, 1);
+                        x.current.splice(o, 1);
                     }
                     (n = j.current) === null || n === void 0 ? void 0 : n.unobserve(r);
                 };
-                return [].concat(Z(J(n[t - 1], o(k), a, {
+                return [].concat(Z(J(n[t - 1], o(R), a, {
                     trackFirstElement: true
-                })), Z((e = n[t]) !== null && e !== void 0 ? e : []), Z(J(n[t + 1], o(R), a, {
+                })), Z((e = n[t]) !== null && e !== void 0 ? e : []), Z(J(n[t + 1], o(x), a, {
                     trackLastElement: true
                 })));
             }), []);
-            var P = (0, e.useState)(I), x = te(P, 2), T = x[0], A = x[1];
+            var I = (0, e.useState)(k), P = te(I, 2), T = P[0], A = P[1];
             var L = (0, e.useCallback)((function(e) {
                 var r = w.current;
                 w.current = Math.max(0, Math.min(e, O.current.length - 1));
@@ -899,8 +900,8 @@
                     // no change in current pane
                     return;
                 }
-                A(I);
-            }), [ I ]);
+                A(k);
+            }), [ k ]);
             // Link an IntersectionObserver instance with the menu children to be observed
                         var _ = (0, e.useCallback)((function(e) {
                 var r;
@@ -911,8 +912,8 @@
                 if (!e) {
                     return;
                 }
-                k.current = [];
                 R.current = [];
+                x.current = [];
                 // Run the observation flow
                                 j.current = new IntersectionObserver((function(r) {
                     var n;
@@ -939,10 +940,10 @@
                             // don't process if the pane changed or the entry isn't intersecting
                             return;
                         }
-                        if (k.current.includes(e.target)) {
+                        if (R.current.includes(e.target)) {
                             i = true;
                             L(t - 1);
-                        } else if (R.current.includes(e.target)) {
+                        } else if (x.current.includes(e.target)) {
                             i = true;
                             L(t + 1);
                         }
@@ -1018,8 +1019,8 @@
             }), [ o ]);
             (0, e.useEffect)((function() {
                 O.current = K(g, d);
-                A(I);
-            }), [ g, d, I ]);
+                A(k);
+            }), [ g, d, k ]);
             (0, e.useEffect)((function() {
                 return function() {
                     var e;
@@ -1172,8 +1173,8 @@
         /* harmony default export */        const je = /* unused pure expression or super */ null && Ce;
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
         // In environments without IntersectionObserver support this should just export ResultsMenu
-        var Re = "IntersectionObserver" in Me() ? ge : F;
-        /* harmony default export */        const ke = Re;
+        var xe = "IntersectionObserver" in Me() ? ge : F;
+        /* harmony default export */        const Re = xe;
     }) // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
     ();
     module.exports = t;

package/ScreenReaderContent.js

@@ -113,18 +113,18 @@
                 var o = n(23);
         var a =  n.n(o);
         // EXTERNAL MODULE: external "styled-components"
-                var l = n(232);
-        var i =  n.n(l);
+                var i = n(232);
+        var l =  n.n(i);
         // EXTERNAL MODULE: external "@splunk/themes"
                 var u = n(3563);
         // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
-        var s = i().span.withConfig({
+        var s = l().span.withConfig({
             displayName: "ScreenReaderContentStyles__Styled",
             componentId: "sc-1lnohwp-0"
         })([ "", ";" ], u.mixins.screenReaderContent());
         // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
-        function c() {
-            return c = Object.assign ? Object.assign.bind() : function(e) {
+        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 t in n) {
@@ -132,25 +132,25 @@
                     }
                 }
                 return e;
-            }, c.apply(null, arguments);
+            }, p.apply(null, arguments);
         }
-        function p(e, r) {
+        function f(e, r) {
             if (null == e) return {};
-            var n, t, o = f(e, r);
+            var n, t, o = c(e, r);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (t = 0; t < a.length; t++) {
-                    n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                    n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
-        function f(e, r) {
+        function c(e, r) {
             if (null == e) return {};
             var n = {};
             for (var t in e) {
                 if ({}.hasOwnProperty.call(e, t)) {
-                    if (r.includes(t)) continue;
+                    if (-1 !== r.indexOf(t)) continue;
                     n[t] = e[t];
                 }
             }
@@ -164,10 +164,10 @@
  * The screen reader text is used to wrap content that
  * is only accessible through screen readers.
  */        function v(e) {
-            var n = e.children, t = e.elementRef, o = p(e, [ "children", "elementRef" ]);
+            var n = e.children, t = e.elementRef, o = f(e, [ "children", "elementRef" ]);
             // @docs-props-type ScreenReaderContentPropsBase
                         
-            return r().createElement(s, c({
+            return r().createElement(s, p({
                 "data-test": "screen-reader-content",
                 ref: t
             }, o), n);

package/Scroll.js

@@ -185,26 +185,26 @@
             }, O.apply(null, arguments);
         }
         function j(e, t) {
-            return k(e) || A(e, t) || T(e, t) || P();
+            return A(e) || C(e, t) || T(e, t) || 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 T(e, t) {
             if (e) {
-                if ("string" == typeof e) return C(e, t);
+                if ("string" == typeof e) return x(e, t);
                 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) ? C(e, t) : 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) ? x(e, t) : void 0;
             }
         }
-        function C(e, t) {
+        function x(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var r = 0, n = Array(t); r < t; r++) {
                 n[r] = e[r];
             }
             return n;
         }
-        function A(e, t) {
+        function C(e, t) {
             var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != r) {
                 var n, o, l, a, i = [], u = !0, c = !1;
@@ -226,32 +226,32 @@
                 return i;
             }
         }
-        function k(e) {
+        function A(e) {
             if (Array.isArray(e)) return e;
         }
-        function E(e, t) {
+        function k(e, t) {
             if (null == e) return {};
-            var r, n, o = L(e, t);
+            var r, n, o = E(e, t);
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < l.length; n++) {
-                    r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                    r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
         }
-        function L(e, t) {
+        function E(e, t) {
             if (null == e) return {};
             var r = {};
             for (var n in e) {
                 if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
+                    if (-1 !== t.indexOf(n)) continue;
                     r[n] = e[n];
                 }
             }
             return r;
         }
-        var x = {
+        var L = {
             children: i().node,
             defaultLeft: i().number,
             defaultTop: i().number,
@@ -266,8 +266,9 @@
             passive: false
         };
         function I(r) {
-            var n = r.children, o = r.defaultLeft, a = o === void 0 ? 0 : o, i = r.defaultTop, u = i === void 0 ? 0 : i, c = r.elementRef, f = r.left, s = r.onScroll, p = r.stopScrollPropagation, y = r.tagName, b = y === void 0 ? "div" : y, P = r.top, T = E(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
-            var C = (0, e.useState)("visible"), A = j(C, 2), k = A[0], L = A[1];
+            var n = r.children, o = r.defaultLeft, a = o === void 0 ? 0 : o, i = r.defaultTop, u = i === void 0 ? 0 : i, c = r.elementRef, f = r.left, s = r.onScroll, p = r.stopScrollPropagation, y = r.tagName, b = y === void 0 ? "div" : y, P = r.top, T = k(r, [ "children", "defaultLeft", "defaultTop", "elementRef", "left", "onScroll", "stopScrollPropagation", "tagName", "top" ]);
+            // @docs-props-type InnerPropsBase
+                        var x = (0, e.useState)("visible"), C = j(x, 2), A = C[0], E = C[1];
             var I = (0, e.useState)("visible"), M = j(I, 2), R = M[0], N = M[1];
             var X = (0, e.useState)(null), Y = j(X, 2), H = Y[0], W = Y[1];
             var _ = (0, S["default"])(H);
@@ -328,18 +329,18 @@
                 w(c, e);
             }), [ c ]);
             var U = (0, e.useCallback)((function() {
-                L(document.body.style.overflowX);
+                E(document.body.style.overflowX);
                 N(document.body.style.overflowY);
                 document.body.style.overflowX = "hidden";
                 document.body.style.overflowY = "hidden";
             }), []);
             var $ = (0, e.useCallback)((function() {
-                document.body.style.overflowX = k;
+                document.body.style.overflowX = A;
                 document.body.style.overflowY = R;
-            }), [ k, R ]);
+            }), [ A, R ]);
             var z = d.animated[b];
             
-            return t().createElement(t().Fragment, null,  t().createElement(z, O({}, m()(T, v()(x)), {
+            return t().createElement(t().Fragment, null,  t().createElement(z, O({}, m()(T, v()(L)), {
                 ref: F,
                 onMouseEnter: p === "window" ? U : undefined,
                 onMouseLeave: p === "window" ? $ : undefined,
@@ -355,7 +356,7 @@
                 options: q
             }));
         }
-        I.propTypes = x;
+        I.propTypes = L;
         /* harmony default export */        const M = I;
         // CONCATENATED MODULE: ./src/Scroll/ScrollStyles.ts
         var R = f()(M).withConfig({
@@ -425,7 +426,7 @@
             if (Object.getOwnPropertySymbols) {
                 var l = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < l.length; n++) {
-                    r = l[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                    r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
                 }
             }
             return o;
@@ -435,7 +436,7 @@
             var r = {};
             for (var n in e) {
                 if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
+                    if (-1 !== t.indexOf(n)) continue;
                     r[n] = e[n];
                 }
             }
@@ -465,7 +466,7 @@
                 i === null || i === void 0 ? void 0 : i(e);
             }), [ i ]);
             var T = {};
-            var C = (0, u.useAnimation)({
+            var x = (0, u.useAnimation)({
                 config: {
                     precision: 10
                 },
@@ -491,8 +492,8 @@
             return t().createElement(R, N({
                 "data-test": "scroll",
                 key: "inner",
-                top: l()(p) ? C.top : undefined,
-                left: l()(a) ? C.left : undefined,
+                top: l()(p) ? x.top : undefined,
+                left: l()(a) ? x.left : undefined,
                 elementRef: o,
                 onScroll: P,
                 stopScrollPropagation: f,