@splunk/react-ui 5.0.0 → 5.2.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"
@@ -234,6 +234,8 @@
             displayName: "ResultsMenuStyles__StyledLoadingMessage",
             componentId: "avbhl8-6"
         })([ "flex:1 0 0;color:", ";" ], p.variables.contentColorDefault);
+        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
+                var w = n(6165);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -241,7 +243,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function w(e, r) {
+        function M(e, r) {
             if (e) {
                 if (typeof e === "function") {
                     e(r);
@@ -253,8 +255,6 @@
                                 }
             }
         }
-        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var M = n(6165);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
         function C() {
             return C = Object.assign ? Object.assign.bind() : function(e) {
@@ -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];
@@ -368,7 +368,7 @@
             }), []);
             var ve = (0, e.useCallback)((function(e) {
                 G(e);
-                w(c, e);
+                M(c, e);
             }), [ c ]);
             var de = (0, e.useCallback)((function() {
                 ie(document.documentElement.scrollTop);
@@ -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,15 +476,15 @@
             }, 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", {
                 "data-test": "results-menu-bottom-spacer",
                 style: Oe
-            }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, p)))),  r().createElement(M["default"], {
+            }), 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;
@@ -567,7 +567,7 @@
             return (0, e.cloneElement)(l, {
                 elementRef: function e(r) {
                     i.current = r;
-                    w(n, r);
+                    M(n, r);
                 }
             });
         }));
@@ -703,7 +703,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 +713,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];
                 }
             }
@@ -844,17 +844,17 @@
             // `windowPanes` is an array of arrays, each of length `virtualization`. Each "pane" is just a subset of
             // `children` which will be rendered in a chunk, and at most 3 of these panes will render at any given time.
                         var O = (0, e.useRef)(E);
-            var M = (0, e.useRef)(0);
+            var w = (0, e.useRef)(0);
             var C = (0, e.useRef)(null);
             // 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 = M.current;
+                var t = w.current;
                 /**
      * create onMount for an child of the menu which will be used to trigger pane
      * changes upon intersection with the menu's visible bounds
@@ -875,48 +875,48 @@
                     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 = M.current;
-                M.current = Math.max(0, Math.min(e, O.current.length - 1));
-                if (r === M.current) {
+                var r = w.current;
+                w.current = Math.max(0, Math.min(e, O.current.length - 1));
+                if (r === w.current) {
                     // 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;
-                w(a, e);
+                M(a, e);
                 C.current = e;
                 // This is overly defensive and could probably be removed
                                 (r = j.current) === null || r === void 0 ? void 0 : r.disconnect();
                 if (!e) {
                     return;
                 }
-                k.current = [];
                 R.current = [];
+                x.current = [];
                 // Run the observation flow
                                 j.current = new IntersectionObserver((function(r) {
                     var n;
-                    var t = M.current;
+                    var t = w.current;
                     var o = e.firstElementChild;
                     if (!!o && o.scrollHeight < e.clientHeight) {
                         var a;
@@ -939,10 +939,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);
                         }
@@ -959,7 +959,7 @@
                 e.preventDefault();
                 var n = e.key;
                 if (n === "Home") {
-                    var t = M.current === 0;
+                    var t = w.current === 0;
                     if (t) {
                         var o;
                         // if the first pane is already rendered, find the first element and focus it
@@ -978,7 +978,7 @@
                 }
                 var l = O.current.length - 1;
                 if (n === "End") {
-                    var u = M.current === l;
+                    var u = w.current === l;
                     if (u) {
                         var c;
                         // if the last pane is already rendered, find the first element and focus it
@@ -1018,8 +1018,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 +1172,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);