@splunk/react-ui 5.1.0 → 5.2.0

package/ControlGroup.js

@@ -68,8 +68,8 @@
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const l = require("prop-types");
-    var o =  e.n(l);
+    const o = require("prop-types");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const i = require("@splunk/react-ui/ScreenReaderContent");
     var a =  e.n(i);
@@ -100,11 +100,11 @@
     const g = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ControlGroup/ControlGroupStyles.ts
     var w = "24px";
-    var S = y().div.withConfig({
+    var O = y().div.withConfig({
         displayName: "ControlGroupStyles__StyledHelp",
         componentId: "wjnyif-0"
     })([ "", ";", ";" ], g.mixins.reset("block"), g.mixins.typography("smallBody"));
-    var O = y().label.withConfig({
+    var S = y().label.withConfig({
         displayName: "ControlGroupStyles__StyledLabel",
         componentId: "wjnyif-1"
     })([ "", ";word-wrap:break-word;" ], g.mixins.typography("body", {
@@ -119,18 +119,18 @@
         f.css)([ "flex-direction:row;gap:", ";" ], g.variables.spacingMedium);
     }), (function(e) {
         var r = e.$disabled;
-        return r && (0, f.css)([ "", "{color:", ";}", "{color:", ";}" ], /* sc-sel */ O, g.variables.contentColorDisabled, /* sc-sel */ S, g.variables.contentColorDisabled);
+        return r && (0, f.css)([ "", "{color:", ";}", "{color:", ";}" ], /* sc-sel */ S, g.variables.contentColorDisabled, /* sc-sel */ O, g.variables.contentColorDisabled);
     }));
     // Aligns label to the top for case where labelPosition="left" and StyledControlsAndMessagingWrapper is taller than label.
-        var C = y().div.withConfig({
+        var x = y().div.withConfig({
         displayName: "ControlGroupStyles__StyledLabelWrapper",
         componentId: "wjnyif-3"
     })([ "display:inline-flex;align-items:flex-start;gap:", ";flex-shrink:0;" ], g.variables.spacingXSmall);
     // Vertically centers label & tooltip.
-        var x = y().div.withConfig({
+        var C = y().div.withConfig({
         displayName: "ControlGroupStyles__StyledLabelInnerWrapper",
         componentId: "wjnyif-4"
-    })([ "display:inline-flex;gap:", ";align-items:center;:has(", ":not(:empty)){min-height:", ";}" ], g.variables.spacingXSmall, /* sc-sel */ O, (0, 
+    })([ "display:inline-flex;gap:", ";align-items:center;:has(", ":not(:empty)){min-height:", ";}" ], g.variables.spacingXSmall, /* sc-sel */ S, (0, 
     g.pickVariant)("$labelPosition", {
         /* Ensures label is vertically centered with input */
         left: g.variables.inputHeight,
@@ -187,21 +187,21 @@
     // CONCATENATED MODULE: ./src/ControlGroup/ErrorMessageBar.tsx
     function B(e, r) {
         if (null == e) return {};
-        var t, n, l = G(e, r);
+        var t, n, o = G(e, r);
         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) && (l[t] = e[t]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return l;
+        return o;
     }
     function G(e, r) {
         if (null == e) return {};
         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];
             }
         }
@@ -209,7 +209,7 @@
     }
     var A = (0, _._)("Error: ");
     var $ = {
-        children: o().node.isRequired
+        children: l().node.isRequired
     };
     function W(e) {
         var r = e.children, t = B(e, [ "children" ]);
@@ -242,21 +242,21 @@
     }
     function H(e, r) {
         if (null == e) return {};
-        var t, n, l = J(e, r);
+        var t, n, o = J(e, r);
         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) && (l[t] = e[t]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < l.length; n++) {
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return l;
+        return o;
     }
     function J(e, r) {
         if (null == e) return {};
         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];
             }
         }
@@ -328,20 +328,20 @@
     function te(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var n, l, o, i, a = [], s = !0, c = !1;
+            var n, o, l, i, a = [], s = !0, c = !1;
             try {
-                if (o = (t = t.call(e)).next, 0 === r) {
+                if (l = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
                     s = !1;
-                } else for (;!(s = (n = o.call(t)).done) && (a.push(n.value), a.length !== r); s = !0) {
+                } else for (;!(s = (n = l.call(t)).done) && (a.push(n.value), a.length !== r); s = !0) {
                 }
             } catch (e) {
-                c = !0, l = e;
+                c = !0, o = e;
             } finally {
                 try {
                     if (!s && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (c) throw l;
+                    if (c) throw o;
                 }
             }
             return a;
@@ -352,23 +352,23 @@
     }
     // props ControlGroup passes to configure its children's props
     // props ControlGroup may access and/or override on children
-        var le = {
-        children: o().node,
-        controlsLayout: o().oneOf([ "fill", "fillJoin", "none", "stack" ]),
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        error: o().oneOfType([ o().bool, o().string ]),
-        help: o().node,
-        hideLabel: o().bool,
-        label: o().string.isRequired,
-        labelFor: o().string,
-        labelPosition: o().oneOf([ "left", "top" ]),
-        labelWidth: o().oneOfType([ o().number, o().string ]),
-        required: o().bool,
-        tooltip: o().node,
-        tooltipDefaultPlacement: o().oneOf([ "above", "below", "left", "right" ])
+        var oe = {
+        children: l().node,
+        controlsLayout: l().oneOf([ "fill", "fillJoin", "none", "stack" ]),
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().oneOfType([ l().bool, l().string ]),
+        help: l().node,
+        hideLabel: l().bool,
+        label: l().string.isRequired,
+        labelFor: l().string,
+        labelPosition: l().oneOf([ "left", "top" ]),
+        labelWidth: l().oneOfType([ l().number, l().string ]),
+        required: l().bool,
+        tooltip: l().node,
+        tooltipDefaultPlacement: l().oneOf([ "above", "below", "left", "right" ])
     };
     // Style cloned onto child elements when fill behavior set.
-        var oe = {
+        var le = {
         flexGrow: 1
     };
     function ie(e) {
@@ -388,8 +388,8 @@
         var n = 0;
         e.forEach((function(e, t) {
             if (ie(e) && e.props.inputId == null) {
-                var l = ae("input-id", t), o = l.childKey, i = l.value;
-                r[o] = i;
+                var o = ae("input-id", t), l = o.childKey, i = o.value;
+                r[l] = i;
             } else if (e.props.id == null) {
                 var a = ae("id", t), s = a.childKey, c = a.value;
                 r[s] = c;
@@ -405,13 +405,13 @@
     }
     function ce(e, r, t) {
         var n = "".concat(e, "-").concat(r);
-        var l = t[n];
-        if (!l || !l.length) {
+        var o = t[n];
+        if (!o || !o.length) {
             // By this point we should have already generated ids for each child and this code shouldn't get executed
             // But leaving this as a fallback
             return undefined;
         }
-        return l;
+        return o;
     }
     function ue(e) {
         if (e.length === 0) {
@@ -421,78 +421,78 @@
         var n = e.find((function(e) {
             return e.type && e.type.componentType === "Text";
         }));
-        var l = ie(t);
-        var o = t.props, i = o.id, a = o.inputId;
+        var o = ie(t);
+        var l = t.props, i = l.id, a = l.inputId;
  // see function doc block for details
                 if (e.length === 1 && (t === null || t === void 0 ? void 0 : t.props)) {
-            return l ? a : i;
+            return o ? a : i;
         }
         if (n === null || n === void 0 ? void 0 : n.props) {
             return n.props.inputId;
         }
         if (t.props) {
-            return l ? a : i;
+            return o ? a : i;
         }
         return undefined;
     }
     // Configure the Children
-        function de(e, r, l) {
-        var o = e.props, i = o.disabled, a = o.error, s = o.id, c = o.inputId, u = o.style, d = o.children;
-        var p = l.childIds, f = l.controlsLayout, y = l.help, v = l.helpId, b = l.error, m = l.errorId, h = l.label, g = l.labelFor, w = l.labelId, S = l.numChildren, O = l.required, I = l.showErrorText;
-        var C = {
+        function de(e, r, o) {
+        var l = e.props, i = l.disabled, a = l.error, s = l.id, c = l.inputId, u = l.style, d = l.children;
+        var p = o.childIds, f = o.controlsLayout, y = o.help, v = o.helpId, b = o.error, m = o.errorId, h = o.label, g = o.labelFor, w = o.labelId, O = o.numChildren, S = o.required, I = o.showErrorText;
+        var x = {
             key: e.key || r,
             labelledBy: w
         };
         if (f === "fillJoin") {
             if (r > 0) {
-                C.prepend = true;
+                x.prepend = true;
             }
-            if (r < S - 1) {
-                C.append = true;
+            if (r < O - 1) {
+                x.append = true;
             }
-            if (C.prepend || C.append) {
-                C.inline = false;
+            if (x.prepend || x.append) {
+                x.inline = false;
             }
         }
-        if (f === "fill" && S > 1) {
-            C.inline = true;
+        if (f === "fill" && O > 1) {
+            x.inline = true;
         }
         if (f === "stack") {
-            C.inline = false;
+            x.inline = false;
         }
         if (y && typeof b === "boolean") {
-            C.describedBy = v;
+            x.describedBy = v;
         } else if (y && typeof b === "string") {
-            C.describedBy = "".concat(v, " ").concat(m);
+            x.describedBy = "".concat(v, " ").concat(m);
         } else if (!y && typeof b === "string") {
-            C.describedBy = m;
+            x.describedBy = m;
         }
-        if (O) {
-            C.required = true;
+        if (S) {
+            x.required = true;
         }
         // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
                 if (e.type.componentType === "Multiselect") {
-            var x = e;
-            if (!x.props.compact) {
-                C.labelText = h;
+            var C = e;
+            if (!C.props.compact) {
+                x.labelText = h;
             }
         } else {
-            C.labelText = h;
+            x.labelText = h;
         }
-        if (S === 1 && (f === "fillJoin" || f === "fill")) {
+        if (O === 1 && (f === "fillJoin" || f === "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.
-            C.style = u ? z(z({}, u), oe) : oe;
+            x.style = u ? z(z({}, u), le) : le;
         }
         if (!g && e) {
             if (ie(e)) {
-                C.inputId = c || ce("input-id", r, p);
+                x.inputId = c || ce("input-id", r, p);
             } else {
-                C.id = s || ce("id", r, p);
+                x.id = s || ce("id", r, p);
             }
         }
         if (I && a === true) {
-            C["aria-errormessage"] = m;
+            x["aria-errormessage"] = m;
         }
         var j = i !== null && i !== void 0 ? i : false;
         // RadioBar and RadioList need special handling in the case where the parent grouping component is not set to disabled
@@ -506,25 +506,25 @@
             }));
         }
         return {
-            child:  (0, t.cloneElement)(e, C),
+            child:  (0, t.cloneElement)(e, x),
             childDisabled: j
         };
     }
     function pe(e, r) {
         var t = e.length;
         var n = 0;
-        var l = z({
+        var o = z({
             numChildren: t
         }, r);
-        var o = e.map((function(e, r) {
-            var t = de(e, r, l), o = t.child, i = t.childDisabled;
+        var l = e.map((function(e, r) {
+            var t = de(e, r, o), l = t.child, i = t.childDisabled;
             if (i === true) {
                 n += 1;
             }
-            return o;
+            return l;
         }));
         return {
-            childrenFormatted: o,
+            childrenFormatted: l,
             controlGroupDisabled: n === t
         };
     }
@@ -547,7 +547,7 @@
  * attribute. If `inputId` is supported but not set a generated id is used instead. If `inputId` isn't
  * supported `id` is used. The `labelFor` prop may be used to override the `for` attribute.
  */    function ye(e) {
-        var r = e.children, l = e.controlsLayout, o = l === void 0 ? "fill" : l, i = e.error, s = i === void 0 ? false : i, d = e.help, f = e.hideLabel, y = e.label, v = e.labelFor, b = e.labelPosition, m = b === void 0 ? "top" : b, h = e.labelWidth, g = h === void 0 ? fe : h, w = e.required, _ = w === void 0 ? false : w, T = e.tooltip, q = e.tooltipDefaultPlacement, D = H(e, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "tooltip", "tooltipDefaultPlacement" ]);
+        var r = e.children, o = e.controlsLayout, l = o === void 0 ? "fill" : o, i = e.error, s = i === void 0 ? false : i, d = e.help, f = e.hideLabel, y = e.label, v = e.labelFor, b = e.labelPosition, m = b === void 0 ? "top" : b, h = e.labelWidth, g = h === void 0 ? fe : h, w = e.required, _ = w === void 0 ? false : w, T = e.tooltip, q = e.tooltipDefaultPlacement, D = H(e, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "tooltip", "tooltipDefaultPlacement" ]);
         // @docs-props-type ControlGroupPropsBase
                 var M = (0, t.useState)((function() {
             return {
@@ -582,9 +582,9 @@
             }
             // If childIds has already been populated, labelFor has a value, or if all children have ids then we don't need to make ids for the children.
                         if (Object.keys(R).length === 0 && !v && !K) {
-                var e = se(re), t = e.newChildIds, l = e.allChildrenHaveId;
+                var e = se(re), t = e.newChildIds, o = e.allChildrenHaveId;
                 J(t);
-                U(l);
+                U(o);
             }
         }), [ K, R, r, v, Q, Z, ee, re ]);
         var te = (0, t.useMemo)((function() {
@@ -596,14 +596,14 @@
             };
         }), [ y, A ]);
         var ne = typeof s === "string";
-        var le = ne && s !== "";
-        var oe = Number.isFinite(g) ? "".concat(g, "px") : g;
+        var oe = ne && s !== "";
+        var le = Number.isFinite(g) ? "".concat(g, "px") : g;
         var ie = m === "left" ? {
-            width: oe
+            width: le
         } : undefined;
         var ae = pe(re, {
             childIds: R,
-            controlsLayout: o,
+            controlsLayout: l,
             help: d,
             helpId: G,
             error: s,
@@ -612,17 +612,17 @@
             labelFor: v,
             labelId: A,
             required: _,
-            showErrorText: le
+            showErrorText: oe
         }), ce = ae.childrenFormatted, de = ae.controlGroupDisabled;
         var ye = (0, t.useMemo)((function() {
             return v || ue(ce);
         }), [ ce, v ]);
-        var ve =  n().createElement(C, {
+        var ve =  n().createElement(x, {
             style: ie,
             $labelPosition: m
-        },  n().createElement(x, {
+        },  n().createElement(C, {
             $labelPosition: m
-        },  n().createElement(O, {
+        },  n().createElement(S, {
             "data-test": "label",
             id: A,
             htmlFor: ye
@@ -645,20 +645,20 @@
         }, D),  n().createElement(p.Provider, {
             value: te
         }, f ?  n().createElement(a(), null, ve) : ve,  n().createElement(E, {
-            $controlsLayout: o
+            $controlsLayout: l
         },  n().createElement(P, {
-            $controlsLayout: o,
+            $controlsLayout: l,
             "data-test": "controls",
-            flex: o !== "none"
-        }, ce), le &&  n().createElement(F, {
+            flex: l !== "none"
+        }, ce), oe &&  n().createElement(F, {
             "data-test": "error",
             id: B
-        }, s), d &&  n().createElement(S, {
+        }, s), d &&  n().createElement(O, {
             "data-test": "help",
             id: G
         }, d))));
     }
-    ye.propTypes = le;
+    ye.propTypes = oe;
     /* harmony default export */    const ve = ye;
     // CONCATENATED MODULE: ./src/ControlGroup/index.ts
     module.exports = r;