@splunk/react-ui 5.0.0 → 5.2.0

package/Layer.js

@@ -35,18 +35,6 @@
             /******/        };
         /******/    })();
     /******/
-    /******/ /* webpack/runtime/global */
-    /******/    (() => {
-        /******/ e.g = function() {
-            /******/ if (typeof globalThis === "object") return globalThis;
-            /******/            try {
-                /******/ return this || new Function("return this")();
-                /******/            } catch (e) {
-                /******/ if (typeof window === "object") return window;
-                /******/            }
-            /******/        }();
-        /******/    })();
-    /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
         /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
@@ -81,20 +69,20 @@
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
-    // CONCATENATED MODULE: external "react-dom"
-    const o = require("react-dom");
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/includes"
-    const u = require("lodash/includes");
-    var l =  e.n(u);
+    const o = require("lodash/includes");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/last"
-    const c = require("lodash/last");
-    var s =  e.n(c);
+    const i = require("lodash/last");
+    var u =  e.n(i);
     // CONCATENATED MODULE: external "lodash/pull"
-    const f = require("lodash/pull");
-    var d =  e.n(f);
+    const l = require("lodash/pull");
+    var c =  e.n(l);
+    // CONCATENATED MODULE: external "prop-types"
+    const s = require("prop-types");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "react-dom"
+    const d = require("react-dom");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const v = require("@splunk/react-ui/EventListener");
     var y =  e.n(v);
@@ -104,6 +92,7 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const h = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/Layer/LayerStack.tsx
+    /* global globalThis */
     /**
  * `LayerStackContext` is used to manage the array that `Layer` (and components that
  * depend on it, such as `Modal`) uses to determine the order of open layers.
@@ -112,33 +101,32 @@
     var g =  r().createContext([]);
     var b =  r().createContext({});
     var C = {
-        children: i().node,
-        name: i().string,
-        scope: i().object,
-        separateStackingContexts: i().bool
+        children: f().node,
+        name: f().string,
+        scope: f().object,
+        separateStackingContexts: f().bool
     };
-    /* global global */
     /**
  * A `LayerStackContext` provider that stores a shared layer stack using a global variable.
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
- */    function E(t) {
-        var o = t.children, a = t.name, i = a === void 0 ? "__splunkui_layer_instances__" : a, u = t.scope, l = u === void 0 ? typeof window !== "undefined" ? window : e.g : u, c = t.separateStackingContexts, s = c === void 0 ? false : c;
-        if (!l[i]) {
-            l[i] = [];
+ */    function E(e) {
+        var t = e.children, o = e.name, a = o === void 0 ? "__splunkui_layer_instances__" : o, i = e.scope, u = i === void 0 ? typeof window !== "undefined" ? window : globalThis : i, l = e.separateStackingContexts, c = l === void 0 ? false : l;
+        if (!u[a]) {
+            u[a] = [];
  // eslint-disable-line no-param-reassign
                 }
-        var f = (0, n.useMemo)((function() {
+        var s = (0, n.useMemo)((function() {
             return {
-                separateStackingContexts: s
+                separateStackingContexts: c
             };
-        }), [ s ]);
+        }), [ c ]);
         
         return r().createElement(g.Provider, {
-            value: l[i]
+            value: u[a]
         },  r().createElement(b.Provider, {
-            value: f
-        }, o));
+            value: s
+        }, t));
     }
     E.propTypes = C;
     // CONCATENATED MODULE: external "styled-components"
@@ -273,15 +261,15 @@
             clearTimeout(t);
         }
     };
-    function j() {
+    function O() {
         var e = typeof window !== "undefined" ? window : _;
         return e;
     }
-    var O = j();
-    /* harmony default export */    const P = O;
+    var P = O();
+    /* harmony default export */    const j = P;
     // CONCATENATED MODULE: ./src/Layer/Layer.tsx
     function M(e, t) {
-        return D(e) || F(e, t) || N(e, t) || I();
+        return F(e) || D(e, t) || N(e, t) || I();
     }
     function I() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -300,7 +288,7 @@
         }
         return r;
     }
-    function F(e, t) {
+    function D(e, t) {
         var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != n) {
             var r, o, a, i, u = [], l = !0, c = !1;
@@ -322,40 +310,40 @@
             return u;
         }
     }
-    function D(e) {
+    function F(e) {
         if (Array.isArray(e)) return e;
     }
     /** @public */
     /** @public */    var K = [ "clickAway", "escapeKey" ];
     var $ = {
-        children: i().node,
-        closeReasons: i().arrayOf(i().oneOf(K)),
-        onRequestClose: i().func,
-        open: i().bool
+        children: f().node,
+        closeReasons: f().arrayOf(f().oneOf(K)),
+        onRequestClose: f().func,
+        open: f().bool
     };
     var z = {
         passive: true
     };
     // we need a custom type here in order to set layerContainer as a property
         var B = function e(t) {
-        var a = t.children, i = t.closeReasons, u = i === void 0 ? K : i, c = t.open, f = t.onRequestClose;
+        var o = t.children, i = t.closeReasons, l = i === void 0 ? K : i, s = t.open, f = t.onRequestClose;
         var v = (0, n.useContext)(b), p = v.separateStackingContexts;
         var C = (0, n.useContext)(g);
         var E = (0, n.useRef)(null);
         var S = (0, n.useState)((0, h.createGUID)()), k = M(S, 1), w = k[0];
-        var q = m()(c);
+        var q = m()(s);
         (0, n.useEffect)((function() {
-            if (c && !q) {
+            if (s && !q) {
                 C.push(w);
-            } else if (q && !c) {
-                d()(C, w);
+            } else if (q && !s) {
+                c()(C, w);
             }
-        }), [ w, C, c, q ]);
+        }), [ w, C, s, q ]);
         // it is not part of the previous useEffect because it needs to be equivalent to componentWillUnmount
         // the previous useEffect will get re-run every time open and prevOpen change which is not what we want
                 (0, n.useEffect)((function() {
             return function() {
-                d()(C, w);
+                c()(C, w);
             };
         }), [ w, C ]);
         if (!e.layerContainer) {
@@ -371,63 +359,66 @@
                 var _ = (0, n.useCallback)((function() {
             if (e.layerContainer) {
                 var t = x();
+                var n = e.layerContainer.contains(t.fullscreenElement);
                 if (t.fullscreenElement != null) {
-                    t.fullscreenElement.appendChild(e.layerContainer);
+                    if (!n) {
+                        t.fullscreenElement.appendChild(e.layerContainer);
+                    }
                 } else {
                     t.body.appendChild(e.layerContainer);
                 }
             }
         }), []);
-        var j = (0, n.useCallback)((function(e) {
+        var O = (0, n.useCallback)((function(e) {
             var t = e.nativeEvent;
             E.current = t;
         }), []);
-        var O = (0, n.useCallback)((function(e) {
+        var P = (0, n.useCallback)((function(e) {
             // clicks inside the layer should not be considered clickAways
-            if (!c || !l()(u, "clickAway") || E.current === e) {
+            if (!s || !a()(l, "clickAway") || E.current === e) {
                 return;
             }
             f === null || f === void 0 ? void 0 : f({
                 event: e,
                 reason: "clickAway"
             });
-        }), [ u, c, f ]);
+        }), [ l, s, f ]);
         var I = (0, n.useCallback)((function(e) {
-            if (c && e.key === "Escape" && s()(C) === w && l()(u, "escapeKey")) {
+            if (s && e.key === "Escape" && u()(C) === w && a()(l, "escapeKey")) {
                 f === null || f === void 0 ? void 0 : f({
                     event: e,
                     reason: "escapeKey"
                 });
             }
-        }), [ u, w, C, c, f ]);
+        }), [ l, w, C, s, f ]);
         var N =  r().createElement(y(), {
-            target: P,
+            target: j,
             eventType: "fullscreenchange",
             listener: _,
             key: "fullScreenChange"
         });
-        if (c) {
-            var R =  (0, o.createPortal)( r().createElement(T, {
+        if (s) {
+            var R =  (0, d.createPortal)( r().createElement(T, {
                 $separateStackingContexts: p,
                 "data-test": "layer",
-                onMouseDown: j,
-                onTouchStart: j
-            }, a), e.layerContainer);
+                onMouseDown: O,
+                onTouchStart: O
+            }, o), e.layerContainer);
             
             return r().createElement(r().Fragment, null,  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "keydown",
                 listener: I,
                 key: "eventListenerKeydown"
             }),  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "mousedown",
-                listener: O,
+                listener: P,
                 key: "eventListenerMouseDown"
             }),  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "touchstart",
-                listener: O,
+                listener: P,
                 key: "eventListenerTouchStart",
                 options: z
             }), N, R);

package/Layout.js

@@ -72,9 +72,9 @@
     var a =  e.n(o);
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
-    var u =  e.n(l);
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes/mixins"
-    const i = require("@splunk/themes/mixins");
+    const u = require("@splunk/themes/mixins");
     // CONCATENATED MODULE: ./src/Layout/Layout.tsx
     function c() {
         return c = Object.assign ? Object.assign.bind() : function(e) {
@@ -87,23 +87,23 @@
             return e;
         }, c.apply(null, arguments);
     }
-    function s(e, r) {
+    function f(e, r) {
         if (null == e) return {};
-        var t, n, o = f(e, r);
+        var t, n, o = s(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
-                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function f(e, r) {
+    function s(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -113,14 +113,14 @@
         children: a().node.isRequired,
         elementRef: a().oneOfType([ a().func, a().object ])
     };
-    var y = u().div.withConfig({
+    var y = i().div.withConfig({
         displayName: "Layout__StyledLayout",
         componentId: "sc-1imtojn-0"
-    })([ "", "" ], (0, i.layout)());
+    })([ "", "" ], (0, u.layout)());
     /**
  * Renders a container to layout children using standard spacing values.
  */    function p(e) {
-        var r = e.children, t = e.elementRef, o = s(e, [ "children", "elementRef" ]);
+        var r = e.children, t = e.elementRef, o = f(e, [ "children", "elementRef" ]);
         // @docs-props-type LayoutPropsBase
                 
         return n().createElement(y, c({

package/Link.js

@@ -118,7 +118,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (r = 0; r < a.length; r++) {
-                t = a[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = a[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -128,7 +128,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }

package/List.js

@@ -69,8 +69,8 @@
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const l = require("prop-types");
-    var o =  e.n(l);
+    const o = require("prop-types");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "styled-components"
     const i = require("styled-components");
     var a =  e.n(i);
@@ -99,40 +99,40 @@
     }
     function d(e, r) {
         if (null == e) return {};
-        var t, n, l = y(e, r);
+        var t, n, o = y(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return l;
+        return o;
     }
     function y(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
     var p = {
-        children: o().node,
-        elementRef: o().oneOfType([ o().func, o().object ])
+        children: l().node,
+        elementRef: l().oneOfType([ l().func, l().object ])
     };
     /**
  * A container for items of a `List`.
  */    function m(e) {
-        var r = e.children, t = e.elementRef, l = d(e, [ "children", "elementRef" ]);
+        var r = e.children, t = e.elementRef, o = d(e, [ "children", "elementRef" ]);
         // @docs-props-type ItemPropsBase
                 
         return n().createElement(u, f({
             "data-test": "item",
             ref: t
-        }, l), r);
+        }, o), r);
     }
     m.propTypes = p;
     /* harmony default export */    const b = m;
@@ -150,40 +150,40 @@
     }
     function O(e, r) {
         if (null == e) return {};
-        var t, n, l = h(e, r);
+        var t, n, o = h(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return l;
+        return o;
     }
     function h(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
     var g = {
-        children: o().node,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        ordered: o().bool
+        children: l().node,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        ordered: l().bool
     };
     function j(e) {
-        var r = e.children, t = e.elementRef, l = e.ordered, o = O(e, [ "children", "elementRef", "ordered" ]);
+        var r = e.children, t = e.elementRef, o = e.ordered, l = O(e, [ "children", "elementRef", "ordered" ]);
         // @docs-props-type ListPropsBase
                 
         return n().createElement(c, v({
-            as: l ? "ol" : "ul",
+            as: o ? "ol" : "ul",
             "data-test": "list",
             ref: t
-        }, o), r);
+        }, l), r);
     }
     j.propTypes = g;
     j.Item = b;