@splunk/react-ui 4.33.0 → 4.35.0

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;
     /******/})();