@splunk/react-ui 5.0.0 → 5.2.0

package/Modal.js

@@ -69,25 +69,25 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/defer"
-    const a = require("lodash/defer");
-    var l =  e.n(a);
+    const o = require("lodash/defer");
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/memoize"
-    const u = require("lodash/memoize");
+    const a = require("lodash/memoize");
+    var l =  e.n(a);
+    // CONCATENATED MODULE: external "prop-types"
+    const u = require("prop-types");
     var c =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/ModalLayer"
     const s = require("@splunk/react-ui/ModalLayer");
     var f =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const d = require("@splunk/react-ui/usePrevious");
+    var p =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-    const d = require("@splunk/ui-utils/focus");
+    const v = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const p = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const v = require("@splunk/react-ui/usePrevious");
-    var b =  e.n(v);
+    const b = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
     const y = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "styled-components"
@@ -108,8 +108,8 @@
         prisma: w.variables.backgroundColorDialog
     }), w.variables.spacingMedium, w.variables.spacingXLarge);
     // CONCATENATED MODULE: ./src/Modal/Body.tsx
-    function j() {
-        return j = Object.assign ? Object.assign.bind() : function(e) {
+    function x() {
+        return x = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -117,12 +117,12 @@
                 }
             }
             return e;
-        }, j.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function C(e, r) {
-        return I(e) || E(e, r) || k(e, r) || x();
+    function j(e, r) {
+        return I(e) || E(e, r) || k(e, r) || C();
     }
-    function x() {
+    function C() {
         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) {
@@ -170,7 +170,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -180,26 +180,26 @@
         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 T = {
-        children: i().node
+        children: c().node
     };
     /**
  * A styled container for `Modal` body content.
  */    function A(e) {
         var r = e.children, o = q(e, [ "children" ]);
         // @docs-props-type BodyPropsBase
-                var i = (0, t.useState)(), a = C(i, 2), l = a[0], u = a[1];
+                var i = (0, t.useState)(), a = j(i, 2), l = a[0], u = a[1];
         var c = (0, t.useCallback)((function(e) {
             u(e);
         }), []);
         
-        return n().createElement(S, j({
+        return n().createElement(S, x({
             "data-test": "body"
         }, o, {
             elementRef: c
@@ -242,7 +242,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -252,15 +252,15 @@
         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 z = {
-        children: i().node,
-        layout: i().oneOf([ "auto", "none" ])
+        children: c().node,
+        layout: c().oneOf([ "auto", "none" ])
     };
     /**
  * A styled container for `Modal` footer content.
@@ -337,7 +337,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -347,18 +347,18 @@
         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 ie = {
-        children: i().node,
-        icon: i().node,
-        hideCloseButton: i().bool,
-        title: i().string,
-        subtitle: i().node
+        children: c().node,
+        icon: c().node,
+        hideCloseButton: c().bool,
+        title: c().string,
+        subtitle: c().node
     };
     var ae =  n().createElement(K(), {
         width: "20px",
@@ -493,7 +493,7 @@
         }, ge(e);
     }
     function he(e, r) {
-        return Ce(e) || je(e, r) || we(e, r) || Oe();
+        return je(e) || xe(e, r) || we(e, r) || Oe();
     }
     function Oe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -512,7 +512,7 @@
         }
         return n;
     }
-    function je(e, r) {
+    function xe(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, o, i, a, l = [], u = !0, c = !1;
@@ -534,16 +534,16 @@
             return l;
         }
     }
-    function Ce(e) {
+    function je(e) {
         if (Array.isArray(e)) return e;
     }
-    function xe(e, r) {
+    function Ce(e, r) {
         if (null == e) return {};
         var t, n, o = ke(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -553,37 +553,37 @@
         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;
     }
     /** @public */    var Pe = {
-        children: i().node,
-        closeOnClickAway: i().bool,
-        divider: i().oneOf([ "header", "footer", "both", "none" ]),
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        initialFocus: i().oneOfType([ i().object, i().oneOf([ "first", "container" ]) ]),
-        onRequestClose: i().func,
-        open: i().bool,
-        returnFocus: i().oneOfType([ i().func, i().object ]).isRequired
+        children: c().node,
+        closeOnClickAway: c().bool,
+        divider: c().oneOf([ "header", "footer", "both", "none" ]),
+        elementRef: c().oneOfType([ c().func, c().object ]),
+        initialFocus: c().oneOfType([ c().object, c().oneOf([ "first", "container" ]) ]),
+        onRequestClose: c().func,
+        open: c().bool,
+        returnFocus: c().oneOfType([ c().func, c().object ]).isRequired
     };
     function Ee(e) {
-        var r = e.children, o = e.closeOnClickAway, i = e.elementRef, a = e.divider, u = a === void 0 ? "both" : a, s = e.initialFocus, v = s === void 0 ? "first" : s, y = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, w = xe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
+        var r = e.children, o = e.closeOnClickAway, a = e.elementRef, u = e.divider, c = u === void 0 ? "both" : u, s = e.initialFocus, d = s === void 0 ? "first" : s, y = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, w = Ce(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
         // @docs-props-type ModalPropsBase
                 var S = (0, t.useRef)(null);
         // this timeout ensures that the Modal is finished rendering before setting the focus
-                var j;
-        var C = (0, t.useRef)(undefined);
-        var x = (0, t.useRef)(null);
+                var x;
+        var j = (0, t.useRef)(undefined);
+        var C = (0, t.useRef)(null);
         var k = (0, t.useState)((function() {
             return {
-                headerTitleId: (0, p.createDOMID)("titleId"),
-                headerSubtitleId: (0, p.createDOMID)("subtitleId")
+                headerTitleId: (0, b.createDOMID)("titleId"),
+                headerSubtitleId: (0, b.createDOMID)("subtitleId")
             };
         })), P = he(k, 1), E = P[0], I = E.headerTitleId, q = E.headerSubtitleId;
-        var _ = b()(g);
+        var _ = p()(g);
         var T = (0, t.useCallback)((function() {
             return {
                 top: 0
@@ -601,33 +601,33 @@
         }), [ g ]);
         var D = (0, t.useCallback)((function(e) {
             if (g) {
-                C.current = l()((function() {
+                j.current = i()((function() {
                     var e;
                     // not using the takeFocus() util here because it
                     // doesn't work for all values of "initialFocus"
                     // and it has a nested defer() call, which we want to avoid
-                                        if (x.current !== v) {
-                        if (v === "first") {
+                                        if (C.current !== d) {
+                        if (d === "first") {
                             if (S.current) {
                                 /* eslint-disable prefer-destructuring */
                                 /* prefer-desturucting leads to harder-to-read syntax in this case */
-                                e = (0, d.getSortedTabbableElements)(S.current)[0];
+                                e = (0, v.getSortedTabbableElements)(S.current)[0];
                                 /* eslint-enable prefer-destructuring */                            }
-                        } else if (v === "container") {
+                        } else if (d === "container") {
                             e = S.current;
-                        } else if (ge(v) === "object") {
-                            e = v;
+                        } else if (ge(d) === "object") {
+                            e = d;
                         }
                         // Typescript isn't happy with optional chaining here
                                                 if (e != null && "focus" in e) {
                             e.focus();
                         }
-                        x.current = v;
+                        C.current = d;
                     }
                 }));
             } else {
-                x.current = null;
-                clearTimeout(C.current);
+                C.current = null;
+                clearTimeout(j.current);
                 if (e) {
                     /**
          * We return focus to the invoking element here instead of in `handleRequestClose` because users can
@@ -637,7 +637,7 @@
                         if (typeof h === "function") {
                             h();
                         } else {
-                            l()((function() {
+                            i()((function() {
                                 var e, r;
                                 (e = h.current) === null || e === void 0 ? void 0 : (r = e.focus) === null || r === void 0 ? void 0 : r.call(e);
                             }));
@@ -645,37 +645,37 @@
                     }
                 }
             }
-        }), [ v, g, h ]);
+        }), [ d, g, h ]);
         (0, t.useEffect)((function() {
-            if (x.current !== v) {
+            if (C.current !== d) {
                 // cancel the defer() set up in handleInitialFocus()
                 // so that focus won't jump around if "initialFocus" changes
-                clearTimeout(C.current);
+                clearTimeout(j.current);
             }
             D(_);
-        }), [ D, v, g, j, _ ]);
+        }), [ D, d, g, x, _ ]);
         var M = (0, t.useCallback)((function(e) {
             S.current = e;
-            fe(i, e);
-        }), [ i, S ]);
+            fe(a, e);
+        }), [ a, S ]);
         var R = function e(r) {
             if (S.current !== null) {
-                (0, d.handleTab)(S.current, r.nativeEvent);
+                (0, v.handleTab)(S.current, r.nativeEvent);
             }
         };
         var B = (0, t.useCallback)((function(e) {
-            x.current = null;
+            C.current = null;
             y === null || y === void 0 ? void 0 : y(e);
         }), [ y ]);
         var F = (0, t.useMemo)((function() {
             return {
-                divider: u,
+                divider: c,
                 onRequestClose: y,
                 subtitleId: q,
                 titleId: I
             };
-        }), [ u, y, I, q ]);
-        var L = c()((function(e) {
+        }), [ c, y, I, q ]);
+        var L = l()((function(e) {
             var r = e.opacity, t = e.modalStyle, n = e.top;
             return ve(ve({}, t), {}, {
                 opacity: r,

package/ModalLayer.js

@@ -74,16 +74,16 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/Layer"
     const u = require("@splunk/react-ui/Layer");
     var l =  e.n(u);
-    // CONCATENATED MODULE: external "styled-components"
-    const c = require("styled-components");
-    var s =  e.n(c);
     // CONCATENATED MODULE: external "@react-spring/web"
-    const f = require("@react-spring/web");
+    const c = require("@react-spring/web");
+    // CONCATENATED MODULE: external "styled-components"
+    const s = require("styled-components");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/themes"
     const y = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ModalLayer/ModalLayerStyles.ts
-    var v = (0, c.css)([ "", ";position:fixed;top:0;right:0;bottom:0;left:0;" ], y.mixins.reset("block"));
-    var p = s()(f.animated.div).withConfig({
+    var v = (0, s.css)([ "", ";position:fixed;top:0;right:0;bottom:0;left:0;" ], y.mixins.reset("block"));
+    var p = f()(c.animated.div).withConfig({
         displayName: "ModalLayerStyles__StyledClickAwayOverlay",
         componentId: "sc-1sa3n1j-0"
     })([ "", ";background-color:", ";z-index:", ";" ], v, y.variables.backgroundColorScrim, y.variables.zindexModalBackdrop);