@splunk/react-ui 4.28.1 → 4.29.0

package/SidePanel.js

@@ -87,43 +87,43 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const m = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/SidePanel/SidePanelStyles.ts
-    var h = (0, p.css)([ "", " position:fixed;flex-direction:column;box-shadow:", ";background-color:", ";z-index:", ";" ], m.mixins.reset("flex"), (0, 
+    var v = (0, p.css)([ "", " position:fixed;flex-direction:column;box-shadow:", ";background-color:", ";z-index:", ";" ], m.mixins.reset("flex"), (0, 
     m.pick)({
         enterprise: "0 0 12px rgba(0, 0, 0, 0.3)",
         prisma: m.variables.overlayShadow
     }), m.variables.backgroundColorSidebar, m.variables.zindexModal);
-    var v = y()(b()).withConfig({
+    var h = y()(b()).withConfig({
         displayName: "SidePanelStyles__StyledLeftPanelTransitionOpen",
         componentId: "mtbcuz-0"
-    })([ "", ";top:0;left:0;height:100vh;" ], h);
+    })([ "", ";top:0;left:0;height:100vh;" ], v);
     var g = y()(b()).withConfig({
         displayName: "SidePanelStyles__StyledRightPanelTransitionOpen",
         componentId: "mtbcuz-1"
-    })([ "", ";right:0;top:0;height:100vh;" ], h);
+    })([ "", ";right:0;top:0;height:100vh;" ], v);
     var O = y()(b()).withConfig({
         displayName: "SidePanelStyles__StyledTopPanelTransitionOpen",
         componentId: "mtbcuz-2"
-    })([ "", ";top:0;left:0;width:100vw;" ], h);
+    })([ "", ";top:0;left:0;width:100vw;" ], v);
     var S = y()(b()).withConfig({
         displayName: "SidePanelStyles__StyledBottomPanelTransitionOpen",
         componentId: "mtbcuz-3"
-    })([ "", ";left:0;bottom:0;width:100vw;" ], h);
+    })([ "", ";left:0;bottom:0;width:100vw;" ], v);
     // CONCATENATED MODULE: ./src/SidePanel/SidePanel.tsx
-    function w(e) {
+    function P(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            w = function e(t) {
+            P = function e(t) {
                 return typeof t;
             };
         } else {
-            w = function e(t) {
+            P = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return w(e);
+        return P(e);
     }
-    function P() {
-        P = Object.assign || function(e) {
+    function w() {
+        w = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -134,7 +134,7 @@
             }
             return e;
         };
-        return P.apply(this, arguments);
+        return w.apply(this, arguments);
     }
     function j(e) {
         return k(e) || _(e) || C(e) || A();
@@ -196,7 +196,7 @@
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function F(e, t) {
+    function R(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -205,9 +205,9 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function R(e, t, r) {
-        if (t) F(e.prototype, t);
-        if (r) F(e, r);
+    function F(e, t, r) {
+        if (t) R(e.prototype, t);
+        if (r) R(e, r);
         return e;
     }
     function M(e, t) {
@@ -231,7 +231,7 @@
         return N(e, t);
     }
     function I(e) {
-        var t = z();
+        var t = L();
         return function r() {
             var n = B(e), o;
             if (t) {
@@ -244,18 +244,18 @@
         };
     }
     function D(e, t) {
-        if (t && (w(t) === "object" || typeof t === "function")) {
+        if (t && (P(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return L(e);
+        return z(e);
     }
-    function L(e) {
+    function z(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function z() {
+    function L() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -316,17 +316,17 @@
             var o;
             q(this, r);
             o = t.call(this, e);
-            U(L(o), "handlePanelAnimationEnd", (function() {
+            U(z(o), "handlePanelAnimationEnd", (function() {
                 var e, t;
                 o.setState({
                     panelAnimating: false
                 });
                 (e = (t = o.props).onAnimationEnd) === null || e === void 0 ? void 0 : e.call(t);
             }));
-            U(L(o), "renderModal", (function() {
+            U(z(o), "renderModal", (function() {
                 var e = o.props, t = e.children, i = e.dockPosition, a = e.innerClassName, u = e.innerStyle, s = e.outerClassName, f = e.outerStyle;
                 var p = {
-                    left: v,
+                    left: h,
                     right: g,
                     top: O,
                     bottom: S
@@ -337,7 +337,7 @@
                     width: "100%"
                 };
                 
-                return n().createElement(p, P({
+                return n().createElement(p, w({
                     animateOnMount: true,
                     animation: H[i],
                     "data-test": "side-panel",
@@ -359,18 +359,19 @@
             };
             return o;
         }
-        R(r, [ {
+        F(r, [ {
             key: "render",
             value: function e() {
                 var t = this.props, r = t.open, o = t.onRequestClose, i = t.useLayerForClickAway;
                 var a = this.state.panelAnimating;
+                var l = i ? "interactive" : "visible";
                 
                 return n().createElement(f(), {
                     childrenInAnimation: a,
                     onRequestClose: o,
                     open: r,
                     renderModal: this.renderModal,
-                    useLayerForClickAway: i
+                    scrim: l
                 });
             }
         } ]);