@splunk/react-ui 5.1.0 → 5.2.0

package/File.js

@@ -104,8 +104,8 @@
     const w = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/File/FileStyles.ts
     var C = "24px";
-    var F = "150px";
-    var x = k().input.withConfig({
+    var x = "150px";
+    var F = k().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;}" ]);
@@ -131,7 +131,7 @@
     var O = k().div.withConfig({
         displayName: "FileStyles__StyledDropTarget",
         componentId: "sc-1wyh4cf-5"
-    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], w.mixins.reset("flex"), F, w.variables.spacingXSmall, w.variables.spacingSmall, w.variables.borderRadius, (function(e) {
+    })([ "", ";flex-direction:column;align-items:center;justify-content:center;min-height:", ";gap:", ";padding:", ";border-radius:", ";cursor:pointer;", " ", " ", " ", " ", " ", " ", "" ], w.mixins.reset("flex"), x, w.variables.spacingXSmall, w.variables.spacingSmall, w.variables.borderRadius, (function(e) {
         var n = e.$disabled;
         return !n && (0, h.css)([ "&:hover{background-color:", ";", "{color:", ";}", "{fill:", ";}}" ], w.variables.actionColorBackgroundSubtleHover, /* sc-sel */ _, w.variables.contentColorAccentStrong, /* sc-sel */ I, w.variables.contentColorAccentStrong);
     }), (function(e) {
@@ -232,8 +232,8 @@
     const we = require("@splunk/react-icons/FileMid");
     var Ce =  e.n(we);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMp3"
-    const Fe = require("@splunk/react-icons/FileMp3");
-    var xe =  e.n(Fe);
+    const xe = require("@splunk/react-icons/FileMp3");
+    var Fe =  e.n(xe);
     // CONCATENATED MODULE: external "@splunk/react-icons/FileMp4"
     const Ee = require("@splunk/react-icons/FileMp4");
     var Ie =  e.n(Ee);
@@ -338,7 +338,7 @@
         componentId: "sc-1fsk3kr-7"
     })([ "", ";color:", ";padding:", ";" ], w.mixins.typography("smallBody"), w.variables.contentColorNegative, w.variables.spacingXSmall);
     // CONCATENATED MODULE: ./src/File/ItemIcon.tsx
-    var Fn = {
+    var xn = {
         aif: X(),
         aiff: X(),
         css: W(),
@@ -359,7 +359,7 @@
         jsx: ke(),
         log: qe(),
         mid: Ce(),
-        mp3: xe(),
+        mp3: Fe(),
         mp4: Ie(),
         mpg: Re(),
         pdf: Ae(),
@@ -378,7 +378,7 @@
         xml: an(),
         zip: ln()
     };
-    var xn = function e(n) {
+    var Fn = function e(n) {
         var r;
         var a = n.name, i = a === void 0 ? "" : a, o = n.icon;
         /* if custom icon passed in use it */        if (o) {
@@ -386,13 +386,13 @@
             return t().createElement(kn, null, o);
         }
         var l = ((r = i.split(".").pop()) === null || r === void 0 ? void 0 : r.toLowerCase()) || "";
-        var s = Fn[l] || cn();
+        var s = xn[l] || cn();
         
         return t().createElement(s, {
             "aria-hidden": "true"
         });
     };
-    /* harmony default export */    const En = xn;
+    /* harmony default export */    const En = Fn;
     // CONCATENATED MODULE: ./src/File/Item.tsx
     function In() {
         return In = Object.assign ? Object.assign.bind() : function(e) {
@@ -411,7 +411,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -421,7 +421,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -466,10 +466,10 @@
             });
         }), [ S, s, c, d ]);
         var w = (0, r.useContext)(b), C = w.disabled;
-        var F = (0, v.sprintf)((0, m._)('Remove "%(filename)s"'), {
+        var x = (0, v.sprintf)((0, m._)('Remove "%(filename)s"'), {
             filename: c
         });
-        var x = (0, v.sprintf)((0, m._)('Retry "%(filename)s"'), {
+        var F = (0, v.sprintf)((0, m._)('Retry "%(filename)s"'), {
             filename: c
         });
         var E = (0, v.sprintf)((0, m._)('Uploading "%(filename)s"'), {
@@ -499,21 +499,21 @@
         }),  t().createElement("span", null, p, "%")), S && o &&  t().createElement(wn, {
             "data-test": "retry",
             onClick: q,
-            "aria-label": x,
+            "aria-label": F,
             appearance: "subtle"
         },  t().createElement(N(), {
             "aria-label": (0, m._)("Retry")
         })), !_ && (p === undefined && !o ?  t().createElement(wn, {
             "data-test": "remove",
             onClick: h,
-            "aria-label": F,
+            "aria-label": x,
             appearance: "subtle"
         },  t().createElement(B(), {
             "aria-label": I
         })) :  t().createElement(wn, {
             "data-test": "remove",
             onClick: h,
-            "aria-label": F,
+            "aria-label": x,
             appearance: "subtle"
         },  t().createElement(M(), {
             "aria-label": I
@@ -709,7 +709,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -719,7 +719,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -749,7 +749,7 @@
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */    function Yn(e) {
-        var n = e.accept, a = e.allowMultiple, o = e.children, s = e.disabled, u = e.dropAnywhere, d = e.elementRef, p = e.error, b = e.fullscreen, h = e.help, k = e.name, S = e.onRequestAdd, q = e.onRequestRemove, w = e.onRequestRetry, C = e.required, F = e.supportsMessage, j = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
+        var n = e.accept, a = e.allowMultiple, o = e.children, s = e.disabled, u = e.dropAnywhere, d = e.elementRef, p = e.error, b = e.fullscreen, h = e.help, k = e.name, S = e.onRequestAdd, q = e.onRequestRemove, w = e.onRequestRetry, C = e.required, x = e.supportsMessage, j = Zn(e, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "elementRef", "error", "fullscreen", "help", "name", "onRequestAdd", "onRequestRemove", "onRequestRetry", "required", "supportsMessage" ]);
         // @docs-props-type FilePropsBase
                 var N = (0, r.useState)(false), D = Wn(N, 2), M = D[0], $ = D[1];
         var B = (0, r.useState)(false), L = Wn(B, 2), X = L[0], U = L[1];
@@ -834,7 +834,7 @@
         var ue = l()(n) && c()(n.split(",").join(", "));
         var de = ie ? (0, m._)("Drop your file anywhere or click this area to upload") : (0, 
         m._)("Click or drag file to this area to upload");
-        var pe = F;
+        var pe = x;
         if (!pe) {
             pe = n ? (0, v.sprintf)((0, m._)("Supports %(fileTypes)s"), {
                 fileTypes: ue
@@ -868,7 +868,7 @@
             $focused: X
         },  t().createElement(I, {
             $screenMode: ce
-        }),  t().createElement(x, {
+        }),  t().createElement(F, {
             accept: n,
             "data-test": "file-input",
             disabled: s,

package/FormRows.js

@@ -107,21 +107,21 @@
         displayName: "FormRowsStyles__StyledDiv",
         componentId: "sc-1j4j7h3-2"
     })([ "", ";justify-content:start;&:has(", "):has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr) [remove-button] min-content;}&:has(", "){grid-template-columns:[drag-handle] min-content [content] minmax(auto,1fr);}&:has(", "){grid-template-columns:[content] minmax(auto,1fr) [remove-button] min-content;}grid-template-columns:[content] minmax(auto,1fr);column-gap:", ";row-gap:", ";" ], g.mixins.reset("grid"), h, w, h, w, g.variables.spacingSmall, g.variables.spacingXSmall);
-    var S = f().div.withConfig({
+    var O = f().div.withConfig({
         displayName: "FormRowsStyles__StyledHeader",
         componentId: "sc-1j4j7h3-3"
     })([ "", ";grid-column:content;" ], g.mixins.typography("largeBody", {
         color: "active"
     }));
-    var O = (0, c.css)([ "grid-column:content;width:min-content;margin-block-start:", ";" ], g.variables.spacingXSmall);
-    var x = f()(m()).withConfig({
+    var x = (0, c.css)([ "grid-column:content;width:min-content;margin-block-start:", ";" ], g.variables.spacingXSmall);
+    var S = f()(m()).withConfig({
         displayName: "FormRowsStyles__StyledAddRowButton",
         componentId: "sc-1j4j7h3-4"
-    })([ "", ";" ], O);
+    })([ "", ";" ], x);
     var j = f().div.withConfig({
         displayName: "FormRowsStyles__StyledMenuWrapper",
         componentId: "sc-1j4j7h3-5"
-    })([ "", ";" ], O);
+    })([ "", ";" ], x);
     var C = f().div.withConfig({
         displayName: "FormRowsStyles__StyledInputWrapper",
         componentId: "sc-1j4j7h3-6"
@@ -160,7 +160,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -170,7 +170,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -260,7 +260,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -270,7 +270,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -349,7 +349,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -359,7 +359,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -479,7 +479,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -489,7 +489,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -632,9 +632,9 @@
                 hasOnRequestAdd: g,
                 sortable: b
             }
-        }, s &&  t().createElement(S, null, s),  t().createElement(le, {
+        }, s &&  t().createElement(O, null, s),  t().createElement(le, {
             onSortEnd: p
-        }, a), u &&  t().createElement(j, null, u) || g &&  t().createElement(x, {
+        }, a), u &&  t().createElement(j, null, u) || g &&  t().createElement(S, {
             disabled: i,
             appearance: "secondary",
             "data-test": "add-row",

package/Heading.js

@@ -69,8 +69,8 @@
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
-    const l = require("prop-types");
-    var i =  e.n(l);
+    const i = require("prop-types");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "styled-components"
     const a = require("styled-components");
     var o =  e.n(a);
@@ -101,31 +101,31 @@
     }
     function p(e, t) {
         if (null == e) return {};
-        var r, n, l = v(e, t);
+        var r, n, i = v(e, t);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                r = l[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return l;
+        return i;
     }
     function v(e, t) {
         if (null == e) return {};
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
+                if (-1 !== t.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
         return r;
     }
     var y = {
-        children: i().node.isRequired,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        level: i().oneOf([ 1, 2, 3, 4, 5, 6 ]).isRequired,
-        variant: i().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
+        children: l().node.isRequired,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        level: l().oneOf([ 1, 2, 3, 4, 5, 6 ]).isRequired,
+        variant: l().oneOf([ "title1", "title2", "title3", "title4", "title5", "title6", "title7" ])
     };
     // h1-h6 use the same intrinsic element type
         var h = {
@@ -145,17 +145,17 @@
         h6: "title6"
     };
     function b(e) {
-        var t = e.level, r = e.elementRef, l = e.children, i = e.variant, a = p(e, [ "level", "elementRef", "children", "variant" ]);
+        var t = e.level, r = e.elementRef, i = e.children, l = e.variant, a = p(e, [ "level", "elementRef", "children", "variant" ]);
         // @docs-props-type HeadingPropsBase
                 var o = h[t];
-        var u = i || m[o];
+        var u = l || m[o];
         
         return n().createElement(f, d({
             forwardedAs: o,
             "data-test": "heading",
             elementRef: r,
             $variant: u
-        }, a), l);
+        }, a), i);
     }
     b.propTypes = y;
     /* harmony default export */    const g = b;

package/Image.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ P,
+        default: () => /* reexport */ x,
         isAllowedFilename: () => /* reexport */ R
     });
     // CONCATENATED MODULE: external "react"
@@ -75,10 +75,10 @@
     var i =  e.n(l);
     // CONCATENATED MODULE: external "prop-types"
     const u = require("prop-types");
-    var s =  e.n(u);
+    var f =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/File"
-    const c = require("@splunk/react-ui/File");
-    var f =  e.n(c);
+    const s = require("@splunk/react-ui/File");
+    var c =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Message"
     const d = require("@splunk/react-ui/Message");
     var v =  e.n(d);
@@ -119,7 +119,7 @@
     function O(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var n, a, o, l, i = [], u = !0, s = !1;
+            var n, a, o, l, i = [], u = !0, f = !1;
             try {
                 if (o = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
@@ -127,12 +127,12 @@
                 } else for (;!(u = (n = o.call(t)).done) && (i.push(n.value), i.length !== r); u = !0) {
                 }
             } catch (e) {
-                s = !0, a = e;
+                f = !0, a = e;
             } finally {
                 try {
                     if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
                 } finally {
-                    if (s) throw a;
+                    if (f) throw a;
                 }
             }
             return i;
@@ -147,7 +147,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -157,21 +157,21 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
     /** @public */    var S = {
-        allowExtensions: s().arrayOf(s().string),
-        defaultFilename: s().string,
-        defaultImageDataURI: s().string,
-        disabled: s().bool,
-        dropAnywhere: s().bool,
-        elementRef: s().oneOfType([ s().func, s().object ]),
-        error: s().bool,
-        onImageChange: s().func
+        allowExtensions: f().arrayOf(f().string),
+        defaultFilename: f().string,
+        defaultImageDataURI: f().string,
+        disabled: f().bool,
+        dropAnywhere: f().bool,
+        elementRef: f().oneOfType([ f().func, f().object ]),
+        error: f().bool,
+        onImageChange: f().func
     };
     var R = function e(r, t) {
         return !!r && t.some((function(e) {
@@ -183,15 +183,15 @@
     /**
  * Image provides the ability to accept image files and present a preview of the image.
  */    function q(e) {
-        var r = e.allowExtensions, a = r === void 0 ? A : r, o = e.defaultFilename, l = e.defaultImageDataURI, i = e.disabled, u = e.error, s = e.onImageChange, c = j(e, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "disabled", "error", "onImageChange" ]);
+        var r = e.allowExtensions, a = r === void 0 ? A : r, o = e.defaultFilename, l = e.defaultImageDataURI, i = e.disabled, u = e.error, f = e.onImageChange, s = j(e, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "disabled", "error", "onImageChange" ]);
         // @docs-props-type ImagePropsBase
                 var d = (0, t.useState)(o), g = y(d, 2), b = g[0], h = g[1];
         var O = (0, t.useState)(l), w = y(O, 2), I = w[0], S = w[1];
-        var q = (0, t.useRef)(o), P = q.current;
+        var q = (0, t.useRef)(o), x = q.current;
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ P, o ]);
-        var U = (0, t.useCallback)((function(e) {
+        }), [ x, o ]);
+        var P = (0, t.useCallback)((function(e) {
             if (e.length > 0) {
                 var r = e[0];
                 if (E.readyState === 1) {
@@ -202,7 +202,7 @@
                     S(E.result);
  // TS: guaranteed by readAsDataURL call below (see spec)
                                         if (R(r.name, a)) {
-                        s === null || s === void 0 ? void 0 : s({
+                        f === null || f === void 0 ? void 0 : f({
                             filename: r.name,
                             imageDataURI: E.result
                         });
@@ -210,18 +210,18 @@
                 };
                 E.readAsDataURL(r);
             }
-        }), [ a, s ]);
-        var x = (0, t.useCallback)((function() {
+        }), [ a, f ]);
+        var U = (0, t.useCallback)((function() {
             if (E.readyState === 1) {
                 E.abort();
             }
             h(undefined);
             S(undefined);
-            s === null || s === void 0 ? void 0 : s({
+            f === null || f === void 0 ? void 0 : f({
                 filename: null,
                 imageDataURI: null
             });
-        }), [ s ]);
+        }), [ f ]);
         var C = a.map((function(e) {
             return ".".concat(e);
         })).join(", ");
@@ -231,15 +231,15 @@
         
         return n().createElement("div", {
             "data-test": "image"
-        },  n().createElement(f(), p({}, c, {
+        },  n().createElement(c(), p({}, s, {
             accept: C,
             allowMultiple: false,
             disabled: i,
             error: D,
-            onRequestAdd: U,
-            onRequestRemove: x,
+            onRequestAdd: P,
+            onRequestRemove: U,
             "data-test": "file"
-        }), b && I && !D &&  n().createElement(f().Item, {
+        }), b && I && !D &&  n().createElement(c().Item, {
             icon:  n().createElement("img", {
                 alt: b,
                 "data-test": "preview",
@@ -252,7 +252,7 @@
         }, F));
     }
     q.propTypes = S;
-    /* harmony default export */    const P = q;
+    /* harmony default export */    const x = q;
     // CONCATENATED MODULE: ./src/Image/index.ts
     module.exports = r;
     /******/})();