@splunk/react-ui 4.38.0 → 4.39.0

package/ControlGroup.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        ControlGroupContext: () => /* reexport */ L,
-        default: () => /* reexport */ se
+        ControlGroupContext: () => /* reexport */ T,
+        default: () => /* reexport */ ce
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -125,7 +125,7 @@
         displayName: "ControlGroupStyles__StyledControlsStackBox",
         componentId: "wjnyif-1"
     })([ "flex-direction:column;" ]);
-    var x = m().div.withConfig({
+    var w = m().div.withConfig({
         displayName: "ControlGroupStyles__StyledLabelWrapper",
         componentId: "wjnyif-2"
     })([ "display:inline-flex;align-items:center;", " ", "" ], (0, c.pick)({
@@ -138,11 +138,11 @@
             prisma: (0, h.css)([ "min-height:", ";" ], c.variables.inputHeight)
         }));
     }));
-    var I = m()(x).withConfig({
+    var I = m()(w).withConfig({
         displayName: "ControlGroupStyles__StyledLabelWrapperLeft",
         componentId: "wjnyif-3"
     })([ "float:left;" ]);
-    var C = m().label.withConfig({
+    var x = m().label.withConfig({
         displayName: "ControlGroupStyles__StyledLabel",
         componentId: "wjnyif-4"
     })([ "padding:", ";word-wrap:break-word;color:inherit;text-align:", ";" ], (0, c.pick)({
@@ -154,7 +154,7 @@
         enterprise: "right",
         prisma: "left"
     }));
-    var k = m()(g()).withConfig({
+    var C = m()(g()).withConfig({
         displayName: "ControlGroupStyles__StyledTooltip",
         componentId: "wjnyif-5"
     })([ "", "" ], (function(e) {
@@ -163,7 +163,7 @@
             prisma: (0, h.css)([ "svg{width:20px;height:20px;}padding:4px;" ])
         }));
     }));
-    var w = m().div.withConfig({
+    var j = m().div.withConfig({
         displayName: "ControlGroupStyles__StyledHelp",
         componentId: "wjnyif-6"
     })([ "", ";font-size:", ";color:", ";margin-top:", ";", "" ], c.mixins.reset("block"), c.variables.fontSizeSmall, c.variables.contentColorMuted, (0, 
@@ -174,7 +174,7 @@
         var t = e.$error;
         return t && (0, h.css)([ "color:inherit;" ]);
     }));
-    var j = m().div.withConfig({
+    var k = m().div.withConfig({
         displayName: "ControlGroupStyles__StyledErrorText",
         componentId: "wjnyif-7"
     })([ "", ";font-size:", ";[aria-invalid] > &{color:inherit;}", "" ], c.mixins.reset("block"), c.variables.fontSizeSmall, (function(e) {
@@ -196,233 +196,204 @@
  * @public
  */
     var _ =  n().createContext({});
-    /* harmony default export */    const L = _;
+    /* harmony default export */    const T = _;
     // CONCATENATED MODULE: ./src/ControlGroup/ControlGroup.tsx
-    function T(e) {
+    function L(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            T = function e(t) {
-                return typeof t;
-            };
-        } else {
-            T = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return T(e);
+        return L = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, L(e);
     }
     function E() {
-        E = Object.assign || function(e) {
+        return E = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return E.apply(this, arguments);
+        }, E.apply(null, arguments);
     }
     function D(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            if (t) n = n.filter((function(t) {
+            t && (n = n.filter((function(t) {
                 return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }));
-            r.push.apply(r, n);
+            }))), r.push.apply(r, n);
         }
         return r;
     }
     function q(e) {
         for (var t = 1; t < arguments.length; t++) {
-            var r = arguments[t] != null ? arguments[t] : {};
-            if (t % 2) {
-                D(Object(r), true).forEach((function(t) {
-                    Z(e, t, r[t]);
-                }));
-            } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
-            } else {
-                D(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-                }));
-            }
+            var r = null != arguments[t] ? arguments[t] : {};
+            t % 2 ? D(Object(r), !0).forEach((function(t) {
+                Z(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : D(Object(r)).forEach((function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+            }));
         }
         return e;
     }
     function M(e, t) {
-        if (e == null) return {};
-        var r = V(e, t);
-        var n, o;
+        if (null == e) return {};
+        var r, n, o = B(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                n = i[o];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            for (n = 0; n < i.length; n++) {
+                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
-        return r;
+        return o;
     }
-    function V(e, t) {
-        if (e == null) return {};
+    function B(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var o, i;
-        for (i = 0; i < n.length; i++) {
-            o = n[i];
-            if (t.indexOf(o) >= 0) continue;
-            r[o] = e[o];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
-    function $(e, t) {
-        return R(e) || N(e, t) || G(e, t) || A();
+    function V(e, t) {
+        return W(e) || N(e, t) || A(e, t) || $();
     }
-    function A() {
+    function $() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function G(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return B(e, t);
-        var r = Object.prototype.toString.call(e).slice(8, -1);
-        if (r === "Object" && e.constructor) r = e.constructor.name;
-        if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return B(e, t);
+    function A(e, t) {
+        if (e) {
+            if ("string" == typeof e) return G(e, t);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? G(e, t) : void 0;
+        }
     }
-    function B(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var r = 0, n = new Array(t); r < t; r++) {
+    function G(e, t) {
+        (null == t || t > e.length) && (t = e.length);
+        for (var r = 0, n = Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
     function N(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var r = [];
-        var n = true;
-        var o = false;
-        var i = undefined;
-        try {
-            for (var l = e[Symbol.iterator](), a; !(n = (a = l.next()).done); n = true) {
-                r.push(a.value);
-                if (t && r.length === t) break;
-            }
-        } catch (e) {
-            o = true;
-            i = e;
-        } finally {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var n, o, i, l, a = [], s = !0, p = !1;
             try {
-                if (!n && l["return"] != null) l["return"]();
+                if (i = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
+                    s = !1;
+                } else for (;!(s = (n = i.call(r)).done) && (a.push(n.value), a.length !== t); s = !0) {
+                }
+            } catch (e) {
+                p = !0, o = e;
             } finally {
-                if (o) throw i;
+                try {
+                    if (!s && null != r["return"] && (l = r["return"](), Object(l) !== l)) return;
+                } finally {
+                    if (p) throw o;
+                }
             }
+            return a;
         }
-        return r;
     }
-    function R(e) {
+    function W(e) {
         if (Array.isArray(e)) return e;
     }
-    function W(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function R(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
     function z(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, ee(n.key), n);
         }
     }
     function F(e, t, r) {
-        if (t) z(e.prototype, t);
-        if (r) z(e, r);
-        return e;
+        return t && z(e.prototype, t), r && z(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function J(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) H(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && H(e, t);
     }
     function H(e, t) {
-        H = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return H(e, t);
+        return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, H(e, t);
     }
     function U(e) {
         var t = Q();
-        return function r() {
-            var n = Y(e), o;
+        return function() {
+            var r, n = Y(e);
             if (t) {
-                var i = Y(this).constructor;
-                o = Reflect.construct(n, arguments, i);
-            } else {
-                o = n.apply(this, arguments);
-            }
-            return X(this, o);
+                var o = Y(this).constructor;
+                r = Reflect.construct(n, arguments, o);
+            } else r = n.apply(this, arguments);
+            return X(this, r);
         };
     }
     function X(e, t) {
-        if (t && (T(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == L(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return K(e);
     }
     function K(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function Q() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (Q = function t() {
+            return !!e;
+        })();
     }
     function Y(e) {
-        Y = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return Y(e);
+        return Y = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, Y(e);
     }
     function Z(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+        return (t = ee(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function ee(e) {
+        var t = te(e, "string");
+        return "symbol" == L(t) ? t : t + "";
+    }
+    function te(e, t) {
+        if ("object" != L(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != L(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
     // props ControlGroup may access and/or override on children
-        var ee = {
+        var re = {
         children: i().node,
         controlsLayout: i().oneOf([ "fill", "fillJoin", "none", "stack" ]),
         elementRef: i().oneOfType([ i().func, i().object ]),
@@ -440,7 +411,7 @@
         tooltip: i().node,
         tooltipDefaultPlacement: i().oneOf([ "above", "below", "left", "right", "theme" ])
     };
-    var te = {
+    var ne = {
         controlsLayout: "fill",
         error: false,
         hideLabel: false,
@@ -449,13 +420,13 @@
         required: false
     };
     // Style cloned onto child elements when fill behavior set.
-        var re = {
+        var oe = {
         flexGrow: 1
     };
- // Margin bootom values cloned onto child elements when the stacking behavior is needed.
-        var ne = "0";
-    var oe = "16px";
-    var ie = "12px";
+    // Margin bootom values cloned onto child elements when the stacking behavior is needed.
+        var ie = "0";
+    var le = "16px";
+    var ae = "12px";
     /**
  * `ControlGroup` places a label and optional help text around one or more controls. The `ControlGroup`
  * will automatically add aria attributes to associate the controls with the labels and help text to
@@ -473,13 +444,13 @@
  * If the linked child supports an `inputId` prop and it's set, its value is used for the label's `for`
  * 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.
- */    var le =  function(e) {
+ */    var se =  function(e) {
         J(o, e);
         var t = U(o);
         // @docs-props-type ControlGroupPropsBase
                 function o(e) {
             var r;
-            W(this, o);
+            R(this, o);
             r = t.call(this, e);
             Z(K(r), "errorId", void 0);
             Z(K(r), "helpId", void 0);
@@ -499,11 +470,11 @@
             Z(K(r), "getStackLayoutChildStyle", (function(e, t) {
                 if (e) {
                     if (t) {
-                        r.stackLayoutChildStyle.marginBottom = ie;
+                        r.stackLayoutChildStyle.marginBottom = ae;
                     }
-                    r.stackLayoutChildStyle.marginBottom = oe;
+                    r.stackLayoutChildStyle.marginBottom = le;
                 } else {
-                    r.stackLayoutChildStyle.marginBottom = ne;
+                    r.stackLayoutChildStyle.marginBottom = ie;
                 }
                 return r.stackLayoutChildStyle;
             }));
@@ -514,12 +485,12 @@
                 if (e.length === 0) {
                     return undefined;
                 }
-                var t = $(e, 1), n = t[0];
+                var t = V(e, 1), n = t[0];
                 var o = a()(e, (function(e) {
                     return e.type && e.type.componentType === "Text";
                 }));
                 var i = r.hasInputId(n);
- // see class doc block for details
+                // see class doc block for details
                                 if (e.length === 1 && n && n.props) {
                     return i ? n.props.inputId : n.props.id;
                 }
@@ -572,16 +543,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.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 W = function e(n, o) {
+                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, L = M(o, [ "children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "splunkTheme", "tooltip", "tooltipDefaultPlacement" ]);
+                var D = v.isPrisma, B = v.isCompact;
+                var V = r.Children.toArray(i).filter(r.isValidElement);
+                var $ = V.length;
+                var A = L;
+                var G = typeof a === "string";
+                var N = G && a !== "";
+                var W = G || a === true;
+                // Clean the Children
+                                var R = function e(n, o) {
                     var i = {
                         key: n.key || o
                     };
@@ -589,21 +560,21 @@
                         if (o > 0) {
                             i.prepend = true;
                         }
-                        if (o < A - 1) {
+                        if (o < $ - 1) {
                             i.append = true;
                         }
                         if (i.prepend || i.append) {
                             i.inline = false;
                         }
                     }
-                    if (l === "fill" && A > 1) {
+                    if (l === "fill" && $ > 1) {
                         i.inline = true;
                     }
                     if (l === "stack") {
                         i.inline = false;
-                        if (o < A - 1) {
+                        if (o < $ - 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(D, V);
+                            var a = t.getStackLayoutChildStyle(D, B);
                             i.style = n.props.style ? q(q({}, n.props.style), a) : a;
                         }
                     }
@@ -618,7 +589,7 @@
                     if (t.props.required) {
                         i.required = true;
                     }
- // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
+                    // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
                                         if (n.type.componentType === "Multiselect") {
                         var s = n;
                         if (s.props.compact === false) {
@@ -627,10 +598,10 @@
                     } else {
                         i.labelText = u;
                     }
-                    if (A === 1 && (l === "fillJoin" || l === "fill")) {
+                    if ($ === 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;
+                        i.style = n.props.style ? q(q({}, n.props.style), oe) : oe;
                     }
                     if (!f && n) {
                         if (t.hasInputId(n)) {
@@ -645,10 +616,10 @@
                     
                     return (0, r.cloneElement)(n, i);
                 };
-                var z = $.map(W);
+                var z = V.map(R);
                 var F = this.getLinkedId(z);
                 if (a) {
-                    G["aria-invalid"] = true;
+                    A["aria-invalid"] = true;
                 }
                 var J = y === "left" ? {
                     width: h
@@ -659,18 +630,18 @@
                     marginLeft: "calc(".concat(H, " + ").concat(U, ")")
                 } : undefined;
                 var K = l === "stack" ? S : d();
-                var Q = y === "left" ? I : x;
+                var Q = y === "left" ? I : w;
                 var Y =  n().createElement(Q, {
                     style: J,
                     $labelPosition: y
-                },  n().createElement(C, {
+                },  n().createElement(x, {
                     "data-test": "label",
                     id: this.labelId,
                     htmlFor: f || F,
                     $tooltip: !!g
                 }, m &&  n().createElement(P, {
                     "aria-hidden": "true"
-                }, "*"), u, !D && !c && g &&  n().createElement("span", null, " "), !c && g &&  n().createElement(b(), null, g)), !c && g &&  n().createElement(k, {
+                }, "*"), u, !D && !c && g &&  n().createElement("span", null, " "), !c && g &&  n().createElement(b(), null, g)), !c && g &&  n().createElement(C, {
                     $labelPosition: y,
                     closeWhen: "notOnClick",
                     content: g,
@@ -681,19 +652,19 @@
                 return n().createElement(O, E({
                     "data-test": "control-group",
                     "data-test-required": m,
-                    $error: R
-                }, G),  n().createElement(L.Provider, {
+                    $error: W
+                }, A),  n().createElement(T.Provider, {
                     value: this.getContextValue()
                 }, c ?  n().createElement(b(), null, Y) : Y,  n().createElement(K, {
                     "data-test": "controls",
                     flex: l !== "none",
                     style: X
-                }, z), s &&  n().createElement(w, {
+                }, z), s &&  n().createElement(j, {
                     "data-test": "help",
                     id: this.helpId,
                     style: X,
-                    $error: R && !N
-                }, s), N &&  n().createElement(j, {
+                    $error: W && !N
+                }, s), N &&  n().createElement(k, {
                     "data-test": "error",
                     id: this.errorId,
                     style: X,
@@ -703,11 +674,11 @@
         } ]);
         return o;
     }(r.Component);
-    Z(le, "propTypes", ee);
-    Z(le, "defaultProps", te);
-    var ae = (0, c.withSplunkTheme)(le);
-    ae.propTypes = le.propTypes;
-    /* harmony default export */    const se = ae;
+    Z(se, "propTypes", re);
+    Z(se, "defaultProps", ne);
+    var pe = (0, c.withSplunkTheme)(se);
+    pe.propTypes = se.propTypes;
+    /* harmony default export */    const ce = pe;
     // CONCATENATED MODULE: ./src/ControlGroup/index.ts
     module.exports = t;
     /******/})();