@splunk/react-ui 4.44.1 → 4.45.0

package/Layer.js

@@ -76,7 +76,7 @@
         LayerContext: () => /* reexport */ h,
         LayerStackContext: () => /* reexport */ v,
         LayerStackGlobalProvider: () => /* reexport */ b,
-        default: () => /* reexport */ I
+        default: () => /* reexport */ J
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -87,14 +87,14 @@
     const i = require("prop-types");
     var a =  e.n(i);
     // CONCATENATED MODULE: external "lodash/includes"
-    const l = require("lodash/includes");
-    var c =  e.n(l);
+    const u = require("lodash/includes");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "lodash/last"
-    const u = require("lodash/last");
-    var s =  e.n(u);
+    const l = require("lodash/last");
+    var s =  e.n(l);
     // CONCATENATED MODULE: external "lodash/pull"
-    const p = require("lodash/pull");
-    var f =  e.n(p);
+    const f = require("lodash/pull");
+    var p =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const y = require("@splunk/react-ui/EventListener");
     var d =  e.n(y);
@@ -118,12 +118,12 @@
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
  */    function b(t) {
-        var o = t.children, i = t.name, a = i === void 0 ? "__splunkui_layer_instances__" : i, l = t.scope, c = l === void 0 ? typeof window !== "undefined" ? window : e.g : l, u = t.separateStackingContexts, s = u === void 0 ? false : u;
+        var o = t.children, i = t.name, a = i === void 0 ? "__splunkui_layer_instances__" : i, u = t.scope, c = u === void 0 ? typeof window !== "undefined" ? window : e.g : u, l = t.separateStackingContexts, s = l === void 0 ? false : l;
         if (!c[a]) {
             c[a] = [];
  // eslint-disable-line no-param-reassign
                 }
-        var p = (0, n.useMemo)((function() {
+        var f = (0, n.useMemo)((function() {
             return {
                 separateStackingContexts: s
             };
@@ -132,22 +132,22 @@
         return r().createElement(v.Provider, {
             value: c[a]
         },  r().createElement(h.Provider, {
-            value: p
+            value: f
         }, o));
     }
     b.propTypes = m;
     // CONCATENATED MODULE: external "styled-components"
-    const w = require("styled-components");
-    var g =  e.n(w);
+    const g = require("styled-components");
+    var w =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/themes"
     const C = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
-    var k = g().div.withConfig({
+    var k = w().div.withConfig({
         displayName: "LayerStyles__StyledLayer",
         componentId: "ii6psl-0"
     })([ "", "" ], (function(e) {
         var t = e.$separateStackingContexts;
-        return t && (0, w.css)([ "isolation:isolate;z-index:", ";" ], C.variables.zindexLayer);
+        return t && (0, g.css)([ "isolation:isolate;position:relative;z-index:", ";" ], C.variables.zindexLayer);
     }));
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
@@ -209,31 +209,96 @@
         var e = typeof document !== "undefined" ? document : S;
         return e;
     }
+    var O = E();
+    /* harmony default export */    const T = /* unused pure expression or super */ null && O;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var L = {
+        document: S,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                t();
+                return null;
+            }
+            return setTimeout(t, 0);
+        },
+        cancelAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(t);
+        }
+    };
+    function j() {
+        var e = typeof window !== "undefined" ? window : L;
+        return e;
+    }
+    var P = j();
+    /* harmony default export */    const _ = P;
     // CONCATENATED MODULE: ./src/Layer/Layer.tsx
-    function O(e) {
+    function x(e) {
         "@babel/helpers - typeof";
-        return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return x = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, O(e);
+        }, x(e);
     }
-    function j(e, t) {
+    function q(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function L(e, t) {
+    function R(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, A(r.key), r);
+            Object.defineProperty(e, z(r.key), r);
         }
     }
-    function P(e, t, n) {
-        return t && L(e.prototype, t), n && L(e, n), Object.defineProperty(e, "prototype", {
+    function A(e, t, n) {
+        return t && R(e.prototype, t), n && R(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function _(e, t) {
+    function D(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -243,83 +308,83 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && T(e, t);
+        }), t && M(e, t);
     }
-    function T(e, t) {
-        return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function M(e, t) {
+        return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, T(e, t);
+        }, M(e, t);
     }
-    function x(e) {
-        var t = D();
+    function F(e) {
+        var t = W();
         return function() {
-            var n, r = M(e);
+            var n, r = B(e);
             if (t) {
-                var o = M(this).constructor;
+                var o = B(this).constructor;
                 n = Reflect.construct(r, arguments, o);
             } else n = r.apply(this, arguments);
-            return q(this, n);
+            return N(this, n);
         };
     }
-    function q(e, t) {
-        if (t && ("object" == O(t) || "function" == typeof t)) return t;
+    function N(e, t) {
+        if (t && ("object" == x(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return R(e);
+        return K(e);
     }
-    function R(e) {
+    function K(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function D() {
+    function W() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (D = function t() {
+        return (W = function t() {
             return !!e;
         })();
     }
-    function M(e) {
-        return M = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function B(e) {
+        return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, M(e);
+        }, B(e);
     }
-    function N(e, t, n) {
-        return (t = A(t)) in e ? Object.defineProperty(e, t, {
+    function I(e, t, n) {
+        return (t = z(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function A(e) {
-        var t = K(e, "string");
-        return "symbol" == O(t) ? t : t + "";
+    function z(e) {
+        var t = U(e, "string");
+        return "symbol" == x(t) ? t : t + "";
     }
-    function K(e, t) {
-        if ("object" != O(e) || !e) return e;
+    function U(e, t) {
+        if ("object" != x(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var r = n.call(e, t || "default");
-            if ("object" != O(r)) return r;
+            if ("object" != x(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
     /** @public */
-    /** @public */    var W = [ "clickAway", "escapeKey" ];
-    var F = {
+    /** @public */    var $ = [ "clickAway", "escapeKey" ];
+    var G = {
         children: a().node,
-        closeReasons: a().arrayOf(a().oneOf(W)),
+        closeReasons: a().arrayOf(a().oneOf($)),
         onRequestClose: a().func,
         open: a().bool
     };
-    var B = {
-        closeReasons: W,
+    var V = {
+        closeReasons: $,
         open: false
     };
-    var z =  function(e) {
-        _(n, e);
-        var t = x(n);
+    var H =  function(e) {
+        D(n, e);
+        var t = F(n);
         // @docs-props-type LayerPropsBase
         // eslint-disable-next-line react/sort-comp
         // LayerStackContext (an array) keeps track of the current instances of Layer. This is
@@ -327,14 +392,14 @@
         // the current instance. Only the topmost Layer instance should honor the escapeKey.
                 function n(e) {
             var r;
-            j(this, n);
+            q(this, n);
             r = t.call(this, e);
-            N(R(r), "layerClickEvent", null);
-            N(R(r), "handleClickOnLayer", (function(e) {
+            I(K(r), "layerClickEvent", null);
+            I(K(r), "handleClickOnLayer", (function(e) {
                 var t = e.nativeEvent;
                 r.layerClickEvent = t;
             }));
-            N(R(r), "handleClickOnWindow", (function(e) {
+            I(K(r), "handleClickOnWindow", (function(e) {
                 var t, n;
                 // clicks inside the layer should not be considered clickAways
                                 if (!r.props.open || !c()(r.props.closeReasons, "clickAway") || r.layerClickEvent === e) {
@@ -345,8 +410,8 @@
                     reason: "clickAway"
                 });
             }));
-            N(R(r), "handleKeyDownOnWindow", (function(e) {
-                if (r.props.open && e.key === "Escape" && s()(r.getLayerStack()) === R(r) && c()(r.props.closeReasons, "escapeKey")) {
+            I(K(r), "handleKeyDownOnWindow", (function(e) {
+                if (r.props.open && e.key === "Escape" && s()(r.getLayerStack()) === K(r) && c()(r.props.closeReasons, "escapeKey")) {
                     var t, n;
                     (t = (n = r.props).onRequestClose) === null || t === void 0 ? void 0 : t.call(n, {
                         event: e,
@@ -362,7 +427,7 @@
             }
             return r;
         }
-        P(n, [ {
+        A(n, [ {
             key: "componentDidMount",
             value: function e() {
                 if (this.props.open) {
@@ -375,13 +440,13 @@
                 if (!t.open && this.props.open) {
                     this.getLayerStack().push(this);
                 } else if (t.open && !this.props.open) {
-                    f()(this.getLayerStack(), this);
+                    p()(this.getLayerStack(), this);
                 }
             }
         }, {
             key: "componentWillUnmount",
             value: function e() {
-                f()(this.getLayerStack(), this);
+                p()(this.getLayerStack(), this);
             }
         }, {
             key: "getLayerStack",
@@ -395,15 +460,15 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var i = this.props, a = i.children, l = i.open;
+                var i = this.props, a = i.children, u = i.open;
                 var c =  r().createElement(d(), {
-                    target: window,
+                    target: _,
                     eventType: "fullscreenchange",
                     listener: n.handleFullScreenChange,
                     key: "fullScreenChange"
                 });
-                if (l) {
-                    var u =  (0, o.createPortal)( r().createElement(h.Consumer, null, (function(e) {
+                if (u) {
+                    var l =  (0, o.createPortal)( r().createElement(h.Consumer, null, (function(e) {
                         var n = e.separateStackingContexts, o = n === void 0 ? false : n;
                         
                         return r().createElement(k, {
@@ -415,24 +480,24 @@
                     })), n.layerContainer);
                     
                     return r().createElement(r().Fragment, null,  r().createElement(d(), {
-                        target: window,
+                        target: _,
                         eventType: "keydown",
                         listener: this.handleKeyDownOnWindow,
                         key: "eventListenerKeydown"
                     }),  r().createElement(d(), {
-                        target: window,
+                        target: _,
                         eventType: "mousedown",
                         listener: this.handleClickOnWindow,
                         key: "eventListenerMouseDown"
                     }),  r().createElement(d(), {
-                        target: window,
+                        target: _,
                         eventType: "touchstart",
                         listener: this.handleClickOnWindow,
                         key: "eventListenerTouchStart",
                         options: {
                             passive: true
                         }
-                    }), c, u);
+                    }), c, l);
                 }
                 // the fragment has to be present to avoid type issues with React 18
                 // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -442,22 +507,22 @@
         } ]);
         return n;
     }(n.Component);
-    N(z, "layerContainer", null);
-    N(z, "possibleCloseReasons", W);
-    N(z, "propTypes", F);
-    N(z, "defaultProps", B);
-    N(z, "contextType", v);
-    N(z, "handleFullScreenChange", (function() {
-        if (z.layerContainer) {
+    I(H, "layerContainer", null);
+    I(H, "possibleCloseReasons", $);
+    I(H, "propTypes", G);
+    I(H, "defaultProps", V);
+    I(H, "contextType", v);
+    I(H, "handleFullScreenChange", (function() {
+        if (H.layerContainer) {
             var e = E();
             if (e.fullscreenElement != null) {
-                e.fullscreenElement.appendChild(z.layerContainer);
+                e.fullscreenElement.appendChild(H.layerContainer);
             } else {
-                e.body.appendChild(z.layerContainer);
+                e.body.appendChild(H.layerContainer);
             }
         }
     }));
-    /* harmony default export */    const I = z;
+    /* harmony default export */    const J = H;
     // CONCATENATED MODULE: ./src/Layer/index.ts
     module.exports = t;
     /******/})();