@splunk/react-ui 5.7.1 → 5.9.0

package/Modal.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
             /******/;
-            e.d(t, {
-                a: t
+            e.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
@@ -56,19 +56,19 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var t = {};
     // ESM COMPAT FLAG
-        e.r(r);
+        e.r(t);
     // EXPORTS
-        e.d(r, {
+        e.d(t, {
         Body: () => /* reexport */ D,
         Footer: () => /* reexport */ V,
         Header: () => /* reexport */ ue,
-        default: () => /* reexport */ Ie
+        default: () => /* reexport */ _e
     });
     // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var n =  e.n(t);
+    const r = require("react");
+    var n =  e.n(r);
     // CONCATENATED MODULE: external "lodash/defer"
     const o = require("lodash/defer");
     var i =  e.n(o);
@@ -85,11 +85,11 @@
     const d = require("@splunk/react-ui/usePrevious");
     var p =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-    const v = require("@splunk/ui-utils/focus");
+    const y = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const b = require("@splunk/ui-utils/id");
+    const v = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
-    const y = require("@splunk/react-ui/ScrollContainerContext");
+    const b = require("@splunk/react-ui/ScrollContainerContext");
     // CONCATENATED MODULE: external "styled-components"
     const m = require("styled-components");
     var g =  e.n(m);
@@ -97,63 +97,59 @@
     const h = require("@splunk/react-ui/Box");
     var O =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const w = require("@splunk/themes");
+    const S = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Modal/BodyStyles.ts
-    var S = g()(O()).withConfig({
+    var w = g()(O()).withConfig({
         displayName: "BodyStyles__StyledBox",
         componentId: "lv54z7-0"
-    })([ "background-color:", ";padding:", " ", ";flex:0 1 auto;overflow:auto;" ], (0, 
-    w.pick)({
-        enterprise: w.variables.backgroundColor,
-        prisma: w.variables.backgroundColorDialog
-    }), w.variables.spacingMedium, w.variables.spacingXLarge);
+    })([ "background-color:", ";padding:", " ", ";flex:0 1 auto;overflow:auto;" ], S.variables.backgroundColorDialog, S.variables.spacingMedium, S.variables.spacingXLarge);
     // CONCATENATED MODULE: ./src/Modal/Body.tsx
     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) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
         }, x.apply(null, arguments);
     }
-    function j(e, r) {
-        return I(e) || E(e, r) || k(e, r) || C();
+    function j(e, t) {
+        return I(e) || E(e, t) || k(e, t) || C();
     }
     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) {
+    function k(e, t) {
         if (e) {
-            if ("string" == typeof e) return P(e, r);
-            var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? P(e, r) : void 0;
+            if ("string" == typeof e) return P(e, t);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? P(e, t) : void 0;
         }
     }
-    function P(e, r) {
-        (null == r || r > e.length) && (r = e.length);
-        for (var t = 0, n = Array(r); t < r; t++) {
-            n[t] = e[t];
+    function P(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var r = 0, n = Array(t); r < t; r++) {
+            n[r] = e[r];
         }
         return n;
     }
-    function E(e, r) {
-        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != t) {
+    function E(e, t) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
             var n, o, i, a, l = [], u = !0, c = !1;
             try {
-                if (i = (t = t.call(e)).next, 0 === r) {
-                    if (Object(t) !== t) return;
+                if (i = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
                     u = !1;
-                } else for (;!(u = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
+                } else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
                 }
             } catch (e) {
                 c = !0, o = e;
             } finally {
                 try {
-                    if (!u && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
+                    if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
                 } finally {
                     if (c) throw o;
                 }
@@ -164,27 +160,27 @@
     function I(e) {
         if (Array.isArray(e)) return e;
     }
-    function q(e, r) {
+    function q(e, t) {
         if (null == e) return {};
-        var t, n, o = _(e, r);
+        var r, n, o = _(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function _(e, r) {
+    function _(e, t) {
         if (null == e) return {};
-        var t = {};
+        var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (-1 !== r.indexOf(n)) continue;
-                t[n] = e[n];
+                if (-1 !== t.indexOf(n)) continue;
+                r[n] = e[n];
             }
         }
-        return t;
+        return r;
     }
     var T = {
         children: c().node
@@ -192,20 +188,20 @@
     /**
  * A styled container for `Modal` body content.
  */    function A(e) {
-        var r = e.children, o = q(e, [ "children" ]);
+        var t = e.children, o = q(e, [ "children" ]);
         // @docs-props-type BodyPropsBase
-                var i = (0, t.useState)(), a = j(i, 2), l = a[0], u = a[1];
-        var c = (0, t.useCallback)((function(e) {
+                var i = (0, r.useState)(), a = j(i, 2), l = a[0], u = a[1];
+        var c = (0, r.useCallback)((function(e) {
             u(e);
         }), []);
         
-        return n().createElement(S, x({
+        return n().createElement(w, x({
             "data-test": "body"
         }, o, {
-            elementRef: c
-        }),  n().createElement(y.ScrollContainerProvider, {
+            ref: c
+        }),  n().createElement(b.ScrollContainerProvider, {
             value: l
-        }, r));
+        }, t));
     }
     A.propTypes = T;
     /* harmony default export */    const D = A;
@@ -216,47 +212,47 @@
     var B = g().div.withConfig({
         displayName: "FooterStyles__StyledDiv",
         componentId: "yszcmv-0"
-    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& >:is(button,a){min-width:80px;}", "" ], w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.backgroundColorDialog, (0, 
-    w.pickVariant)("$layout", {
-        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,a,*){flex:0 0 auto;}& >:not(button,a){margin-right:auto;}&:has(:is(button,a) +:is(button,a) +:is(button,a)) >:is(button,a):first-child{margin-right:auto;}" ], w.variables.spacingSmall),
+    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& >:is(button,a){min-width:80px;}", "" ], S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.backgroundColorDialog, (0, 
+    S.pickVariant)("$layout", {
+        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,a,*){flex:0 0 auto;}& >:not(button,a){margin-right:auto;}&:has(:is(button,a) +:is(button,a) +:is(button,a)) >:is(button,a):first-child{margin-right:auto;}" ], S.variables.spacingSmall),
         none: (0, m.css)([ "text-align:right;" ])
     }));
     // CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
-    var F =  (0, t.createContext)({});
+    var F =  (0, r.createContext)({});
     /* harmony default export */    const N = F;
     // CONCATENATED MODULE: ./src/Modal/Footer.tsx
     function L() {
         return L = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
         }, L.apply(null, arguments);
     }
-    function H(e, r) {
+    function H(e, t) {
         if (null == e) return {};
-        var t, n, o = X(e, r);
+        var r, n, o = X(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function X(e, r) {
+    function X(e, t) {
         if (null == e) return {};
-        var t = {};
+        var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (-1 !== r.indexOf(n)) continue;
-                t[n] = e[n];
+                if (-1 !== t.indexOf(n)) continue;
+                r[n] = e[n];
             }
         }
-        return t;
+        return r;
     }
     var z = {
         children: c().node,
@@ -265,9 +261,9 @@
     /**
  * A styled container for `Modal` footer content.
  */    function $(e) {
-        var r = e.children, o = e.layout, i = o === void 0 ? "auto" : o, a = H(e, [ "children", "layout" ]);
+        var t = e.children, o = e.layout, i = o === void 0 ? "auto" : o, a = H(e, [ "children", "layout" ]);
         // @docs-props-type FooterPropsBase
-                var l = (0, t.useContext)(N), u = l.divider;
+                var l = (0, r.useContext)(N), u = l.divider;
         var c = u === "both" || u === "footer";
         
         return n().createElement(n().Fragment, null, c &&  n().createElement(R(), {
@@ -276,7 +272,7 @@
         }),  n().createElement(B, L({
             "data-test": "footer",
             $layout: i
-        }, a), r));
+        }, a), t));
     }
     $.propTypes = z;
     /* harmony default export */    const V = $;
@@ -292,66 +288,63 @@
     var Q = g()(O()).withConfig({
         displayName: "HeaderStyles__Styled",
         componentId: "sc-1y722ut-0"
-    })([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", " ", ";gap:", ";" ], w.mixins.reset("flex"), (0, 
-    w.pick)({
+    })([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", " ", ";gap:", ";" ], S.mixins.reset("flex"), (0, 
+    S.pick)({
         enterprise: "30px",
         prisma: {
             comfortable: "60px",
             compact: "52px"
         }
-    }), (0, w.pick)({
-        enterprise: w.variables.backgroundColor,
-        prisma: w.variables.backgroundColorDialog
-    }), w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.spacingSmall);
+    }), S.variables.backgroundColorDialog, S.variables.spacingLarge, S.variables.spacingXLarge, S.variables.spacingSmall);
     var Y = g().div.withConfig({
         displayName: "HeaderStyles__StyledTitleWrapper",
         componentId: "sc-1y722ut-1"
-    })([ "", ";flex-direction:column;align-self:center;margin-right:auto;" ], w.mixins.reset("flex"));
+    })([ "", ";flex-direction:column;align-self:center;margin-right:auto;" ], S.mixins.reset("flex"));
     var Z = g().h2.withConfig({
         displayName: "HeaderStyles__StyledTitle",
         componentId: "sc-1y722ut-2"
-    })([ "", ";", " margin:0;overflow-wrap:break-word;" ], w.mixins.reset("block"), w.mixins.typography("title3"));
+    })([ "", ";", " margin:0;overflow-wrap:break-word;" ], S.mixins.reset("block"), S.mixins.typography("title3"));
     var ee = g().p.withConfig({
         displayName: "HeaderStyles__StyledSubtitle",
         componentId: "sc-1y722ut-3"
-    })([ "", ";overflow-wrap:break-word;" ], w.mixins.reset("block"));
-    var re = g()(J()).withConfig({
+    })([ "", ";overflow-wrap:break-word;" ], S.mixins.reset("block"));
+    var te = g()(J()).withConfig({
         displayName: "HeaderStyles__StyledButton",
         componentId: "sc-1y722ut-4"
     })([ "flex-shrink:0;flex-grow:0;align-self:flex-start;margin-left:auto;" ]);
     // CONCATENATED MODULE: ./src/Modal/Header.tsx
-    function te() {
-        return te = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    function re() {
+        return re = Object.assign ? Object.assign.bind() : function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        }, te.apply(null, arguments);
+        }, re.apply(null, arguments);
     }
-    function ne(e, r) {
+    function ne(e, t) {
         if (null == e) return {};
-        var t, n, o = oe(e, r);
+        var r, n, o = oe(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function oe(e, r) {
+    function oe(e, t) {
         if (null == e) return {};
-        var t = {};
+        var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (-1 !== r.indexOf(n)) continue;
-                t[n] = e[n];
+                if (-1 !== t.indexOf(n)) continue;
+                r[n] = e[n];
             }
         }
-        return t;
+        return r;
     }
     var ie = {
         children: c().node,
@@ -367,36 +360,36 @@
     /**
  * A styled container for `Modal` header content.
  */    function le(e) {
-        var r = e.children, o = e.icon, i = e.hideCloseButton, a = i === void 0 ? false : i, l = e.title, u = e.subtitle, c = ne(e, [ "children", "icon", "hideCloseButton", "title", "subtitle" ]);
+        var t = e.children, o = e.icon, i = e.hideCloseButton, a = i === void 0 ? false : i, l = e.title, u = e.subtitle, c = ne(e, [ "children", "icon", "hideCloseButton", "title", "subtitle" ]);
         // @docs-props-type HeaderPropsBase
-                var s = (0, t.useContext)(N), f = s.titleId, d = s.subtitleId, p = s.divider, v = s.onRequestClose;
-        var b = p === "both" || p === "header";
-        var y =  (0, t.isValidElement)(o) &&  (0, t.cloneElement)(o, {
+                var s = (0, r.useContext)(N), f = s.titleId, d = s.subtitleId, p = s.divider, y = s.onRequestClose;
+        var v = p === "both" || p === "header";
+        var b =  (0, r.isValidElement)(o) &&  (0, r.cloneElement)(o, {
             width: o.props.width || "48px",
             height: o.props.height || "48px"
         });
-        var m = (0, t.useCallback)((function(e) {
-            v === null || v === void 0 ? void 0 : v({
+        var m = (0, r.useCallback)((function(e) {
+            y === null || y === void 0 ? void 0 : y({
                 event: e,
                 reason: "clickCloseButton"
             });
-        }), [ v ]);
+        }), [ y ]);
         
-        return n().createElement(n().Fragment, null,  n().createElement(Q, te({
+        return n().createElement(n().Fragment, null,  n().createElement(Q, re({
             "data-test": "header"
-        }, c), y, l ?  n().createElement(Y, null, l &&  n().createElement(Z, {
+        }, c), b, l ?  n().createElement(Y, null, l &&  n().createElement(Z, {
             id: f,
             "data-test": "title"
         }, l), u &&  n().createElement(ee, {
             id: d,
             "data-test": "subtitle"
-        }, u)) : r, !a && v &&  n().createElement(re, {
+        }, u)) : t, !a && y &&  n().createElement(te, {
             appearance: "subtle",
             "aria-label": (0, W._)("Close"),
             "data-test": "close",
             icon: ae,
             onClick: m
-        })), b &&  n().createElement(R(), {
+        })), v &&  n().createElement(R(), {
             appearance: "weak",
             decorative: true
         }));
@@ -409,7 +402,36 @@
     var se = g()(ce.animated.div).withConfig({
         displayName: "ModalStyles__Styled",
         componentId: "sc-5fn8ds-0"
-    })([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], w.mixins.reset("flex"), w.variables.zindexModal, w.variables.modalShadow, w.variables.spacingXLarge, w.variables.spacingXLarge, w.variables.borderRadius);
+    })([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], S.mixins.reset("flex"), S.variables.zindexModal, S.variables.modalShadow, S.variables.spacingXLarge, S.variables.spacingXLarge, S.variables.borderRadius);
+    // CONCATENATED MODULE: ./src/utils/resolveInitialFocusTarget.ts
+    function fe(e) {
+        "@babel/helpers - typeof";
+        return fe = "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;
+        }, fe(e)
+        /**
+ * Resolves the initial focus target based on the initialFocus prop value.
+ *
+ * @param initialFocus - The initialFocus prop value ('first', 'container', HTMLElement, or React.Component with focus method)
+ * @param containerEl - The container element to use for 'first' and 'container' options
+ * @returns The element or component to focus, or null if none found
+ */;
+    }
+    function de(e, t) {
+        if (e === "first" && t) {
+            var r;
+            return (r = (0, y.getSortedTabbableElements)(t)[0]) !== null && r !== void 0 ? r : null;
+        }
+        if (e === "container") {
+            return t;
+        }
+        if (fe(e) === "object") {
+            return e;
+        }
+        return null;
+    }
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -417,116 +439,116 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function fe(e, r) {
+    function pe(e, t) {
         if (e) {
             if (typeof e === "function") {
-                e(r);
+                e(t);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = r;
+                e.current = t;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/Modal/Modal.tsx
-    function de() {
-        return de = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    function ye(e) {
+        "@babel/helpers - typeof";
+        return ye = "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;
+        }, ye(e);
+    }
+    function ve() {
+        return ve = Object.assign ? Object.assign.bind() : function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        }, de.apply(null, arguments);
+        }, ve.apply(null, arguments);
     }
-    function pe(e, r) {
-        var t = Object.keys(e);
+    function be(e, t) {
+        var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            r && (n = n.filter((function(r) {
-                return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }))), t.push.apply(t, n);
+            t && (n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }))), r.push.apply(r, n);
         }
-        return t;
-    }
-    function ve(e) {
-        for (var r = 1; r < arguments.length; r++) {
-            var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? pe(Object(t), !0).forEach((function(r) {
-                be(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : pe(Object(t)).forEach((function(r) {
-                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        return r;
+    }
+    function me(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? be(Object(r), !0).forEach((function(t) {
+                ge(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function be(e, r, t) {
-        return (r = ye(r)) in e ? Object.defineProperty(e, r, {
-            value: t,
+    function ge(e, t, r) {
+        return (t = he(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[r] = t, e;
-    }
-    function ye(e) {
-        var r = me(e, "string");
-        return "symbol" == ge(r) ? r : r + "";
-    }
-    function me(e, r) {
-        if ("object" != ge(e) || !e) return e;
-        var t = e[Symbol.toPrimitive];
-        if (void 0 !== t) {
-            var n = t.call(e, r || "default");
-            if ("object" != ge(n)) return n;
+        }) : e[t] = r, e;
+    }
+    function he(e) {
+        var t = Oe(e, "string");
+        return "symbol" == ye(t) ? t : t + "";
+    }
+    function Oe(e, t) {
+        if ("object" != ye(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != ye(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === r ? String : Number)(e);
-    }
-    function ge(e) {
-        "@babel/helpers - typeof";
-        return ge = "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;
-        }, ge(e);
+        return ("string" === t ? String : Number)(e);
     }
-    function he(e, r) {
-        return je(e) || xe(e, r) || we(e, r) || Oe();
+    function Se(e, t) {
+        return ke(e) || Ce(e, t) || xe(e, t) || we();
     }
-    function Oe() {
+    function we() {
         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 we(e, r) {
+    function xe(e, t) {
         if (e) {
-            if ("string" == typeof e) return Se(e, r);
-            var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Se(e, r) : void 0;
+            if ("string" == typeof e) return je(e, t);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? je(e, t) : void 0;
         }
     }
-    function Se(e, r) {
-        (null == r || r > e.length) && (r = e.length);
-        for (var t = 0, n = Array(r); t < r; t++) {
-            n[t] = e[t];
+    function je(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var r = 0, n = Array(t); r < t; r++) {
+            n[r] = e[r];
         }
         return n;
     }
-    function xe(e, r) {
-        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != t) {
+    function Ce(e, t) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
             var n, o, i, a, l = [], u = !0, c = !1;
             try {
-                if (i = (t = t.call(e)).next, 0 === r) {
-                    if (Object(t) !== t) return;
+                if (i = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
                     u = !1;
-                } else for (;!(u = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
+                } else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
                 }
             } catch (e) {
                 c = !0, o = e;
             } finally {
                 try {
-                    if (!u && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
+                    if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
                 } finally {
                     if (c) throw o;
                 }
@@ -534,32 +556,32 @@
             return l;
         }
     }
-    function je(e) {
+    function ke(e) {
         if (Array.isArray(e)) return e;
     }
-    function Ce(e, r) {
+    function Pe(e, t) {
         if (null == e) return {};
-        var t, n, o = ke(e, r);
+        var r, n, o = Ee(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function ke(e, r) {
+    function Ee(e, t) {
         if (null == e) return {};
-        var t = {};
+        var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (-1 !== r.indexOf(n)) continue;
-                t[n] = e[n];
+                if (-1 !== t.indexOf(n)) continue;
+                r[n] = e[n];
             }
         }
-        return t;
+        return r;
     }
-    /** @public */    var Pe = {
+    /** @public */    var Ie = {
         children: c().node,
         closeOnClickAway: c().bool,
         divider: c().oneOf([ "header", "footer", "both", "none" ]),
@@ -569,27 +591,27 @@
         open: c().bool,
         returnFocus: c().oneOfType([ c().func, c().object ]).isRequired
     };
-    function Ee(e) {
-        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" ]);
+    function qe(e) {
+        var t = 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, b = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, S = Pe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
         // @docs-props-type ModalPropsBase
-                var S = (0, t.useRef)(null);
+                var w = (0, r.useRef)(null);
         // this timeout ensures that the Modal is finished rendering before setting the focus
                 var x;
-        var j = (0, t.useRef)(undefined);
-        var C = (0, t.useRef)(null);
-        var k = (0, t.useState)((function() {
+        var j = (0, r.useRef)(undefined);
+        var C = (0, r.useRef)(null);
+        var k = (0, r.useState)((function() {
             return {
-                headerTitleId: (0, b.createDOMID)("titleId"),
-                headerSubtitleId: (0, b.createDOMID)("subtitleId")
+                headerTitleId: (0, v.createDOMID)("titleId"),
+                headerSubtitleId: (0, v.createDOMID)("subtitleId")
             };
-        })), P = he(k, 1), E = P[0], I = E.headerTitleId, q = E.headerSubtitleId;
+        })), P = Se(k, 1), E = P[0], I = E.headerTitleId, q = E.headerSubtitleId;
         var _ = p()(g);
-        var T = (0, t.useCallback)((function() {
+        var T = (0, r.useCallback)((function() {
             return {
                 top: 0
             };
         }), []);
-        var A = (0, t.useCallback)((function() {
+        var A = (0, r.useCallback)((function() {
             if (g) {
                 return {
                     top: 40
@@ -599,25 +621,14 @@
                 top: 0
             };
         }), [ g ]);
-        var D = (0, t.useCallback)((function(e) {
+        var D = (0, r.useCallback)((function(e) {
             if (g) {
                 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 (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, v.getSortedTabbableElements)(S.current)[0];
-                                /* eslint-enable prefer-destructuring */                            }
-                        } else if (d === "container") {
-                            e = S.current;
-                        } else if (ge(d) === "object") {
-                            e = d;
-                        }
+                    if (C.current !== d) {
+                        var e = de(d, w.current);
                         // Typescript isn't happy with optional chaining here
                                                 if (e != null && "focus" in e) {
                             e.focus();
@@ -638,15 +649,15 @@
                             h();
                         } else {
                             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);
+                                var e, t;
+                                (e = h.current) === null || e === void 0 ? void 0 : (t = e.focus) === null || t === void 0 ? void 0 : t.call(e);
                             }));
                         }
                     }
                 }
             }
         }), [ d, g, h ]);
-        (0, t.useEffect)((function() {
+        (0, r.useEffect)((function() {
             if (C.current !== d) {
                 // cancel the defer() set up in handleInitialFocus()
                 // so that focus won't jump around if "initialFocus" changes
@@ -654,39 +665,39 @@
             }
             D(_);
         }), [ D, d, g, x, _ ]);
-        var M = (0, t.useCallback)((function(e) {
-            S.current = e;
-            fe(a, e);
-        }), [ a, S ]);
-        var R = function e(r) {
-            if (S.current !== null) {
-                (0, v.handleTab)(S.current, r.nativeEvent);
+        var M = (0, r.useCallback)((function(e) {
+            w.current = e;
+            pe(a, e);
+        }), [ a, w ]);
+        var R = function e(t) {
+            if (w.current !== null) {
+                (0, y.handleTab)(w.current, t.nativeEvent);
             }
         };
-        var B = (0, t.useCallback)((function(e) {
+        var B = (0, r.useCallback)((function(e) {
             C.current = null;
-            y === null || y === void 0 ? void 0 : y(e);
-        }), [ y ]);
-        var F = (0, t.useMemo)((function() {
+            b === null || b === void 0 ? void 0 : b(e);
+        }), [ b ]);
+        var F = (0, r.useMemo)((function() {
             return {
                 divider: c,
-                onRequestClose: y,
+                onRequestClose: b,
                 subtitleId: q,
                 titleId: I
             };
-        }), [ c, y, I, q ]);
+        }), [ c, b, I, q ]);
         var L = l()((function(e) {
-            var r = e.opacity, t = e.modalStyle, n = e.top;
-            return ve(ve({}, t), {}, {
-                opacity: r,
+            var t = e.opacity, r = e.modalStyle, n = e.top;
+            return me(me({}, r), {}, {
+                opacity: t,
                 top: n
             });
         }));
-        var H = (0, t.useCallback)((function(e) {
+        var H = (0, r.useCallback)((function(e) {
             var o = e.top, i = e.opacity;
-            var a = t.Children.toArray(r).filter(t.isValidElement);
+            var a = r.Children.toArray(t).filter(r.isValidElement);
             
-            return n().createElement(se, de({
+            return n().createElement(se, ve({
                 ref: M,
                 "data-test": "modal",
                 style: L({
@@ -699,10 +710,10 @@
                 role: "dialog",
                 "aria-labelledby": I,
                 "aria-describedby": q
-            }, w),  n().createElement(N.Provider, {
+            }, S),  n().createElement(N.Provider, {
                 value: F
             }, a));
-        }), [ r, L, M, I, q, w, O, F ]);
+        }), [ t, L, M, I, q, S, O, F ]);
         var X = o ? "interactive" : "visible";
         
         return n().createElement(f(), {
@@ -714,11 +725,11 @@
             scrim: X
         });
     }
-    Ee.propTypes = Pe;
-    Ee.Header = ue;
-    Ee.Footer = V;
-    Ee.Body = D;
-    /* harmony default export */    const Ie = Ee;
+    qe.propTypes = Ie;
+    qe.Header = ue;
+    qe.Footer = V;
+    qe.Body = D;
+    /* harmony default export */    const _e = qe;
     // CONCATENATED MODULE: ./src/Modal/index.ts
-    module.exports = r;
+    module.exports = t;
     /******/})();