@splunk/react-ui 4.33.0 → 4.34.0

package/File.js

@@ -101,8 +101,8 @@
     const w = require("@splunk/react-icons/enterprise/Close");
     var L =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/Progress"
-    const O = require("@splunk/react-ui/Progress");
-    var S =  e.n(O);
+    const S = require("@splunk/react-ui/Progress");
+    var O =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
     const I = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: ./src/File/FileContext.tsx
@@ -335,7 +335,7 @@
         });
     }));
  // for Prisma theme only
-        var Q = F().div.withConfig({
+        var J = F().div.withConfig({
         displayName: "ItemStyles__StyledPaperClipIcon",
         componentId: "sc-1fsk3kr-5"
     })([ "color:", ";padding:", ";", "" ], b.variables.neutral400, (0, b.pick)({
@@ -346,12 +346,12 @@
         return r && (0, M.css)([ "color:", ";cursor:not-allowed;" ], b.variables.contentColorDisabled);
     }));
  // for Prisma theme only
-        var J = F().span.withConfig({
+        var K = F().span.withConfig({
         displayName: "ItemStyles__StyledPercentage",
         componentId: "sc-1fsk3kr-6"
     })([ "color:", ";" ], b.variables.contentColorMuted);
  // for Prisma theme only
-        var K = F().div.withConfig({
+        var Q = F().div.withConfig({
         displayName: "ItemStyles__StyledProgress",
         componentId: "sc-1fsk3kr-7"
     })([ "position:absolute;left:0;top:0;width:", "%;height:100%;background:", ";transition:width 300ms;border-radius:", ";" ], (function(e) {
@@ -426,7 +426,7 @@
                 index: c
             });
         }
-        var O = (0, t.useContext)(_), E = O.onRequestRetry;
+        var S = (0, t.useContext)(_), E = S.onRequestRetry;
         function R(e) {
             e.preventDefault();
             E === null || E === void 0 ? void 0 : E({
@@ -450,7 +450,7 @@
             style: {
                 paddingRight: "4px"
             }
-        }, (0, h._)("Uploading ")),  a().createElement(J, null, p, "%"));
+        }, (0, h._)("Uploading ")),  a().createElement(K, null, p, "%"));
         var A = v && !C()(p) && p > 0 ? H : l;
         var B = r !== undefined ? r : q;
         
@@ -462,7 +462,7 @@
             flex: true,
             $error: i,
             $disabled: B
-        }), v && C()(p) &&  a().createElement(Q, {
+        }), v && C()(p) &&  a().createElement(J, {
             "data-test": "paper-clip",
             $disabled: B
         },  a().createElement(j, {
@@ -495,14 +495,14 @@
             "aria-label": F,
             height: y,
             width: y
-        }))), !C()(p) && p > 0 && (v ?  a().createElement(K, {
+        }))), !C()(p) && p > 0 && (v ?  a().createElement(Q, {
             $uploadPercentage: p,
             "aria-label": M,
             role: "progressbar",
             "aria-valuenow": p,
             "aria-valuemin": 0,
             "aria-valuemax": 100
-        }) :  a().createElement(S(), {
+        }) :  a().createElement(O(), {
             style: {
                 position: "absolute",
                 left: 0,
@@ -602,11 +602,9 @@
     var ve = F().div.withConfig({
         displayName: "FileStyles__StyledWindowText",
         componentId: "sc-1wyh4cf-5"
-    })([ "margin-top:", ";margin-bottom:", ";font-size:", ";", "" ], (0, b.pick)({
-        enterprise: (0, M.css)([ "calc(", " * 4)" ], b.variables.spacing),
-        prisma: (0, M.css)([ "calc(", " * 4)" ], b.variables.spacingLarge)
-    }), (0, b.pick)({
-        enterprise: b.variables.spacingHalf,
+    })([ "margin-top:calc(", " * 4);margin-bottom:", ";font-size:", ";", "" ], b.variables.spacingLarge, (0, 
+    b.pick)({
+        enterprise: b.variables.spacingSmall,
         prisma: b.variables.spacingMedium
     }), b.variables.fontSizeXLarge, (0, b.pick)({
         prisma: (0, M.css)([ "color:", ";" ], b.variables.contentColorActive)
@@ -618,10 +616,7 @@
     var me = F().div.withConfig({
         displayName: "FileStyles__StyledHelp",
         componentId: "sc-1wyh4cf-7"
-    })([ "margin-bottom:", ";" ], (0, b.pick)({
-        enterprise: b.variables.spacingXLarge,
-        prisma: (0, M.css)([ "calc(", " * 1.5)" ], b.variables.spacingLarge)
-    }));
+    })([ "margin-bottom:", ";" ], b.variables.spacingXLarge);
     var be = F().div.withConfig({
         displayName: "FileStyles__StyledWindowDrop",
         componentId: "sc-1wyh4cf-8"
@@ -638,7 +633,7 @@
         enterprise: (0, M.css)([ "line-height:calc(", " - 2px);" ], b.variables.inputHeight)
     }), (0, b.pick)({
         enterprise: {
-            comfortable: (0, M.css)([ "min-height:73px;padding:", ";" ], b.variables.spacingQuarter),
+            comfortable: (0, M.css)([ "min-height:73px;padding:", ";" ], b.variables.spacingXSmall),
             compact: (0, M.css)([ "min-height:63px;padding:3px;" ])
         }
     }), (0, b.pick)({
@@ -756,12 +751,12 @@
             Object.defineProperty(e, a.key, a);
         }
     }
-    function Oe(e, r, t) {
+    function Se(e, r, t) {
         if (r) Le(e.prototype, r);
         if (t) Le(e, t);
         return e;
     }
-    function Se(e, r) {
+    function Oe(e, r) {
         if (typeof r !== "function" && r !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -867,7 +862,7 @@
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */    var $e =  function(e) {
-        Se(n, e);
+        Oe(n, e);
         var r = _e(n);
         // @docs-props-type FilePropsBase
                 function n(e) {
@@ -919,7 +914,7 @@
             t.handleDragLeave = l()(t.handleDragLeave, 300);
             return t;
         }
-        Oe(n, [ {
+        Se(n, [ {
             key: "addFiles",
             value: function e(r) {
                 var t = this.props.name;
@@ -943,7 +938,7 @@
                 var r = this.props, n = r.accept, i = r.allowMultiple, o = r.children, l = r.disabled, s = r.dropAnywhere, p = r.error, u = r.fullscreen, f = r.help, b = r.name, y = r.onRequestRemove, g = r.onRequestRetry, C = r.required, x = r.splunkTheme, k = xe(r, [ "accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "required", "splunkTheme" ]);
                 var w = x.isPrisma;
                 var L = 0;
-                var O = t.Children.toArray(o).filter(t.isValidElement).map((function(e, r) {
+                var S = t.Children.toArray(o).filter(t.isValidElement).map((function(e, r) {
                     L += 1;
                     
                     return (0, t.cloneElement)(e, {
@@ -951,9 +946,9 @@
                         key: e.key || e.props.itemId || "item-".concat(r)
                     });
                 }));
-                var S = u || s;
-                var I = S || l;
-                var _ = S && !l;
+                var O = u || s;
+                var I = O || l;
+                var _ = O && !l;
                 var R = u ? ye : he;
                 var D = u ? ve : ue;
                 var q = u ? pe : ce;
@@ -1010,7 +1005,7 @@
                     $error: p
                 }), " ",  a().createElement("span", {
                     "data-test": "file-label"
-                }, !S && !l && (0, h._)("Drop your file here or"), _ && (0, h._)("Drop your file anywhere or"), " ", L === 0 && l && (0, 
+                }, !O && !l && (0, h._)("Drop your file here or"), _ && (0, h._)("Drop your file anywhere or"), " ", L === 0 && l && (0, 
                 h._)("No files selected"),  a().createElement(de, {
                     htmlFor: this.inputId,
                     "data-test": "file-link",
@@ -1046,7 +1041,7 @@
                         onRequestRemove: y ? $ : undefined,
                         onRequestRetry: g ? T : undefined
                     }
-                }, O));
+                }, S));
             }
         } ]);
         return n;

package/FormRows.js

@@ -112,8 +112,8 @@
     const w = require("@splunk/react-icons/enterprise/Close");
     var O =  e.n(w);
     // CONCATENATED MODULE: external "styled-components"
-    const R = require("styled-components");
-    var S =  e.n(R);
+    const S = require("styled-components");
+    var R =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const j = require("@splunk/react-ui/Box");
     var k =  e.n(j);
@@ -124,58 +124,58 @@
     const P = require("@splunk/react-ui/ButtonSimple");
     var q =  e.n(P);
     // CONCATENATED MODULE: ./src/FormRows/FormRowsStyles.ts
-    var C = S()(k()).withConfig({
+    var C = R()(k()).withConfig({
         displayName: "FormRowsStyles__StyledBox",
         componentId: "sc-1j4j7h3-0"
     })([ "", ";" ], s.mixins.reset("block"));
-    var D = S().div.withConfig({
+    var D = R().div.withConfig({
         displayName: "FormRowsStyles__StyledHeader",
         componentId: "sc-1j4j7h3-1"
     })([ "padding-left:", ";", "" ], (0, s.pick)({
-        enterprise: s.variables.spacingHalf,
+        enterprise: s.variables.spacingSmall,
         prisma: "16px"
     }), (0, s.pick)({
         prisma: {
-            comfortable: (0, R.css)([ "padding-bottom:8px;" ]),
-            compact: (0, R.css)([ "padding-bottom:6px;" ])
+            comfortable: (0, S.css)([ "padding-bottom:8px;" ]),
+            compact: (0, S.css)([ "padding-bottom:6px;" ])
         }
     }));
-    var I = S()(_()).withConfig({
+    var I = R()(_()).withConfig({
         displayName: "FormRowsStyles__StyledAddRowButton",
         componentId: "sc-1j4j7h3-2"
     })([ "", "" ], (function(e) {
         var t = e.$sortable;
         return t && (0, s.pick)({
-            prisma: (0, R.css)([ "margin-left:16px;" ])
+            prisma: (0, S.css)([ "margin-left:16px;" ])
         });
     }));
-    var T = S().div.withConfig({
+    var T = R().div.withConfig({
         displayName: "FormRowsStyles__StyledRows",
         componentId: "sc-1j4j7h3-3"
     })([ "position:relative;", "" ], (0, s.pick)({
         prisma: {
-            comfortable: (0, R.css)([ "padding-bottom:12px;" ]),
-            compact: (0, R.css)([ "padding-bottom:10px;" ])
+            comfortable: (0, S.css)([ "padding-bottom:12px;" ]),
+            compact: (0, S.css)([ "padding-bottom:10px;" ])
         }
     }));
-    var H = S().div.withConfig({
+    var A = R().div.withConfig({
         displayName: "FormRowsStyles__Styled",
         componentId: "sc-1j4j7h3-4"
-    })([ "padding:", ";position:relative;&.sorting{z-index:calc(", " + 1);}", " &:focus{outline:0;box-shadow:", ";}" ], (0, 
+    })([ "", ";position:relative;&.sorting{z-index:calc(", " + 1);}", " &:focus{outline:0;box-shadow:", ";}" ], (0, 
     s.pick)({
-        enterprise: (0, R.css)([ "3px calc(", " + 3px) 3px 0" ], s.variables.inputHeight),
+        enterprise: (0, S.css)([ "padding:3px calc(", " + 3px) 3px 0;" ], s.variables.inputHeight),
         prisma: {
-            comfortable: (0, R.css)([ "8px calc(", " + 8px) 8px 0" ], s.variables.inputHeight),
-            compact: (0, R.css)([ "6px calc(", " + 8px) 6px 0" ], s.variables.inputHeight)
+            comfortable: (0, S.css)([ "padding:8px calc(", " + 8px) 8px 0;" ], s.variables.inputHeight),
+            compact: (0, S.css)([ "padding:6px calc(", " + 8px) 6px 0;" ], s.variables.inputHeight)
         }
     }), s.variables.zindexPopover, (function(e) {
         var t = e.$sortable;
-        return t && (0, R.css)([ "padding-left:", ";" ], (0, s.pick)({
-            enterprise: s.variables.spacingHalf,
+        return t && (0, S.css)([ "padding-left:", ";" ], (0, s.pick)({
+            enterprise: s.variables.spacingSmall,
             prisma: "16px"
         }));
     }), s.variables.focusShadow);
-    var A = S().div.withConfig({
+    var B = R().div.withConfig({
         displayName: "FormRowsStyles__StyledButton",
         componentId: "sc-1j4j7h3-5"
     })([ "position:absolute;right:0;top:", ";float:right;" ], (0, s.pick)({
@@ -185,11 +185,11 @@
             compact: "6px"
         }
     }));
-    var B = S()(q()).withConfig({
+    var N = R()(q()).withConfig({
         displayName: "FormRowsStyles__StyledButtonSimple",
         componentId: "sc-1j4j7h3-6"
     })([ "float:right;width:", ";height:", ";text-align:center;" ], s.variables.inputHeight, s.variables.inputHeight);
-    var N = S().div.withConfig({
+    var H = R().div.withConfig({
         displayName: "FormRowsStyles__StyledDrag",
         componentId: "sc-1j4j7h3-7"
     })([ "position:absolute;left:0;right:0;content:'';cursor:move;background:", ";width:", ";top:", ";", "" ], s.variables.draggableBackground, (0, 
@@ -203,8 +203,8 @@
             compact: "12px"
         }
     }), (0, s.pick)({
-        enterprise: (0, R.css)([ "bottom:3px;opacity:0.5;" ]),
-        prisma: (0, R.css)([ "height:20px;" ])
+        enterprise: (0, S.css)([ "bottom:3px;opacity:0.5;" ]),
+        prisma: (0, S.css)([ "height:20px;" ])
     }));
     // CONCATENATED MODULE: ./src/FormRows/RowInternal.tsx
     function M() {
@@ -260,8 +260,8 @@
         var o = e.children, i = e.index, l = e.onRequestRemove, u = e.renderDragHandle, f = F(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
         var p = (0, s.useSplunkTheme)(), d = p.isCompact, v = p.isEnterprise;
         var y = d ? "20px" : "24px";
-        var b = (0, r.useContext)(c), m = b.disabledDeleteButton, g = b.hasOnRequestAdd, w = b.onKeyDown, R = b.sortable;
-        var S = (0, r.useCallback)((function(e) {
+        var b = (0, r.useContext)(c), m = b.disabledDeleteButton, g = b.hasOnRequestAdd, w = b.onKeyDown, S = b.sortable;
+        var R = (0, r.useCallback)((function(e) {
             // TODO: this callback doesn't work correctly if index isn't provided SUI-5639
             w === null || w === void 0 ? void 0 : w(e, {
                 index: i !== null && i !== void 0 ? i : 0
@@ -278,12 +278,12 @@
         if (false) {}
         if (false) {}
         
-        return n().createElement(H, M({
-            $sortable: R,
+        return n().createElement(A, M({
+            $sortable: S,
             "data-test": "row",
             ref: t,
-            onKeyDown: S
-        }, h()(f, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, k &&  n().createElement(A, null,  n().createElement(B, {
+            onKeyDown: R
+        }, h()(f, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, k &&  n().createElement(B, null,  n().createElement(N, {
             appearance: "pill",
             "aria-label": (0, a._)("Remove Row"),
             "data-test": "remove",
@@ -378,7 +378,7 @@
     };
     var ee =  n().forwardRef((function(e, t) {
         
-        return n().createElement(N, Y({
+        return n().createElement(H, Y({
             "data-test": "drag-handle",
             ref: t
         }, e),  n().createElement(Q(), null, (0, a._)("Press arrow up or arrow down to re-order items")));
@@ -627,20 +627,20 @@
             strategy: V.verticalListSortingStrategy
         }, l));
     };
-    /* harmony default export */    const Re = Oe;
+    /* harmony default export */    const Se = Oe;
     // CONCATENATED MODULE: ./src/FormRows/FormRows.tsx
-    function Se(e) {
+    function Re(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            Se = function e(t) {
+            Re = function e(t) {
                 return typeof t;
             };
         } else {
-            Se = function e(t) {
+            Re = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return Se(e);
+        return Re(e);
     }
     function je() {
         je = Object.assign || function(e) {
@@ -723,11 +723,11 @@
         return De(e, t);
     }
     function Ie(e) {
-        var t = Ae();
+        var t = Be();
         return function r() {
-            var n = Be(e), o;
+            var n = Ne(e), o;
             if (t) {
-                var i = Be(this).constructor;
+                var i = Ne(this).constructor;
                 o = Reflect.construct(n, arguments, i);
             } else {
                 o = n.apply(this, arguments);
@@ -736,18 +736,18 @@
         };
     }
     function Te(e, t) {
-        if (t && (Se(t) === "object" || typeof t === "function")) {
+        if (t && (Re(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return He(e);
+        return Ae(e);
     }
-    function He(e) {
+    function Ae(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function Ae() {
+    function Be() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -758,13 +758,13 @@
             return false;
         }
     }
-    function Be(e) {
-        Be = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function Ne(e) {
+        Ne = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Be(e);
+        return Ne(e);
     }
-    function Ne(e, t, r) {
+    function He(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -802,7 +802,7 @@
                 i[a] = arguments[a];
             }
             e = t.call.apply(t, [ this ].concat(i));
-            Ne(He(e), "handleKeyDown", (function(t, r) {
+            He(Ae(e), "handleKeyDown", (function(t, r) {
                 var o = r.index;
                 if (t.currentTarget !== t.target) {
                     return;
@@ -827,7 +827,7 @@
                     }
                 }
             }));
-            Ne(He(e), "handleSortEnd", (function(t) {
+            He(Ae(e), "handleSortEnd", (function(t) {
                 var r, n;
                 var o = t.oldIndex, i = t.newIndex;
                 (r = (n = e.props).onRequestMove) === null || r === void 0 ? void 0 : r.call(n, {
@@ -854,7 +854,7 @@
                         hasOnRequestAdd: v,
                         sortable: p
                     }
-                }, a &&  n().createElement(d, null, a),  n().createElement(T, null,  n().createElement(Re, {
+                }, a &&  n().createElement(d, null, a),  n().createElement(T, null,  n().createElement(Se, {
                     onSortEnd: this.handleSortEnd
                 }, o)), l || v &&  n().createElement(I, {
                     disabled: i,
@@ -953,9 +953,9 @@
         } ]);
         return o;
     }(r.Component);
-    Ne(Ke, "propTypes", Me);
-    Ne(Ke, "defaultProps", Fe);
-    Ne(Ke, "Row", xe);
+    He(Ke, "propTypes", Me);
+    He(Ke, "defaultProps", Fe);
+    He(Ke, "Row", xe);
     /* harmony default export */    const Le = Ke;
     // CONCATENATED MODULE: ./src/FormRows/index.ts
     module.exports = t;

package/Image.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ X
+        default: () => /* reexport */ V
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -194,7 +194,7 @@
         displayName: "ImageStyles__StyledErrorMessage",
         componentId: "sc-16ooypp-5"
     })([ "margin-top:", ";" ], (0, b.pick)({
-        enterprise: b.variables.spacingQuarter,
+        enterprise: b.variables.spacingXSmall,
         prisma: "12px"
     }));
     // CONCATENATED MODULE: ./src/Image/Image.tsx
@@ -265,7 +265,7 @@
         return L(e, r);
     }
     function B(e) {
-        var r = W();
+        var r = X();
         return function t() {
             var a = z(e), o;
             if (r) {
@@ -281,15 +281,15 @@
         if (r && (F(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return Q(e);
+        return W(e);
     }
-    function Q(e) {
+    function W(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function W() {
+    function X() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -339,7 +339,7 @@
     };
     /**
  * Image provides the ability to accept image files and present a preview of the image.
- */    var V =  function(e) {
+ */    var Q =  function(e) {
         N(t, e);
         var r = B(t);
         M(t, null, [ {
@@ -355,8 +355,8 @@
             var a;
             H(this, t);
             a = r.call(this, e);
-            G(Q(a), "fileReader", void 0);
-            G(Q(a), "handleAddFiles", (function(e) {
+            G(W(a), "fileReader", void 0);
+            G(W(a), "handleAddFiles", (function(e) {
                 if (e.length > 0) {
                     var r = e[0];
                     if (a.fileReader.readyState === 1) {
@@ -376,7 +376,7 @@
                     a.fileReader.readAsDataURL(r);
                 }
             }));
-            G(Q(a), "handleRemoveFile", (function() {
+            G(W(a), "handleRemoveFile", (function() {
                 var e, r;
                 if (a.fileReader.readyState === 1) {
                     a.fileReader.abort();
@@ -443,9 +443,9 @@
         } ]);
         return t;
     }(t.Component);
-    G(V, "propTypes", J);
-    G(V, "defaultProps", K);
-    /* harmony default export */    const X = V;
+    G(Q, "propTypes", J);
+    G(Q, "defaultProps", K);
+    /* harmony default export */    const V = Q;
     // CONCATENATED MODULE: ./src/Image/index.ts
     module.exports = r;
     /******/})();