@splunk/react-ui 5.0.0-rc.2 → 5.1.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) {
@@ -378,56 +366,56 @@
                 }
             }
         }), []);
-        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);