@splunk/react-ui 4.34.0 → 4.36.0

package/ControlGroup.js

@@ -281,7 +281,7 @@
         return r;
     }
     function $(e, t) {
-        return z(e) || N(e, t) || G(e, t) || A();
+        return R(e) || N(e, t) || G(e, t) || A();
     }
     function A() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -324,15 +324,15 @@
         }
         return r;
     }
-    function z(e) {
+    function R(e) {
         if (Array.isArray(e)) return e;
     }
-    function R(e, t) {
+    function W(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function W(e, t) {
+    function z(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -342,8 +342,8 @@
         }
     }
     function F(e, t, r) {
-        if (t) W(e.prototype, t);
-        if (r) W(e, r);
+        if (t) z(e.prototype, t);
+        if (r) z(e, r);
         return e;
     }
     function J(e, t) {
@@ -446,8 +446,7 @@
         hideLabel: false,
         labelPosition: "left",
         labelWidth: 120,
-        required: false,
-        size: "medium"
+        required: false
     };
     // Style cloned onto child elements when fill behavior set.
         var re = {
@@ -480,7 +479,7 @@
         // @docs-props-type ControlGroupPropsBase
                 function o(e) {
             var r;
-            R(this, o);
+            W(this, o);
             r = t.call(this, e);
             Z(K(r), "errorId", void 0);
             Z(K(r), "helpId", void 0);
@@ -539,6 +538,7 @@
             r.childIds = {};
             r.stackLayoutChildStyle = {};
             if (false) {}
+            if (false) {}
             return r;
         }
         F(o, [ {
@@ -572,13 +572,16 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var o = this.props, i = o.children, l = o.controlsLayout, a = o.error, s = o.help, c = o.hideLabel, u = o.label, f = o.labelFor, y = o.labelPosition, h = o.labelWidth, m = o.required, v = o.size, g = o.splunkTheme, _ = o.tooltip, T = o.tooltipDefaultPlacement, D = M(o, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "size", "splunkTheme", "tooltip", "tooltipDefaultPlacement" ]);
-                var V = g.isPrisma, $ = g.isCompact;
-                var A = r.Children.toArray(i).filter(r.isValidElement);
-                var G = A.length;
-                var B = D;
+                var o = this.props, i = o.children, l = o.controlsLayout, a = o.error, s = o.help, c = o.hideLabel, u = o.label, f = o.labelFor, y = o.labelPosition, h = o.labelWidth, m = o.required, v = o.splunkTheme, g = o.tooltip, _ = o.tooltipDefaultPlacement, T = M(o, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "splunkTheme", "tooltip", "tooltipDefaultPlacement" ]);
+                var D = v.isPrisma, V = v.isCompact;
+                var $ = r.Children.toArray(i).filter(r.isValidElement);
+                var A = $.length;
+                var G = T;
+                var B = typeof a === "string";
+                var N = B && a !== "";
+                var R = B || a === true;
  // Clean the Children
-                                var N = function e(n, o) {
+                                var W = function e(n, o) {
                     var i = {
                         key: n.key || o
                     };
@@ -586,21 +589,21 @@
                         if (o > 0) {
                             i.prepend = true;
                         }
-                        if (o < G - 1) {
+                        if (o < A - 1) {
                             i.append = true;
                         }
                         if (i.prepend || i.append) {
                             i.inline = false;
                         }
                     }
-                    if (l === "fill" && G > 1) {
+                    if (l === "fill" && A > 1) {
                         i.inline = true;
                     }
                     if (l === "stack") {
                         i.inline = false;
-                        if (o < G - 1) {
+                        if (o < A - 1) {
                             // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
-                            var a = t.getStackLayoutChildStyle(V, $);
+                            var a = t.getStackLayoutChildStyle(D, V);
                             i.style = n.props.style ? q(q({}, n.props.style), a) : a;
                         }
                     }
@@ -624,7 +627,7 @@
                     } else {
                         i.labelText = u;
                     }
-                    if (G === 1 && (l === "fillJoin" || l === "fill")) {
+                    if (A === 1 && (l === "fillJoin" || l === "fill")) {
                         // Some controls like Select do not grow by default, so flexGrow is applied
                         // The spread operator is used as css styles are not nested, so there is no need for a deep copy.
                         i.style = n.props.style ? q(q({}, n.props.style), re) : re;
@@ -636,64 +639,64 @@
                             i.id = n.props.id || t.getChildID("id", o);
                         }
                     }
+                    if (N && n.props.error === true) {
+                        i["aria-errormessage"] = t.errorId;
+                    }
                     
                     return (0, r.cloneElement)(n, i);
                 };
-                var z = A.map(N);
-                var R = this.getLinkedId(z);
+                var z = $.map(W);
+                var F = this.getLinkedId(z);
                 if (a) {
-                    B["aria-invalid"] = true;
+                    G["aria-invalid"] = true;
                 }
-                var W = y === "left" ? {
+                var J = y === "left" ? {
                     width: h
                 } : undefined;
-                var F = p()(h) ? "".concat(h, "px") : h;
-                var J = V ? "16px" : "20px";
-                var H = y === "left" ? {
-                    marginLeft: "calc(".concat(F, " + ").concat(J, ")")
+                var H = p()(h) ? "".concat(h, "px") : h;
+                var U = D ? "16px" : "20px";
+                var X = y === "left" ? {
+                    marginLeft: "calc(".concat(H, " + ").concat(U, ")")
                 } : undefined;
-                var U = l === "stack" ? S : d();
-                var X = y === "left" ? I : x;
-                var K =  n().createElement(X, {
-                    style: W,
+                var K = l === "stack" ? S : d();
+                var Q = y === "left" ? I : x;
+                var Y =  n().createElement(Q, {
+                    style: J,
                     $labelPosition: y
                 },  n().createElement(C, {
-                    "data-size": v,
                     "data-test": "label",
                     id: this.labelId,
-                    htmlFor: f || R,
-                    $tooltip: !!_
+                    htmlFor: f || F,
+                    $tooltip: !!g
                 }, m &&  n().createElement(P, {
                     "aria-hidden": "true"
-                }, "*"), u, !V && !c && _ &&  n().createElement("span", null, " "), !c && _ &&  n().createElement(b(), null, _)), !c && _ &&  n().createElement(k, {
+                }, "*"), u, !D && !c && g &&  n().createElement("span", null, " "), !c && g &&  n().createElement(b(), null, g)), !c && g &&  n().createElement(k, {
                     $labelPosition: y,
                     closeWhen: "notOnClick",
-                    content: _,
-                    defaultPlacement: T,
+                    content: g,
+                    defaultPlacement: _,
                     "aria-hidden": "true"
                 }));
-                var Q = typeof a === "string" || a === true;
-                var Y = typeof a === "boolean";
                 
                 return n().createElement(O, E({
                     "data-test": "control-group",
                     "data-test-required": m,
-                    $error: Q
-                }, B),  n().createElement(L.Provider, {
+                    $error: R
+                }, G),  n().createElement(L.Provider, {
                     value: this.getContextValue()
-                }, c ?  n().createElement(b(), null, K) : K,  n().createElement(U, {
+                }, c ?  n().createElement(b(), null, Y) : Y,  n().createElement(K, {
                     "data-test": "controls",
                     flex: l !== "none",
-                    style: H
+                    style: X
                 }, z), s &&  n().createElement(w, {
                     "data-test": "help",
                     id: this.helpId,
-                    style: H,
-                    $error: Q && Y
-                }, s), Q && !Y &&  n().createElement(j, {
+                    style: X,
+                    $error: R && !N
+                }, s), N &&  n().createElement(j, {
                     "data-test": "error",
                     id: this.errorId,
-                    style: H,
+                    style: X,
                     $help: !!s
                 }, a)));
             }

package/FormRows.js

@@ -284,7 +284,7 @@
             ref: t,
             onKeyDown: R
         }, h()(f, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, k &&  n().createElement(B, null,  n().createElement(N, {
-            appearance: "pill",
+            appearance: "subtle",
             "aria-label": (0, a._)("Remove Row"),
             "data-test": "remove",
             disabled: m,
@@ -858,7 +858,7 @@
                     onSortEnd: this.handleSortEnd
                 }, o)), l || v &&  n().createElement(I, {
                     disabled: i,
-                    appearance: "pill",
+                    appearance: "subtle",
                     "data-test": "add-row",
                     icon:  n().createElement(b, null),
                     label: r,