@splunk/react-ui 4.32.0 → 4.34.0

package/Modal.js

@@ -63,8 +63,8 @@
         e.d(t, {
         Body: () => /* reexport */ R,
         Footer: () => /* reexport */ V,
-        Header: () => /* reexport */ ce,
-        default: () => /* reexport */ Re
+        Header: () => /* reexport */ ye,
+        default: () => /* reexport */ Le
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -102,7 +102,7 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const w = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Modal/BodyStyles.ts
-    var j = x()(S()).withConfig({
+    var k = x()(S()).withConfig({
         displayName: "BodyStyles__StyledBox",
         componentId: "lv54z7-0"
     })([ "background-color:", ";", " flex:0 1 auto;overflow:auto;" ], (0, w.pick)({
@@ -119,8 +119,8 @@
         }
     }));
     // CONCATENATED MODULE: ./src/Modal/Body.tsx
-    function k() {
-        k = Object.assign || function(e) {
+    function j() {
+        j = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -131,30 +131,30 @@
             }
             return e;
         };
-        return k.apply(this, arguments);
+        return j.apply(this, arguments);
     }
-    function I(e, t) {
-        return M(e) || E(e, t) || P(e, t) || C();
+    function C(e, t) {
+        return T(e) || P(e, t) || _(e, t) || I();
     }
-    function C() {
+    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.");
     }
-    function P(e, t) {
+    function _(e, t) {
         if (!e) return;
-        if (typeof e === "string") return _(e, t);
+        if (typeof e === "string") return E(e, t);
         var r = Object.prototype.toString.call(e).slice(8, -1);
         if (r === "Object" && e.constructor) r = e.constructor.name;
         if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return _(e, t);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return E(e, t);
     }
-    function _(e, t) {
+    function E(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var r = 0, n = new Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function E(e, t) {
+    function P(e, t) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var r = [];
         var n = true;
@@ -177,10 +177,10 @@
         }
         return r;
     }
-    function M(e) {
+    function T(e) {
         if (Array.isArray(e)) return e;
     }
-    function T(e, t) {
+    function M(e, t) {
         if (e == null) return {};
         var r = q(e, t);
         var n, o;
@@ -213,14 +213,14 @@
     /**
  * A styled container for `Modal` body content.
  */    function D(e) {
-        var t = e.children, o = T(e, [ "children" ]);
+        var t = e.children, o = M(e, [ "children" ]);
         // @docs-props-type BodyPropsBase
-                var i = (0, r.useState)(), a = I(i, 2), l = a[0], c = a[1];
+                var i = (0, r.useState)(), a = C(i, 2), l = a[0], c = a[1];
         var s = (0, r.useCallback)((function(e) {
             c(e);
         }), []);
         
-        return n().createElement(j, k({
+        return n().createElement(k, j({
             "data-test": "body"
         }, o, {
             elementRef: s
@@ -232,14 +232,14 @@
     /* harmony default export */    const R = D;
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
     const A = require("@splunk/react-ui/Divider");
-    var B =  e.n(A);
+    var H =  e.n(A);
     // CONCATENATED MODULE: ./src/Modal/FooterStyles.ts
-    var H = x()(S()).withConfig({
+    var B = x()(S()).withConfig({
         displayName: "FooterStyles__StyledBox",
         componentId: "yszcmv-0"
     })([ "flex:0 0 auto;text-align:right;padding:", ";background-color:", ";& > button{min-width:80px;}" ], (0, 
     w.pick)({
-        enterprise: w.variables.spacing,
+        enterprise: w.variables.spacingLarge,
         prisma: {
             comfortable: "24px",
             compact: "18px 24px"
@@ -304,19 +304,27 @@
                 var i = (0, r.useContext)(z), a = i.divider;
         var l = a === "both" || a === "footer";
         
-        return n().createElement(n().Fragment, null, l &&  n().createElement(B(), {
+        return n().createElement(n().Fragment, null, l &&  n().createElement(H(), {
             "aria-hidden": true
-        }),  n().createElement(H, L({
+        }),  n().createElement(B, L({
             "data-test": "footer"
         }, o), t));
     }
     U.propTypes = K;
     /* harmony default export */    const V = U;
-    // CONCATENATED MODULE: external "@splunk/react-ui/CloseButton"
-    const W = require("@splunk/react-ui/CloseButton");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
+    const W = require("@splunk/react-icons/Cross");
     var G =  e.n(W);
+    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
+    const J = require("@splunk/react-icons/enterprise/Close");
+    var Q =  e.n(J);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const Y = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
+    const Z = require("@splunk/react-ui/ButtonSimple");
+    var ee =  e.n(Z);
     // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
-    var J = x()(S()).withConfig({
+    var te = x()(S()).withConfig({
         displayName: "HeaderStyles__StyledBox",
         componentId: "sc-1y722ut-0"
     })([ "", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", ";align-items:flex-start;padding-right:", ";" ], w.mixins.reset("flex"), (0, 
@@ -345,11 +353,11 @@
             }
         });
     }));
-    var Q = x().div.withConfig({
+    var re = x().div.withConfig({
         displayName: "HeaderStyles__StyledTitleWrapper",
         componentId: "sc-1y722ut-1"
     })([ "", ";flex-direction:column;align-self:center;" ], w.mixins.reset("flex"));
-    var Y = x().div.withConfig({
+    var ne = x().div.withConfig({
         displayName: "HeaderStyles__StyledIcon",
         componentId: "sc-1y722ut-2"
     })([ "", ";align-items:center;justify-content:center;margin-right:", ";background-color:", ";width:", ";height:", ";flex-shrink:0;" ], w.mixins.reset("inline-flex"), w.variables.spacingLarge, w.variables.transparent, (0, 
@@ -360,7 +368,7 @@
         comfortable: "40px",
         compact: "32px"
     }));
-    var Z = x().div.withConfig({
+    var oe = x().h2.withConfig({
         displayName: "HeaderStyles__StyledTitle",
         componentId: "sc-1y722ut-3"
     })([ "", ";", " margin:0;overflow-wrap:break-word;" ], w.mixins.reset("block"), (0, 
@@ -378,11 +386,11 @@
             lineHeight: 24
         }))
     }));
-    var ee = x().div.withConfig({
+    var ie = x().p.withConfig({
         displayName: "HeaderStyles__StyledSubtitle",
         componentId: "sc-1y722ut-4"
     })([ "", ";overflow-wrap:break-word;" ], w.mixins.reset("block"));
-    var te = x().div.withConfig({
+    var ae = x().div.withConfig({
         displayName: "HeaderStyles__StyledButtonsWrapper",
         componentId: "sc-1y722ut-5"
     })([ "", ";position:absolute;top:", ";right:", ";bottom:50%;", " max-height:35px;transform-origin:bottom right;transform:rotate(-90deg) translateX(100%);" ], w.mixins.reset("block"), (0, 
@@ -404,13 +412,17 @@
             compact: (0, g.css)([ "min-height:30px;" ])
         }
     }));
-    var re = x().div.withConfig({
+    var le = x().div.withConfig({
         displayName: "HeaderStyles__StyledClose",
         componentId: "sc-1y722ut-6"
     })([ "", ";position:absolute;right:0;top:0;transform:rotate(90deg) translate(-50%,-50%);" ], w.mixins.reset("block"));
+    var ce = x()(ee()).withConfig({
+        displayName: "HeaderStyles__StyledButtonSimple",
+        componentId: "sc-1y722ut-7"
+    })([ "float:right;width:", ";height:", ";text-align:center;" ], w.variables.inputHeight, w.variables.inputHeight);
     // CONCATENATED MODULE: ./src/Modal/Header.tsx
-    function ne() {
-        ne = Object.assign || function(e) {
+    function se() {
+        se = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -421,11 +433,11 @@
             }
             return e;
         };
-        return ne.apply(this, arguments);
+        return se.apply(this, arguments);
     }
-    function oe(e, t) {
+    function ue(e, t) {
         if (e == null) return {};
-        var r = ie(e, t);
+        var r = pe(e, t);
         var n, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -438,7 +450,7 @@
         }
         return r;
     }
-    function ie(e, t) {
+    function pe(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -450,7 +462,7 @@
         }
         return r;
     }
-    var ae = {
+    var fe = {
         children: i().node,
         icon: i().node,
         onRequestClose: i().func,
@@ -459,39 +471,52 @@
     };
     /**
  * A styled container for `Modal` header content.
- */    function le(e) {
-        var t = e.children, o = e.icon, i = e.onRequestClose, a = e.subtitle, l = e.title, c = oe(e, [ "children", "icon", "onRequestClose", "subtitle", "title" ]);
+ */    function de(e) {
+        var t = e.children, o = e.icon, i = e.onRequestClose, a = e.subtitle, l = e.title, c = ue(e, [ "children", "icon", "onRequestClose", "subtitle", "title" ]);
         // @docs-props-type StepPropsBase
                 var s = (0, r.useContext)(z), u = s.titleId, p = s.subtitleId, f = s.divider;
         var d = f === "both" || f === "header";
+        var y = (0, w.useSplunkTheme)(), b = y.isCompact, m = y.isEnterprise;
+        var v = b ? "20px" : "24px";
         
-        return n().createElement(n().Fragment, null,  n().createElement(J, ne({
+        return n().createElement(n().Fragment, null,  n().createElement(te, se({
             $close: !!i,
             "data-test": "header"
-        }, c), o &&  n().createElement(Y, null, o), l ?  n().createElement(Q, null, l &&  n().createElement(Z, {
+        }, c), o &&  n().createElement(ne, null, o), l ?  n().createElement(re, null, l &&  n().createElement(oe, {
             id: u,
             "data-test": "title"
-        }, l), a &&  n().createElement(ee, {
+        }, l), a &&  n().createElement(ie, {
             id: p,
             "data-test": "subtitle"
-        }, a)) : t, i &&  n().createElement(te, null, i &&  n().createElement(re, null,  n().createElement(G(), {
-            onClick: i,
-            "data-test": "close"
-        })))), d &&  n().createElement(B(), {
+        }, a)) : t, i &&  n().createElement(ae, null,  n().createElement(le, null,  n().createElement(ce, {
+            appearance: "pill",
+            "aria-label": (0, Y._)("Close"),
+            "data-test": "close",
+            onClick: i
+        }, m ?  n().createElement(Q(), {
+            "data-test": "cross",
+            inline: false,
+            screenReaderText: null,
+            size: "13px"
+        }) :  n().createElement(G(), {
+            "data-test": "cross",
+            height: v,
+            width: v
+        }))))), d &&  n().createElement(H(), {
             "aria-hidden": true
         }));
     }
-    le.propTypes = ae;
-    /* harmony default export */    const ce = le;
+    de.propTypes = fe;
+    /* harmony default export */    const ye = de;
     // CONCATENATED MODULE: external "react-spring"
-    const se = require("react-spring");
+    const be = require("react-spring");
     // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
-    var ue = x()(se.animated.div).withConfig({
+    var me = x()(be.animated.div).withConfig({
         displayName: "ModalStyles__Styled",
         componentId: "sc-5fn8ds-0"
     })([ "", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";", "" ], w.mixins.reset("flex"), w.variables.zindexModal, (0, 
     w.pick)({
-        enterprise: (0, g.css)([ "box-shadow:0 1px 5px ", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);" ], w.variables.black, w.variables.spacing, w.variables.spacing),
+        enterprise: (0, g.css)([ "box-shadow:0 1px 5px ", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);" ], w.variables.black, w.variables.spacingLarge, w.variables.spacingLarge),
         prisma: (0, g.css)([ "box-shadow:", ";max-height:calc(100vh - ", " * 4);max-width:calc(100vw - ", " * 4);border-radius:", ";overflow:hidden;" ], w.variables.modalShadow, w.variables.spacingXLarge, w.variables.spacingXLarge, w.variables.borderRadius)
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
@@ -501,7 +526,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function pe(e, t) {
+    function ve(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -514,8 +539,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Modal/Modal.tsx
-    function fe() {
-        fe = Object.assign || function(e) {
+    function he() {
+        he = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -526,36 +551,36 @@
             }
             return e;
         };
-        return fe.apply(this, arguments);
+        return he.apply(this, arguments);
     }
-    function de(e) {
-        return ve(e) || me(e) || be(e) || ye();
+    function ge(e) {
+        return we(e) || Se(e) || Oe(e) || xe();
     }
-    function ye() {
+    function xe() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function be(e, t) {
+    function Oe(e, t) {
         if (!e) return;
-        if (typeof e === "string") return he(e, t);
+        if (typeof e === "string") return ke(e, t);
         var r = Object.prototype.toString.call(e).slice(8, -1);
         if (r === "Object" && e.constructor) r = e.constructor.name;
         if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return he(e, t);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ke(e, t);
     }
-    function me(e) {
+    function Se(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function ve(e) {
-        if (Array.isArray(e)) return he(e);
+    function we(e) {
+        if (Array.isArray(e)) return ke(e);
     }
-    function he(e, t) {
+    function ke(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var r = 0, n = new Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function ge(e, t) {
+    function je(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -566,42 +591,42 @@
         }
         return r;
     }
-    function xe(e) {
+    function Ce(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                ge(Object(r), true).forEach((function(t) {
-                    Te(e, t, r[t]);
+                je(Object(r), true).forEach((function(t) {
+                    He(e, t, r[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
             } else {
-                ge(Object(r)).forEach((function(t) {
+                je(Object(r)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
                 }));
             }
         }
         return e;
     }
-    function Oe(e) {
+    function Ie(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Oe = function e(t) {
+            Ie = function e(t) {
                 return typeof t;
             };
         } else {
-            Oe = function e(t) {
+            Ie = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Oe(e);
+        return Ie(e);
     }
-    function Se(e, t) {
+    function _e(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function we(e, t) {
+    function Ee(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -610,12 +635,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function je(e, t, r) {
-        if (t) we(e.prototype, t);
-        if (r) we(e, r);
+    function Pe(e, t, r) {
+        if (t) Ee(e.prototype, t);
+        if (r) Ee(e, r);
         return e;
     }
-    function ke(e, t) {
+    function Te(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -626,41 +651,41 @@
                 configurable: true
             }
         });
-        if (t) Ie(e, t);
+        if (t) Me(e, t);
     }
-    function Ie(e, t) {
-        Ie = Object.setPrototypeOf || function e(t, r) {
+    function Me(e, t) {
+        Me = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return Ie(e, t);
+        return Me(e, t);
     }
-    function Ce(e) {
-        var t = Ee();
+    function qe(e) {
+        var t = Re();
         return function r() {
-            var n = Me(e), o;
+            var n = Ae(e), o;
             if (t) {
-                var i = Me(this).constructor;
+                var i = Ae(this).constructor;
                 o = Reflect.construct(n, arguments, i);
             } else {
                 o = n.apply(this, arguments);
             }
-            return Pe(this, o);
+            return Fe(this, o);
         };
     }
-    function Pe(e, t) {
-        if (t && (Oe(t) === "object" || typeof t === "function")) {
+    function Fe(e, t) {
+        if (t && (Ie(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return _e(e);
+        return De(e);
     }
-    function _e(e) {
+    function De(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ee() {
+    function Re() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -671,13 +696,13 @@
             return false;
         }
     }
-    function Me(e) {
-        Me = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Ae(e) {
+        Ae = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Me(e);
+        return Ae(e);
     }
-    function Te(e, t, r) {
+    function He(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -690,7 +715,7 @@
         }
         return e;
     }
-    var qe = {
+    var Be = {
         children: i().node,
         closeOnClickAway: i().bool,
         divider: i().oneOf([ "header", "footer", "both", "none" ]),
@@ -700,33 +725,33 @@
         open: i().bool,
         returnFocus: i().oneOfType([ i().func, i().object ])
     };
-    var Fe = {
+    var Ne = {
         // TODO: Set to `false` in next major version
         closeOnClickAway: true,
         divider: "both",
         initialFocus: "first",
         open: false
     };
-    var De =  function(e) {
-        ke(o, e);
-        var t = Ce(o);
+    var ze =  function(e) {
+        Te(o, e);
+        var t = qe(o);
         // @docs-props-type ModalPropsBase
         // this timeout ensures that the Modal is finished rendering before setting the focus
                 function o(e) {
             var i;
-            Se(this, o);
+            _e(this, o);
             i = t.call(this, e);
-            Te(_e(i), "el", null);
-            Te(_e(i), "initialFocusTimeoutId", undefined);
-            Te(_e(i), "initialFocus", null);
-            Te(_e(i), "headerTitleId", void 0);
-            Te(_e(i), "headerSubtitleId", void 0);
-            Te(_e(i), "getDefaultMotionStyle", (function() {
+            He(De(i), "el", null);
+            He(De(i), "initialFocusTimeoutId", undefined);
+            He(De(i), "initialFocus", null);
+            He(De(i), "headerTitleId", void 0);
+            He(De(i), "headerSubtitleId", void 0);
+            He(De(i), "getDefaultMotionStyle", (function() {
                 return {
                     top: 0
                 };
             }));
-            Te(_e(i), "getMotionStyle", (function() {
+            He(De(i), "getMotionStyle", (function() {
                 if (i.props.open) {
                     return {
                         top: 40
@@ -736,7 +761,7 @@
                     top: 0
                 };
             }));
-            Te(_e(i), "handleFocus", (function(e) {
+            He(De(i), "handleFocus", (function(e) {
                 var t = i.props, r = t.initialFocus, n = t.open;
                 if (n) {
                     i.initialFocusTimeoutId = l()((function() {
@@ -753,7 +778,7 @@
                                     /* eslint-enable prefer-destructuring */                                }
                             } else if (r === "container") {
                                 e = i.el;
-                            } else if (Oe(r) === "object") {
+                            } else if (Ie(r) === "object") {
                                 e = r;
                             }
  // Typescript isn't happy with optional chaining here
@@ -785,21 +810,21 @@
                     }
                 }
             }));
-            Te(_e(i), "handleModalMount", (function(e) {
+            He(De(i), "handleModalMount", (function(e) {
                 i.el = e;
-                pe(i.props.elementRef, e);
+                ve(i.props.elementRef, e);
             }));
-            Te(_e(i), "handleModalKeyDown", (function(e) {
+            He(De(i), "handleModalKeyDown", (function(e) {
                 if (i.el !== null) {
                     (0, m.handleTab)(i.el, e.nativeEvent);
                 }
             }));
-            Te(_e(i), "handleRequestClose", (function(e) {
+            He(De(i), "handleRequestClose", (function(e) {
                 var t, r;
                 i.initialFocus = null;
                 (t = (r = i.props).onRequestClose) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
-            Te(_e(i), "getProviderValue", p()((function(e) {
+            He(De(i), "getProviderValue", p()((function(e) {
                 var t = e.titleId, r = e.subtitleId, n = e.divider;
                 return {
                     titleId: t,
@@ -807,19 +832,19 @@
                     divider: n
                 };
             })));
-            Te(_e(i), "getModalStyles", p()((function(e) {
+            He(De(i), "getModalStyles", p()((function(e) {
                 var t = e.opacity, r = e.style, n = e.top;
-                return xe(xe({}, r), {}, {
+                return Ce(Ce({}, r), {}, {
                     opacity: t,
                     top: n
                 });
             })));
-            Te(_e(i), "renderModal", (function(e) {
+            He(De(i), "renderModal", (function(e) {
                 var t = i.props, a = t.children, l = t.divider, c = t.style;
                 var u = e.top, p = e.opacity;
                 var f = r.Children.toArray(a).filter(r.isValidElement);
                 
-                return n().createElement(ue, fe({
+                return n().createElement(me, he({
                     ref: i.handleModalMount,
                     "data-test": "modal",
                     style: i.getModalStyles({
@@ -832,7 +857,7 @@
                     role: "dialog",
                     "aria-labelledby": i.headerTitleId,
                     "aria-describedby": i.headerSubtitleId
-                }, d()(i.props, [].concat(de(s()(o.propTypes)), [ "style" ]))),  n().createElement(z.Provider, {
+                }, d()(i.props, [].concat(ge(s()(o.propTypes)), [ "style" ]))),  n().createElement(z.Provider, {
                     value: i.getProviderValue({
                         titleId: i.headerTitleId,
                         subtitleId: i.headerSubtitleId,
@@ -844,7 +869,7 @@
             i.headerSubtitleId = (0, v.createDOMID)("subtitleId");
             return i;
         }
-        je(o, [ {
+        Pe(o, [ {
             key: "componentDidMount",
             value: function e() {
                 this.handleFocus();
@@ -878,12 +903,12 @@
         } ]);
         return o;
     }(r.Component);
-    Te(De, "propTypes", qe);
-    Te(De, "defaultProps", Fe);
-    Te(De, "Header", ce);
-    Te(De, "Body", R);
-    Te(De, "Footer", V);
-    /* harmony default export */    const Re = De;
+    He(ze, "propTypes", Be);
+    He(ze, "defaultProps", Ne);
+    He(ze, "Header", ye);
+    He(ze, "Body", R);
+    He(ze, "Footer", V);
+    /* harmony default export */    const Le = ze;
     // CONCATENATED MODULE: ./src/Modal/index.ts
     module.exports = t;
     /******/})();