@splunk/react-ui 4.44.0 → 4.45.0

package/File.js

@@ -9,8 +9,8 @@
                 default: () => /* reexport */ b
             });
             // EXTERNAL MODULE: external "react"
-                        var a = t(9497);
-            var n =  t.n(a);
+                        var n = t(9497);
+            var a =  t.n(n);
             // EXTERNAL MODULE: external "prop-types"
                         var i = t(23);
             var o =  t.n(i);
@@ -25,35 +25,35 @@
                 componentId: "sc-1lnohwp-0"
             })([ "", ";" ], c.mixins.screenReaderContent());
             // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
-            function d() {
-                return d = Object.assign ? Object.assign.bind() : function(e) {
+            function u() {
+                return u = Object.assign ? Object.assign.bind() : function(e) {
                     for (var r = 1; r < arguments.length; r++) {
                         var t = arguments[r];
-                        for (var a in t) {
-                            ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                        for (var n in t) {
+                            ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                         }
                     }
                     return e;
-                }, d.apply(null, arguments);
+                }, u.apply(null, arguments);
             }
-            function u(e, r) {
+            function d(e, r) {
                 if (null == e) return {};
-                var t, a, n = v(e, r);
+                var t, n, a = v(e, r);
                 if (Object.getOwnPropertySymbols) {
                     var i = Object.getOwnPropertySymbols(e);
-                    for (a = 0; a < i.length; a++) {
-                        t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+                    for (n = 0; n < i.length; n++) {
+                        t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
                     }
                 }
-                return n;
+                return a;
             }
             function v(e, r) {
                 if (null == e) return {};
                 var t = {};
-                for (var a in e) {
-                    if ({}.hasOwnProperty.call(e, a)) {
-                        if (r.includes(a)) continue;
-                        t[a] = e[a];
+                for (var n in e) {
+                    if ({}.hasOwnProperty.call(e, n)) {
+                        if (r.includes(n)) continue;
+                        t[n] = e[n];
                     }
                 }
                 return t;
@@ -66,13 +66,13 @@
  * The screen reader text is used to wrap content that
  * is only accessible through screen readers.
  */            function m(e) {
-                var r = e.children, t = e.elementRef, a = u(e, [ "children", "elementRef" ]);
+                var r = e.children, t = e.elementRef, n = d(e, [ "children", "elementRef" ]);
                 // @docs-props-type ScreenReaderContentPropsBase
                                 
-                return n().createElement(p, d({
+                return a().createElement(p, u({
                     "data-test": "screen-reader-content",
                     ref: t
-                }, a), r);
+                }, n), r);
             }
             m.propTypes = f;
             /* harmony default export */            const b = m;
@@ -101,21 +101,21 @@
     /******/    var r = {};
     /******/
     /******/ // The require function
-    /******/    function t(a) {
+    /******/    function t(n) {
         /******/ // Check if module is in cache
-        /******/ var n = r[a];
-        /******/        if (n !== undefined) {
-            /******/ return n.exports;
+        /******/ var a = r[n];
+        /******/        if (a !== undefined) {
+            /******/ return a.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var i = r[a] = {
+        /******/        var i = r[n] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[a](i, i.exports, t);
+        /******/        e[n](i, i.exports, t);
         /******/
         /******/ // Return the exports of the module
         /******/        return i.exports;
@@ -141,11 +141,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ t.d = (e, r) => {
-            /******/ for (var a in r) {
-                /******/ if (t.o(r, a) && !t.o(e, a)) {
-                    /******/ Object.defineProperty(e, a, {
+            /******/ for (var n in r) {
+                /******/ if (t.o(r, n) && !t.o(e, n)) {
+                    /******/ Object.defineProperty(e, n, {
                         enumerable: true,
-                        get: r[a]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -173,22 +173,22 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var a = {};
+    /************************************************************************/    var n = {};
     // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
         (() => {
         // ESM COMPAT FLAG
-        t.r(a);
+        t.r(n);
         // EXPORTS
-                t.d(a, {
+                t.d(n, {
             Item: () => /* reexport */ se,
-            default: () => /* reexport */ Ge
+            default: () => /* reexport */ Ye
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
         var r =  t.n(e);
         // EXTERNAL MODULE: external "prop-types"
-                var n = t(23);
-        var i =  t.n(n);
+                var a = t(23);
+        var i =  t.n(a);
         // CONCATENATED MODULE: external "lodash/debounce"
         const o = require("lodash/debounce");
         var l =  t.n(o);
@@ -197,10 +197,10 @@
         var c =  t.n(s);
         // CONCATENATED MODULE: external "lodash/toUpper"
         const p = require("lodash/toUpper");
-        var d =  t.n(p);
+        var u =  t.n(p);
         // CONCATENATED MODULE: external "lodash/isString"
-        const u = require("lodash/isString");
-        var v =  t.n(u);
+        const d = require("lodash/isString");
+        var v =  t.n(d);
         // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
         const f = require("@splunk/react-ui/EventListener");
         var m =  t.n(f);
@@ -221,33 +221,33 @@
         var S =  t.n(k);
         // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
         const O = require("@splunk/react-ui/Progress");
-        var I =  t.n(O);
+        var E =  t.n(O);
         // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-        const _ = require("@splunk/ui-utils/format");
+        const I = require("@splunk/ui-utils/format");
         // CONCATENATED MODULE: ./src/File/FileContext.tsx
-        var E =  (0, e.createContext)({
+        var _ =  (0, e.createContext)({
             disabled: false
         });
-        E.displayName = "File";
-        /* harmony default export */        const R = E;
+        _.displayName = "File";
+        /* harmony default export */        const L = _;
         // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-        const L = require("@splunk/react-icons/SVGEnterprise");
-        var P =  t.n(L);
+        const R = require("@splunk/react-icons/SVGEnterprise");
+        var P =  t.n(R);
         // CONCATENATED MODULE: ./src/File/PaperClip.tsx
-        function j() {
-            return j = Object.assign ? Object.assign.bind() : function(e) {
+        function q() {
+            return q = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                     }
                 }
                 return e;
-            }, j.apply(null, arguments);
+            }, q.apply(null, arguments);
         }
-        function q(e) {
+        function T(e) {
             
-            return r().createElement(P(), j({
+            return r().createElement(P(), q({
                 hideDefaultTooltip: true,
                 viewBox: "0 0 16 16",
                 width: "16px",
@@ -259,65 +259,65 @@
         }
         // CONCATENATED MODULE: external "@splunk/react-icons/ArrowsCircularDouble"
         const D = require("@splunk/react-icons/ArrowsCircularDouble");
-        var T =  t.n(D);
+        var j =  t.n(D);
         // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Refresh"
-        const $ = require("@splunk/react-icons/enterprise/Refresh");
-        var N =  t.n($);
+        const N = require("@splunk/react-icons/enterprise/Refresh");
+        var $ =  t.n(N);
         // CONCATENATED MODULE: ./src/File/Retry.tsx
         function M() {
-            var e = (0, b.useSplunkTheme)(), t = e.density, a = e.family;
-            var n = t === "compact" ? "20px" : "24px";
-            if (a === "enterprise") {
+            var e = (0, b.useSplunkTheme)(), t = e.density, n = e.family;
+            var a = t === "compact" ? "20px" : "24px";
+            if (n === "enterprise") {
                 
-                return r().createElement(N(), {
+                return r().createElement($(), {
                     screenReaderText: null
                 });
             }
             
-            return r().createElement(T(), {
-                width: n,
-                height: n
+            return r().createElement(j(), {
+                width: a,
+                height: a
             });
         }
         // CONCATENATED MODULE: ./src/File/Trash.tsx
-        function F() {
-            return F = Object.assign ? Object.assign.bind() : function(e) {
+        function A() {
+            return A = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                     }
                 }
                 return e;
-            }, F.apply(null, arguments);
+            }, A.apply(null, arguments);
         }
-        function H(e) {
-            var t = (0, b.useSplunkTheme)(), a = t.density;
-            var n = a === "compact" ? "20px" : "24px";
+        function F(e) {
+            var t = (0, b.useSplunkTheme)(), n = t.density;
+            var a = n === "compact" ? "20px" : "24px";
             
-            return r().createElement(P(), F({
+            return r().createElement(P(), A({
                 hideDefaultTooltip: true,
                 viewBox: "0 0 24 24",
-                width: n,
-                height: n
+                width: a,
+                height: a
             }, e),  r().createElement("path", {
                 d: "M10 4V6H14V4H10ZM16 6H17H19H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8H19V20.5C19 21.3284 18.3284 22 17.5 22H6.5C5.67157 22 5 21.3284 5 20.5V8H4C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H5H7H8V3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V6ZM7 8V20H17V8H7ZM10.5858 14L9.2929 15.2929C8.90237 15.6834 8.90237 16.3166 9.2929 16.7071C9.68342 17.0976 10.3166 17.0976 10.7071 16.7071L12 15.4142L13.2929 16.7071C13.6834 17.0976 14.3166 17.0976 14.7071 16.7071C15.0976 16.3166 15.0976 15.6834 14.7071 15.2929L13.4142 14L14.7071 12.7071C15.0976 12.3166 15.0976 11.6834 14.7071 11.2929C14.3166 10.9024 13.6834 10.9024 13.2929 11.2929L12 12.5858L10.7071 11.2929C10.3166 10.9024 9.68342 10.9024 9.29289 11.2929C8.90237 11.6834 8.90237 12.3166 9.29289 12.7071L10.5858 14Z",
                 fill: "currentColor"
             }));
         }
         // EXTERNAL MODULE: external "styled-components"
-                var A = t(232);
-        var B =  t.n(A);
+                var H = t(232);
+        var B =  t.n(H);
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const z = require("@splunk/react-ui/Box");
-        var V =  t.n(z);
+        const V = require("@splunk/react-ui/Box");
+        var z =  t.n(V);
         // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
         const G = require("@splunk/react-ui/Clickable");
         var Z =  t.n(G);
         // CONCATENATED MODULE: external "@splunk/themes/mixins"
         const W = require("@splunk/themes/mixins");
         // CONCATENATED MODULE: ./src/File/ItemStyles.ts
-        var U = B()(V()).withConfig({
+        var U = B()(z()).withConfig({
             displayName: "ItemStyles__StyledBox",
             componentId: "sc-1fsk3kr-0"
         })([ "position:relative;width:100%;max-width:400px;margin:", ";background-color:", ";border-radius:", ";min-height:32px;color:", ";", " ", " ", " ", ";" ], (0, 
@@ -340,21 +340,21 @@
             enterprise: b.variables.textGray,
             prisma: b.variables.contentColorDefault
         }), (0, b.pick)({
-            prisma: (0, A.css)([ "border:1px solid ", ";padding-left:12px;" ], b.variables.neutral200),
-            enterprise: (0, A.css)([ "line-height:24px;" ])
+            prisma: (0, H.css)([ "border:1px solid ", ";padding-left:12px;" ], b.variables.neutral200),
+            enterprise: (0, H.css)([ "line-height:24px;" ])
         }), (0, b.pick)({
             enterprise: {
-                compact: (0, A.css)([ "min-height:24px;" ])
+                compact: (0, H.css)([ "min-height:24px;" ])
             }
         }), (function(e) {
             var r = e.$error;
             return r && (0, b.pick)({
-                enterprise: (0, A.css)([ "box-shadow:inset 0 0 0 1px ", ";" ], b.variables.errorColor),
-                prisma: (0, A.css)([ "box-shadow:inset 0 0 0 1px ", ";background-color:", ";" ], b.variables.accentColorNegative, b.variables.interactiveColorBackground)
+                enterprise: (0, H.css)([ "box-shadow:inset 0 0 0 1px ", ";" ], b.variables.errorColor),
+                prisma: (0, H.css)([ "box-shadow:inset 0 0 0 1px ", ";background-color:", ";" ], b.variables.accentColorNegative, b.variables.interactiveColorBackground)
             });
         }), (function(e) {
             var r = e.$disabled;
-            return r && (0, A.css)([ "cursor:not-allowed;background-color:", ";" ], (0, b.pick)({
+            return r && (0, H.css)([ "cursor:not-allowed;background-color:", ";" ], (0, b.pick)({
                 enterprise: {
                     dark: b.variables.gray60,
                     light: b.variables.gray96
@@ -383,18 +383,18 @@
                 compact: "0 6px"
             }
         }), (0, b.pick)({
-            enterprise: (0, A.css)([ "flex-basis:", ";" ], b.variables.inputHeight)
+            enterprise: (0, H.css)([ "flex-basis:", ";" ], b.variables.inputHeight)
         }), (function(e) {
             var r = e.$error;
-            return r && (0, A.css)([ "", "" ], (0, b.pick)({
-                enterprise: (0, A.css)([ "border-top:1px solid ", ";border-bottom:1px solid ", ";&:last-child{border-right:1px solid ", ";}svg{vertical-align:baseline;}" ], b.variables.errorColor, b.variables.errorColor, b.variables.errorColor)
+            return r && (0, H.css)([ "", "" ], (0, b.pick)({
+                enterprise: (0, H.css)([ "border-top:1px solid ", ";border-bottom:1px solid ", ";&:last-child{border-right:1px solid ", ";}svg{vertical-align:baseline;}" ], b.variables.errorColor, b.variables.errorColor, b.variables.errorColor)
             }));
         }), (0, b.pick)({
             enterprise: b.variables.linkColor,
             prisma: b.variables.contentColorActive
         }), (0, b.pick)({
-            enterprise: (0, A.css)([ "box-shadow:", ";" ], b.variables.focusShadow),
-            prisma: (0, A.css)([ "background-color:", ";box-shadow:0 0 0 3px ", ";" ], b.variables.interactiveColorOverlayHover, b.variables.focusColor)
+            enterprise: (0, H.css)([ "box-shadow:", ";" ], b.variables.focusShadow),
+            prisma: (0, H.css)([ "background-color:", ";box-shadow:0 0 0 3px ", ";" ], b.variables.interactiveColorOverlayHover, b.variables.focusColor)
         }), (0, b.pick)({
             enterprise: {
                 light: b.variables.gray96,
@@ -434,10 +434,10 @@
             var r = e.$disabled;
             return r && (0, b.pick)({
                 enterprise: {
-                    light: (0, A.css)([ "color:", ";" ], b.variables.textGray),
-                    dark: (0, A.css)([ "color:", ";" ], b.variables.textGray)
+                    light: (0, H.css)([ "color:", ";" ], b.variables.textGray),
+                    dark: (0, H.css)([ "color:", ";" ], b.variables.textGray)
                 },
-                prisma: (0, A.css)([ "color:", ";" ], b.variables.contentColorDisabled)
+                prisma: (0, H.css)([ "color:", ";" ], b.variables.contentColorDisabled)
             });
         }));
         // for Prisma theme only
@@ -449,7 +449,7 @@
             compact: "4px 4px 4px 0"
         }), (function(e) {
             var r = e.$disabled;
-            return r && (0, A.css)([ "color:", ";cursor:not-allowed;" ], b.variables.contentColorDisabled);
+            return r && (0, H.css)([ "color:", ";cursor:not-allowed;" ], b.variables.contentColorDisabled);
         }));
         // for Prisma theme only
                 var ee = B().span.withConfig({
@@ -467,35 +467,35 @@
         // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
                 var te = t(6165);
         // CONCATENATED MODULE: ./src/File/Item.tsx
-        function ae() {
-            return ae = Object.assign ? Object.assign.bind() : function(e) {
+        function ne() {
+            return ne = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                     }
                 }
                 return e;
-            }, ae.apply(null, arguments);
+            }, ne.apply(null, arguments);
         }
-        function ne(e, r) {
+        function ae(e, r) {
             if (null == e) return {};
-            var t, a, n = ie(e, r);
+            var t, n, a = ie(e, r);
             if (Object.getOwnPropertySymbols) {
                 var i = Object.getOwnPropertySymbols(e);
-                for (a = 0; a < i.length; a++) {
-                    t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+                for (n = 0; n < i.length; n++) {
+                    t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
                 }
             }
-            return n;
+            return a;
         }
         function ie(e, r) {
             if (null == e) return {};
             var t = {};
-            for (var a in e) {
-                if ({}.hasOwnProperty.call(e, a)) {
-                    if (r.includes(a)) continue;
-                    t[a] = e[a];
+            for (var n in e) {
+                if ({}.hasOwnProperty.call(e, n)) {
+                    if (r.includes(n)) continue;
+                    t[n] = e[n];
                 }
             }
             return t;
@@ -513,11 +513,11 @@
             uploadPercentage: i().number
         };
         function le(t) {
-            var a = t.disabled, n = t.error, i = n === void 0 ? false : n, o = t.itemId, l = t.name, s = t.index, c = s === void 0 ? 0 : s, p = t.uploadPercentage, d = ne(t, [ "disabled", "error", "itemId", "name", "index", "uploadPercentage" ]);
+            var n = t.disabled, a = t.error, i = a === void 0 ? false : a, o = t.itemId, l = t.name, s = t.index, c = s === void 0 ? 0 : s, p = t.uploadPercentage, u = ae(t, [ "disabled", "error", "itemId", "name", "index", "uploadPercentage" ]);
             // @docs-props-type ItemPropsBase
-                        var u = (0, b.useSplunkTheme)(), v = u.isPrisma, f = u.isEnterprise, m = u.isCompact;
+                        var d = (0, b.useSplunkTheme)(), v = d.isPrisma, f = d.isEnterprise, m = d.isCompact;
             var y = m ? "20px" : "24px";
-            var g = (0, e.useContext)(E), C = g.onRequestRemove;
+            var g = (0, e.useContext)(_), C = g.onRequestRemove;
             var k = (0, e.useCallback)((function(e) {
                 e.preventDefault();
                 C === null || C === void 0 ? void 0 : C({
@@ -526,61 +526,61 @@
                     index: c
                 });
             }), [ C, o, l, c ]);
-            var O = (0, e.useContext)(E), R = O.onRequestRetry;
-            var L = (0, e.useCallback)((function(e) {
+            var O = (0, e.useContext)(_), L = O.onRequestRetry;
+            var R = (0, e.useCallback)((function(e) {
                 e.preventDefault();
-                R === null || R === void 0 ? void 0 : R({
+                L === null || L === void 0 ? void 0 : L({
                     itemId: o,
                     name: l,
                     index: c
                 });
-            }), [ R, o, l, c ]);
-            var P = (0, e.useContext)(E), j = P.disabled;
-            var D = (0, _.sprintf)((0, h._)('Remove "%(filename)s"'), {
+            }), [ L, o, l, c ]);
+            var P = (0, e.useContext)(_), q = P.disabled;
+            var D = (0, I.sprintf)((0, h._)('Remove "%(filename)s"'), {
                 filename: l
             });
-            var T = (0, _.sprintf)((0, h._)('Retry "%(filename)s"'), {
+            var j = (0, I.sprintf)((0, h._)('Retry "%(filename)s"'), {
                 filename: l
             });
-            var $ = (0, _.sprintf)((0, h._)('Uploading "%(filename)s"'), {
+            var N = (0, I.sprintf)((0, h._)('Uploading "%(filename)s"'), {
                 filename: l
             });
-            var N = (0, h._)("Remove");
-            var F =  r().createElement("span", null,  r().createElement("span", {
+            var $ = (0, h._)("Remove");
+            var A =  r().createElement("span", null,  r().createElement("span", {
                 style: {
                     paddingRight: "4px"
                 }
             }, (0, h._)("Uploading ")),  r().createElement(ee, null, p, "%"));
-            var A = v && !x()(p) && p > 0 ? F : l;
-            var B = a !== undefined ? a : j;
+            var H = v && !x()(p) && p > 0 ? A : l;
+            var B = n !== undefined ? n : q;
             
-            return r().createElement(r().Fragment, null,  r().createElement(U, ae({
+            return r().createElement(r().Fragment, null,  r().createElement(U, ne({
                 "data-test": "item",
                 "data-test-disabled": B,
                 "data-test-error": i
-            }, d, {
+            }, u, {
                 flex: true,
                 $error: i,
                 $disabled: B
             }), v && x()(p) &&  r().createElement(Y, {
                 "data-test": "paper-clip",
                 $disabled: B
-            },  r().createElement(q, {
+            },  r().createElement(T, {
                 "aria-hidden": "true"
             })),  r().createElement(Q, {
                 "data-test": "label",
                 $error: i,
                 $disabled: B
-            }, A), R && i &&  r().createElement(J, {
+            }, H), L && i &&  r().createElement(J, {
                 "data-test": "retry",
                 $error: i,
-                onClick: L,
-                "aria-label": T
+                onClick: R,
+                "aria-label": j
             },  r().createElement(M, null),  r().createElement(te["default"], null, (0, h._)("Retry"))), !B && (v && x()(p) && !i ?  r().createElement(K, {
                 "data-test": "remove",
                 onClick: k,
                 "aria-label": D
-            },  r().createElement(H, {
+            },  r().createElement(F, {
                 screenReaderText: (0, h._)("Remove")
             })) :  r().createElement(J, {
                 "data-test": "remove",
@@ -589,19 +589,19 @@
                 "aria-label": D
             }, f ?  r().createElement(S(), {
                 hideDefaultTooltip: true,
-                screenReaderText: N
+                screenReaderText: $
             }) :  r().createElement(w(), {
-                "aria-label": N,
+                "aria-label": $,
                 height: y,
                 width: y
             }))), !x()(p) && p > 0 && (v ?  r().createElement(re, {
                 $uploadPercentage: p,
-                "aria-label": $,
+                "aria-label": N,
                 role: "progressbar",
                 "aria-valuenow": p,
                 "aria-valuemin": 0,
                 "aria-valuemax": 100
-            }) :  r().createElement(I(), {
+            }) :  r().createElement(E(), {
                 style: {
                     position: "absolute",
                     left: 0,
@@ -610,7 +610,7 @@
                     zIndex: 1
                 },
                 percentage: p,
-                "aria-label": $
+                "aria-label": N
             }))), v && i &&  r().createElement(X, null, (0, h._)("Something went wrong.")));
         }
         le.propTypes = oe;
@@ -620,8 +620,8 @@
             return ce = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                     }
                 }
                 return e;
@@ -646,11 +646,11 @@
             }));
         }
         // CONCATENATED MODULE: ./src/File/FileStyles.ts
-        var de = B().input.withConfig({
+        var ue = B().input.withConfig({
             displayName: "FileStyles__StyledInput",
             componentId: "sc-1wyh4cf-0"
         })([ "&[type='file']{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}" ]);
-        var ue = (0, A.css)([ "fill:", ";" ], (0, b.pick)({
+        var de = (0, H.css)([ "fill:", ";" ], (0, b.pick)({
             enterprise: {
                 light: b.variables.gray60,
                 dark: b.variables.gray80
@@ -659,11 +659,11 @@
         var ve = B()(pe).withConfig({
             displayName: "FileStyles__StyledNormalIcon",
             componentId: "sc-1wyh4cf-1"
-        })([ "", ";height:1.4em;width:1.4em;display:inline-block;vertical-align:middle;padding-bottom:3px;" ], ue);
+        })([ "", ";height:1.4em;width:1.4em;display:inline-block;vertical-align:middle;padding-bottom:3px;" ], de);
         var fe = B()(pe).withConfig({
             displayName: "FileStyles__StyledWindowIcon",
             componentId: "sc-1wyh4cf-2"
-        })([ "", ";height:48px;width:48px;position:absolute;top:30px;left:50%;transform:translateX(-50%);" ], ue);
+        })([ "", ";height:48px;width:48px;position:absolute;top:30px;left:50%;transform:translateX(-50%);" ], de);
         var me = B().label.withConfig({
             displayName: "FileStyles__StyledLink",
             componentId: "sc-1wyh4cf-3"
@@ -676,21 +676,21 @@
             displayName: "FileStyles__StyledNormalText",
             componentId: "sc-1wyh4cf-4"
         })([ "", " ", " ", " ", "" ], (0, b.pick)({
-            enterprise: (0, A.css)([ "display:inline-block;" ]),
-            prisma: (0, A.css)([ "display:inline-flex;flex-direction:column;justify-content:center;text-align:center;color:", ";border:1px dashed ", ";padding:8px;border-radius:", ";min-height:128px;&:not(:last-child){margin-bottom:4px;}" ], b.variables.contentColorActive, b.variables.contentColorMuted, b.variables.borderRadius)
+            enterprise: (0, H.css)([ "display:inline-block;" ]),
+            prisma: (0, H.css)([ "display:inline-flex;flex-direction:column;justify-content:center;text-align:center;color:", ";border:1px dashed ", ";padding:8px;border-radius:", ";min-height:128px;&:not(:last-child){margin-bottom:4px;}" ], b.variables.contentColorActive, b.variables.contentColorMuted, b.variables.borderRadius)
         }), (function(e) {
             var r = e.$dragOver;
-            return r && (0, A.css)([ "", "" ], (0, b.pick)({
-                prisma: (0, A.css)([ "border:1px dashed ", ";background-color:", ";" ], b.variables.interactiveColorPrimary, b.mixins.colorWithAlpha(b.variables.interactiveColorPrimary, .1))
+            return r && (0, H.css)([ "", "" ], (0, b.pick)({
+                prisma: (0, H.css)([ "border:1px dashed ", ";background-color:", ";" ], b.variables.interactiveColorPrimary, b.mixins.colorWithAlpha(b.variables.interactiveColorPrimary, .1))
             }));
         }), (function(e) {
             var r = e.$error, t = e.$dragOver;
             return r && !t && (0, b.pick)({
-                prisma: (0, A.css)([ "border:1px dashed ", ";color:", ";background-color:", ";" ], b.variables.accentColorNegative, b.variables.accentColorNegative, b.mixins.colorWithAlpha(b.variables.accentColorNegative, .1))
+                prisma: (0, H.css)([ "border:1px dashed ", ";color:", ";background-color:", ";" ], b.variables.accentColorNegative, b.variables.accentColorNegative, b.mixins.colorWithAlpha(b.variables.accentColorNegative, .1))
             });
         }), (function(e) {
             var r = e.$disabled;
-            return r && (0, A.css)([ "border:none;min-height:0;color:", ";cursor:not-allowed;" ], (0, 
+            return r && (0, H.css)([ "border:none;min-height:0;color:", ";cursor:not-allowed;" ], (0, 
             b.pick)({
                 prisma: b.variables.contentColorDisabled
             }));
@@ -703,7 +703,7 @@
             enterprise: b.variables.spacingSmall,
             prisma: b.variables.spacingMedium
         }), b.variables.fontSizeXLarge, (0, b.pick)({
-            prisma: (0, A.css)([ "color:", ";" ], b.variables.contentColorActive)
+            prisma: (0, H.css)([ "color:", ";" ], b.variables.contentColorActive)
         }));
         var ye = B().div.withConfig({
             displayName: "FileStyles__StyledSubtitle",
@@ -721,35 +721,35 @@
             enterprise: "5px solid ".concat(b.variables.accentColorL10),
             prisma: "5px solid ".concat(b.variables.interactiveColorPrimary)
         }), b.variables.zindexModal);
-        var Ce = B()(V()).withConfig({
+        var Ce = B()(z()).withConfig({
             displayName: "FileStyles__StyledDropNormalTargetBox",
             componentId: "sc-1wyh4cf-9"
         })([ "", ";flex-direction:column;justify-content:center;text-align:center;border-radius:", ";", " ", " ", " ", " ", " ", "" ], b.mixins.reset("flex"), b.variables.borderRadius, (0, 
         b.pick)({
-            enterprise: (0, A.css)([ "line-height:calc(", " - 2px);" ], b.variables.inputHeight)
+            enterprise: (0, H.css)([ "line-height:calc(", " - 2px);" ], b.variables.inputHeight)
         }), (0, b.pick)({
             enterprise: {
-                comfortable: (0, A.css)([ "min-height:73px;padding:", ";" ], b.variables.spacingXSmall),
-                compact: (0, A.css)([ "min-height:63px;padding:3px;" ])
+                comfortable: (0, H.css)([ "min-height:73px;padding:", ";" ], b.variables.spacingXSmall),
+                compact: (0, H.css)([ "min-height:63px;padding:3px;" ])
             }
         }), (0, b.pick)({
             enterprise: {
-                light: (0, A.css)([ "border:1px dashed ", ";" ], b.variables.borderColor),
-                dark: (0, A.css)([ "border:1px dashed ", ";" ], b.variables.textGray)
+                light: (0, H.css)([ "border:1px dashed ", ";" ], b.variables.borderColor),
+                dark: (0, H.css)([ "border:1px dashed ", ";" ], b.variables.textGray)
             }
         }), (function(e) {
             var r = e.$dragOver;
             return r && (0, b.pick)({
-                enterprise: (0, A.css)([ "border:1px solid ", ";" ], b.variables.accentColorL10)
+                enterprise: (0, H.css)([ "border:1px solid ", ";" ], b.variables.accentColorL10)
             });
         }), (function(e) {
             var r = e.$error, t = e.$dragOver;
             return r && !t && (0, b.pick)({
-                enterprise: (0, A.css)([ "border:1px solid ", ";" ], b.variables.errorColor)
+                enterprise: (0, H.css)([ "border:1px solid ", ";" ], b.variables.errorColor)
             });
         }), (function(e) {
             var r = e.$disabled, t = e.$fileCount;
-            return r && (0, A.css)([ "border:", ";color:", ";cursor:not-allowed;", " ", "" ], (0, 
+            return r && (0, H.css)([ "border:", ";color:", ";cursor:not-allowed;", " ", "" ], (0, 
             b.pick)({
                 enterprise: "none",
                 prisma: "1px solid ".concat(b.variables.contentColorDisabled)
@@ -758,82 +758,207 @@
                 prisma: b.variables.contentColorDisabled
             }), t === 0 && (0, b.pick)({
                 enterprise: {
-                    light: (0, A.css)([ "background-color:", ";" ], b.variables.gray96),
-                    dark: (0, A.css)([ "background-color:", ";" ], b.variables.gray60)
+                    light: (0, H.css)([ "background-color:", ";" ], b.variables.gray96),
+                    dark: (0, H.css)([ "background-color:", ";" ], b.variables.gray60)
                 },
-                prisma: (0, A.css)([ "border:1px dashed ", ";min-height:128px;" ], b.variables.contentColorDisabled)
+                prisma: (0, H.css)([ "border:1px dashed ", ";min-height:128px;" ], b.variables.contentColorDisabled)
             }), t !== 0 && (0, b.pick)({
-                prisma: (0, A.css)([ "", "{padding:0;}" ], /* sc-sel */ be)
+                prisma: (0, H.css)([ "", "{padding:0;}" ], /* sc-sel */ be)
             }));
         }));
-        var we = B()(V()).withConfig({
+        var we = B()(z()).withConfig({
             displayName: "FileStyles__StyledWindowDropTargetBox",
             componentId: "sc-1wyh4cf-10"
         })([ "position:relative;text-align:center;min-height:250px;padding:", ";", "" ], b.variables.spacingLarge, (function(e) {
             var r = e.$disabled;
-            return r && (0, A.css)([ "color:", ";" ], (0, b.pick)({
+            return r && (0, H.css)([ "color:", ";" ], (0, b.pick)({
                 enterprise: b.variables.textGray,
                 prisma: b.variables.contentColorMuted
             }));
         }));
+        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var ke = {
+            body: {
+                appendChild: function e() {
+                    return [];
+                }
+            },
+            addEventListener: function e() {},
+            removeEventListener: function e() {},
+            activeElement: {
+                blur: function e() {},
+                nodeName: ""
+            },
+            querySelector: function e() {
+                return null;
+            },
+            querySelectorAll: function e() {
+                return [];
+            },
+            getElementById: function e() {
+                return null;
+            },
+            createEvent: function e() {
+                return {
+                    initEvent: function e() {}
+                };
+            },
+            createElement: function e() {
+                return {
+                    children: [],
+                    childNodes: [],
+                    style: {},
+                    setAttribute: function e() {},
+                    getElementsByTagName: function e() {
+                        return [];
+                    }
+                };
+            },
+            createElementNS: function e() {
+                return {};
+            },
+            importNode: function e() {
+                return null;
+            },
+            location: {
+                hash: "",
+                host: "",
+                hostname: "",
+                href: "",
+                origin: "",
+                pathname: "",
+                protocol: "",
+                search: ""
+            }
+        };
+        function Se() {
+            var e = typeof document !== "undefined" ? document : ke;
+            return e;
+        }
+        var Oe = Se();
+        /* harmony default export */        const Ee = /* unused pure expression or super */ null && Oe;
+        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var Ie = {
+            document: ke,
+            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(r) {
+                if (typeof setTimeout === "undefined") {
+                    r();
+                    return null;
+                }
+                return setTimeout(r, 0);
+            },
+            cancelAnimationFrame: function e(r) {
+                if (typeof setTimeout === "undefined") {
+                    return;
+                }
+                clearTimeout(r);
+            }
+        };
+        function _e() {
+            var e = typeof window !== "undefined" ? window : Ie;
+            return e;
+        }
+        var Le = _e();
+        /* harmony default export */        const Re = Le;
         // CONCATENATED MODULE: ./src/File/File.tsx
-        function ke(e) {
+        function Pe(e) {
             "@babel/helpers - typeof";
-            return ke = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return Pe = "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;
-            }, ke(e);
+            }, Pe(e);
         }
-        function Se() {
-            return Se = Object.assign ? Object.assign.bind() : function(e) {
+        function qe() {
+            return qe = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
-                    for (var a in t) {
-                        ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                     }
                 }
                 return e;
-            }, Se.apply(null, arguments);
+            }, qe.apply(null, arguments);
         }
-        function Oe(e, r) {
+        function Te(e, r) {
             if (null == e) return {};
-            var t, a, n = Ie(e, r);
+            var t, n, a = De(e, r);
             if (Object.getOwnPropertySymbols) {
                 var i = Object.getOwnPropertySymbols(e);
-                for (a = 0; a < i.length; a++) {
-                    t = i[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+                for (n = 0; n < i.length; n++) {
+                    t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
                 }
             }
-            return n;
+            return a;
         }
-        function Ie(e, r) {
+        function De(e, r) {
             if (null == e) return {};
             var t = {};
-            for (var a in e) {
-                if ({}.hasOwnProperty.call(e, a)) {
-                    if (r.includes(a)) continue;
-                    t[a] = e[a];
+            for (var n in e) {
+                if ({}.hasOwnProperty.call(e, n)) {
+                    if (r.includes(n)) continue;
+                    t[n] = e[n];
                 }
             }
             return t;
         }
-        function _e(e, r) {
+        function je(e, r) {
             if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
         }
-        function Ee(e, r) {
+        function Ne(e, r) {
             for (var t = 0; t < r.length; t++) {
-                var a = r[t];
-                a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), 
-                Object.defineProperty(e, Me(a.key), a);
+                var n = r[t];
+                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+                Object.defineProperty(e, Ze(n.key), n);
             }
         }
-        function Re(e, r, t) {
-            return r && Ee(e.prototype, r), t && Ee(e, t), Object.defineProperty(e, "prototype", {
+        function $e(e, r, t) {
+            return r && Ne(e.prototype, r), t && Ne(e, t), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function Le(e, r) {
+        function Me(e, r) {
             if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
             e.prototype = Object.create(r && r.prototype, {
                 constructor: {
@@ -843,70 +968,70 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), r && Pe(e, r);
+            }), r && Ae(e, r);
         }
-        function Pe(e, r) {
-            return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
+        function Ae(e, r) {
+            return Ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
                 return e.__proto__ = r, e;
-            }, Pe(e, r);
+            }, Ae(e, r);
         }
-        function je(e) {
-            var r = Te();
+        function Fe(e) {
+            var r = Ve();
             return function() {
-                var t, a = $e(e);
+                var t, n = ze(e);
                 if (r) {
-                    var n = $e(this).constructor;
-                    t = Reflect.construct(a, arguments, n);
-                } else t = a.apply(this, arguments);
-                return qe(this, t);
+                    var a = ze(this).constructor;
+                    t = Reflect.construct(n, arguments, a);
+                } else t = n.apply(this, arguments);
+                return He(this, t);
             };
         }
-        function qe(e, r) {
-            if (r && ("object" == ke(r) || "function" == typeof r)) return r;
+        function He(e, r) {
+            if (r && ("object" == Pe(r) || "function" == typeof r)) return r;
             if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
-            return De(e);
+            return Be(e);
         }
-        function De(e) {
+        function Be(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function Te() {
+        function Ve() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (Te = function r() {
+            return (Ve = function r() {
                 return !!e;
             })();
         }
-        function $e(e) {
-            return $e = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function ze(e) {
+            return ze = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, $e(e);
+            }, ze(e);
         }
-        function Ne(e, r, t) {
-            return (r = Me(r)) in e ? Object.defineProperty(e, r, {
+        function Ge(e, r, t) {
+            return (r = Ze(r)) in e ? Object.defineProperty(e, r, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[r] = t, e;
         }
-        function Me(e) {
-            var r = Fe(e, "string");
-            return "symbol" == ke(r) ? r : r + "";
+        function Ze(e) {
+            var r = We(e, "string");
+            return "symbol" == Pe(r) ? r : r + "";
         }
-        function Fe(e, r) {
-            if ("object" != ke(e) || !e) return e;
+        function We(e, r) {
+            if ("object" != Pe(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
-                var a = t.call(e, r || "default");
-                if ("object" != ke(a)) return a;
+                var n = t.call(e, r || "default");
+                if ("object" != Pe(n)) return n;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === r ? String : Number)(e);
         }
         /** @public */
-        /** @public */        var He = {
+        /** @public */        var Ue = {
             accept: i().string,
             allowMultiple: i().bool,
             children: i().node,
@@ -926,7 +1051,7 @@
             /** @private */
             splunkTheme: i().object
         };
-        var Ae = {
+        var Xe = {
             allowMultiple: false,
             disabled: false,
             dropAnywhere: false,
@@ -936,31 +1061,31 @@
  * File provides the ability to accept files and present uploaded files. It does not provide
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
- */        var Be =  function(t) {
-            Le(n, t);
-            var a = je(n);
+ */        var Je =  function(t) {
+            Me(a, t);
+            var n = Fe(a);
             // @docs-props-type FilePropsBase
-                        function n(e) {
+                        function a(e) {
                 var r;
-                _e(this, n);
-                r = a.call(this, e);
-                Ne(De(r), "inputId", void 0);
-                Ne(De(r), "inputCount", void 0);
-                Ne(De(r), "handleInputChange", (function(e) {
+                je(this, a);
+                r = n.call(this, e);
+                Ge(Be(r), "inputId", void 0);
+                Ge(Be(r), "inputCount", void 0);
+                Ge(Be(r), "handleInputChange", (function(e) {
                     var t;
                     r.addFiles((t = e.currentTarget.files) !== null && t !== void 0 ? t : undefined);
                 }));
-                Ne(De(r), "handleInputFocus", (function() {
+                Ge(Be(r), "handleInputFocus", (function() {
                     r.setState({
                         focusedInput: true
                     });
                 }));
-                Ne(De(r), "handleInputBlur", (function() {
+                Ge(Be(r), "handleInputBlur", (function() {
                     r.setState({
                         focusedInput: false
                     });
                 }));
-                Ne(De(r), "handleDragOver", (function(e) {
+                Ge(Be(r), "handleDragOver", (function(e) {
                     if (!r.state.dragOver) {
                         r.setState({
                             dragOver: true
@@ -968,12 +1093,12 @@
                     }
                     e.preventDefault();
                 }));
-                Ne(De(r), "handleDragLeave", (function() {
+                Ge(Be(r), "handleDragLeave", (function() {
                     r.setState({
                         dragOver: false
                     });
                 }));
-                Ne(De(r), "handleDrop", (function(e) {
+                Ge(Be(r), "handleDrop", (function(e) {
                     var t;
                     e.preventDefault();
                     r.handleDragLeave();
@@ -989,14 +1114,14 @@
                 r.handleDragLeave = l()(r.handleDragLeave, 300);
                 return r;
             }
-            Re(n, [ {
+            $e(a, [ {
                 key: "addFiles",
                 value: function e(r) {
                     var t = this.props.name;
                     if (r !== undefined && r.length > 0) {
-                        var a, n;
+                        var n, a;
                         var i = Array.from(r);
-                        (a = (n = this.props).onRequestAdd) === null || a === void 0 ? void 0 : a.call(n, this.props.allowMultiple ? i : [ i[0] ], {
+                        (n = (a = this.props).onRequestAdd) === null || n === void 0 ? void 0 : n.call(a, this.props.allowMultiple ? i : [ i[0] ], {
                             name: t
                         });
                     } else {
@@ -1010,7 +1135,7 @@
             }, {
                 key: "render",
                 value: function t() {
-                    var a = this.props, n = a.accept, i = a.allowMultiple, o = a.children, l = a.disabled, s = a.dropAnywhere, p = a.error, u = a.fullscreen, f = a.help, b = a.name, y = a.onRequestRemove, g = a.onRequestRetry, x = a.required, C = a.splunkTheme, w = Oe(a, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "required", "splunkTheme" ]);
+                    var n = this.props, a = n.accept, i = n.allowMultiple, o = n.children, l = n.disabled, s = n.dropAnywhere, p = n.error, d = n.fullscreen, f = n.help, b = n.name, y = n.onRequestRemove, g = n.onRequestRetry, x = n.required, C = n.splunkTheme, w = Te(n, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "required", "splunkTheme" ]);
                     var k = C.isPrisma;
                     var S = 0;
                     var O = e.Children.toArray(o).filter(e.isValidElement).map((function(r, t) {
@@ -1021,15 +1146,15 @@
                             key: r.key || r.props.itemId || "item-".concat(t)
                         });
                     }));
-                    var I = u || s;
-                    var _ = I || l;
-                    var E = I && !l;
-                    var L = u ? we : Ce;
-                    var P = u ? he : be;
-                    var j = u ? fe : ve;
-                    var q = _ ? false : this.state.dragOver || false;
-                    var D = v()(n) && d()(n.split(",").join(", "));
-                    var T = function e(r) {
+                    var E = d || s;
+                    var I = E || l;
+                    var _ = E && !l;
+                    var R = d ? we : Ce;
+                    var P = d ? he : be;
+                    var q = d ? fe : ve;
+                    var T = I ? false : this.state.dragOver || false;
+                    var D = v()(a) && u()(a.split(",").join(", "));
+                    var j = function e(r) {
                         g === null || g === void 0 ? void 0 : g({
                             event: r,
                             filename: r.name,
@@ -1038,7 +1163,7 @@
                             name: b
                         });
                     };
-                    var $ = function e(r) {
+                    var N = function e(r) {
                         y === null || y === void 0 ? void 0 : y({
                             event: r,
                             index: r.index,
@@ -1047,25 +1172,25 @@
                             name: b
                         });
                     };
-                    var N = null;
+                    var $ = null;
                     if (this.props.supportsMessage) {
-                        N =  r().createElement(ye, {
+                        $ =  r().createElement(ye, {
                             "data-test": "file-supports"
                         }, this.props.supportsMessage);
                     } else if (k && !l) {
-                        N = n ?  r().createElement(ye, {
+                        $ = a ?  r().createElement(ye, {
                             "data-test": "file-supports"
                         }, (0, h._)("Supports ".concat(D))) :  r().createElement(ye, {
                             "data-test": "file-supports"
                         }, (0, h._)("Supports all file types"));
                     }
                     
-                    return r().createElement(L, Se({
-                        onDragOver: _ ? undefined : this.handleDragOver,
-                        onDragLeave: _ ? undefined : this.handleDragLeave,
-                        onDrop: _ ? undefined : this.handleDrop,
+                    return r().createElement(R, qe({
+                        onDragOver: I ? undefined : this.handleDragOver,
+                        onDragLeave: I ? undefined : this.handleDragLeave,
+                        onDrop: I ? undefined : this.handleDrop,
                         $disabled: l,
-                        $dragOver: q,
+                        $dragOver: T,
                         $error: p,
                         $fileCount: S,
                         "data-test": "file",
@@ -1073,20 +1198,20 @@
                         "data-test-error": p
                     }, c()(w, "onRequestAdd", "onRequestRemove")),  r().createElement(P, {
                         $disabled: l,
-                        $dragOver: q,
+                        $dragOver: T,
                         $error: p
-                    }, !l && !k &&  r().createElement(j, {
-                        $dragOver: q,
+                    }, !l && !k &&  r().createElement(q, {
+                        $dragOver: T,
                         $error: p
                     }), " ",  r().createElement("span", {
                         "data-test": "file-label"
-                    }, !I && !l && (0, h._)("Drop your file here or"), E && (0, h._)("Drop your file anywhere or"), " ", S === 0 && l && (0, 
+                    }, !E && !l && (0, h._)("Drop your file here or"), _ && (0, h._)("Drop your file anywhere or"), " ", S === 0 && l && (0, 
                     h._)("No files selected"),  r().createElement(me, {
                         htmlFor: this.inputId,
                         "data-test": "file-link",
                         "data-focused": this.state.focusedInput || null
-                    },  r().createElement(de, {
-                        accept: n,
+                    },  r().createElement(ue, {
+                        accept: a,
                         "data-test": "file-input",
                         disabled: l,
                         id: this.inputId,
@@ -1097,40 +1222,40 @@
                         onFocus: this.handleInputFocus,
                         required: x,
                         type: "file"
-                    }), !l && (0, h._)("upload file…"))), N), !l && f &&  r().createElement(ge, {
+                    }), !l && (0, h._)("upload file…"))), $), !l && f &&  r().createElement(ge, {
                         "data-test": "help"
-                    }, f), E && this.state.dragOver &&  r().createElement(xe, {
+                    }, f), _ && this.state.dragOver &&  r().createElement(xe, {
                         "data-test": "file-window-drop",
                         onDragLeave: this.handleDragLeave
-                    }), E &&  r().createElement(r().Fragment, null,  r().createElement(m(), {
-                        target: window,
+                    }), _ &&  r().createElement(r().Fragment, null,  r().createElement(m(), {
+                        target: Re,
                         eventType: "dragover",
                         listener: this.handleDragOver
                     }),  r().createElement(m(), {
-                        target: window,
+                        target: Re,
                         eventType: "drop",
                         listener: this.handleDrop
-                    })),  r().createElement(R.Provider, {
+                    })),  r().createElement(L.Provider, {
                         // eslint-disable-next-line react/jsx-no-constructed-context-values
                         value: {
                             disabled: l,
-                            onRequestRemove: y ? $ : undefined,
-                            onRequestRetry: g ? T : undefined
+                            onRequestRemove: y ? N : undefined,
+                            onRequestRetry: g ? j : undefined
                         }
                     }, O));
                 }
             } ]);
-            return n;
+            return a;
         }(e.Component);
-        Ne(Be, "propTypes", He);
-        Ne(Be, "defaultProps", Ae);
-        Ne(Be, "Item", se);
-        var ze = (0, b.withSplunkTheme)(Be);
-        var Ve = ze;
-        Ve.propTypes = Be.propTypes;
-        Ve.Item = se;
-        /* harmony default export */        const Ge = Ve;
+        Ge(Je, "propTypes", Ue);
+        Ge(Je, "defaultProps", Xe);
+        Ge(Je, "Item", se);
+        var Ke = (0, b.withSplunkTheme)(Je);
+        var Qe = Ke;
+        Qe.propTypes = Je.propTypes;
+        Qe.Item = se;
+        /* harmony default export */        const Ye = Qe;
     }) // CONCATENATED MODULE: ./src/File/index.ts
     ();
-    module.exports = a;
+    module.exports = n;
     /******/})();