@splunk/react-ui 4.38.0 → 4.39.0

package/Button.js

@@ -61,22 +61,22 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ Y
+        default: () => /* reexport */ ee
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var a =  e.n(i);
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "lodash/isString"
-    const o = require("lodash/isString");
-    var l =  e.n(o);
+    const a = require("lodash/isString");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const s = require("@splunk/react-ui/Dropdown");
+    const c = require("@splunk/react-ui/Dropdown");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const c = require("@splunk/react-ui/ScreenReaderContent");
-    var p =  e.n(c);
+    const s = require("@splunk/react-ui/ScreenReaderContent");
+    var p =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const u = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/style"
@@ -86,31 +86,31 @@
     var m =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
     const v = require("@splunk/react-ui/ButtonSimple");
-    var y =  e.n(v);
+    var b =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const y = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Button/ButtonStyles.ts
     var h = m().span.withConfig({
         displayName: "ButtonStyles__StyledIcon",
         componentId: "eqxqs2-0"
     })([ "display:flex;align-items:center;flex-shrink:0;font-size:", ";", "" ], (0, 
-    b.pick)({
+    y.pick)({
         enterprise: "inherit",
         prisma: {
             comfortable: "21px",
             compact: "16px"
         }
-    }), (0, b.pickVariant)("$isStartIcon", {
+    }), (0, y.pickVariant)("$isStartIcon", {
         true: {
             enterprise: (0, d.css)([ "padding-right:3px;" ]),
             prisma: (0, d.css)([ "padding-right:8px;" ])
         }
     }));
-    var x = m()(y()).withConfig({
+    var x = m()(b()).withConfig({
         displayName: "ButtonStyles__StyledButtonSimple",
         componentId: "eqxqs2-1"
-    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:0;max-width:100%;line-height:", ";min-height:", ";padding:", ";", " ", " &[data-inline]{:where(:not(a)){display:inline-block;}:where(a){display:inline-flex;}", "}[data-inline] + &&[data-inline]{margin-bottom:0;", "}" ], b.variables.lineHeight, b.variables.inputHeight, (0, 
-    b.pick)({
+    })([ "vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:0;max-width:100%;line-height:", ";min-height:", ";padding:", ";", " ", " &[data-inline]{:where(:not(a)){display:inline-block;}:where(a){display:inline-flex;}", "}[data-inline] + &&[data-inline]{margin-bottom:0;", "}" ], y.variables.lineHeight, y.variables.inputHeight, (0, 
+    y.pick)({
         enterprise: {
             comfortable: "5px 14px",
             compact: "2px 14px"
@@ -131,34 +131,34 @@
     }), (function(e) {
         var t = e.$isIconOnly;
         return t && (0, d.css)([ "box-sizing:border-box;", ";width:", ";min-width:", ";" ], (0, 
-        b.pick)({
+        y.pick)({
             enterprise: {
                 comfortable: (0, d.css)([ "padding:0 5px;" ]),
                 compact: (0, d.css)([ "padding:0 2px;" ])
             },
             prisma: {
-                comfortable: (0, d.css)([ "padding:0 calc(", " / 2 - 1px);" ], b.variables.inputHeight),
-                compact: (0, d.css)([ "padding:0 calc(", " / 2 - 1px);" ], b.variables.inputHeight)
+                comfortable: (0, d.css)([ "padding:0 calc(", " / 2 - 1px);" ], y.variables.inputHeight),
+                compact: (0, d.css)([ "padding:0 calc(", " / 2 - 1px);" ], y.variables.inputHeight)
             }
-        }), b.variables.inputHeight, b.variables.inputHeight);
+        }), y.variables.inputHeight, y.variables.inputHeight);
     }), (function(e) {
         var t = e.$isIconOnly;
         return t ? null : (0, d.css)([ "width:auto;" ]);
     }), (function(e) {
         var t = e.prepend;
-        return !t && (0, d.css)([ "margin-left:", ";" ], b.variables.spacingSmall);
+        return !t && (0, d.css)([ "margin-left:", ";" ], y.variables.spacingSmall);
     }));
     var g = m().span.withConfig({
         displayName: "ButtonStyles__StyledContentWrapper",
         componentId: "eqxqs2-2"
     })([ "display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1 0 auto;max-width:100%;box-sizing:border-box;padding:", ";" ], (0, 
-    b.pick)({
+    y.pick)({
         enterprise: function e(t) {
             var n = t.$error;
             if (n) {
                 return "1px";
             }
-            return (0, b.pickVariant)("$appearance", {
+            return (0, y.pickVariant)("$appearance", {
                 default: "0",
                 secondary: "0",
                 destructive: "1px",
@@ -171,7 +171,7 @@
                 subtle: "0"
             });
         },
-        prisma: (0, b.pickVariant)("$appearance", {
+        prisma: (0, y.pickVariant)("$appearance", {
             default: 0,
             secondary: "1px 0",
             primary: "1px 0",
@@ -187,7 +187,7 @@
         displayName: "ButtonStyles__StyledLabel",
         componentId: "eqxqs2-3"
     })([ "text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;&:not(:last-child){padding-right:", ";}", "" ], (0, 
-    b.pick)({
+    y.pick)({
         enterprise: "3px",
         prisma: "10px"
     }), (function(e) {
@@ -197,15 +197,11 @@
     var S = m().span.withConfig({
         displayName: "ButtonStyles__StyledCaretWrapper",
         componentId: "eqxqs2-4"
-    })([ "display:inline-flex;", "" ], (0, b.pickVariant)("$disabled", {
+    })([ "display:inline-flex;", "" ], (0, y.pickVariant)("$disabled", {
         false: {
-            prisma: (0, b.pickVariant)("$primary", {
-                true: (0, d.css)([ "color:", ";" ], b.variables.contentColorInverted),
-                false: (0, d.css)([ "color:", ";", ":hover > * > &,", ":active > * > &,{color:", ";}" ], b.variables.contentColorDefault, 
-                /* sc-sel */
-                x, 
-                /* sc-sel */
-                x, b.variables.contentColorDefault)
+            prisma: (0, y.pickVariant)("$primary", {
+                true: (0, d.css)([ "color:", ";" ], y.variables.contentColorInverted),
+                false: (0, d.css)([ "color:", ";", ":hover > * > &,", ":active > * > &,{color:", ";}" ], y.variables.contentColorDefault, /* sc-sel */ x, /* sc-sel */ x, y.variables.contentColorDefault)
             })
         }
     }));
@@ -217,176 +213,161 @@
     var q =  e.n(C);
     // CONCATENATED MODULE: ./src/Button/icons/CaretSmallDown.tsx
     var $ = function e() {
-        var t = (0, b.useSplunkTheme)(), n = t.isEnterprise, i = t.isCompact;
-        var a = i ? "20px" : "24px";
+        var t = (0, y.useSplunkTheme)(), n = t.isEnterprise, i = t.isCompact;
+        var o = i ? "20px" : "24px";
         return n ?  r().createElement(q(), {
             screenReaderText: null,
             hideDefaultTooltip: true,
             size: .5
         }) :  r().createElement(O(), {
-            height: a,
-            width: a
+            height: o,
+            width: o
         });
     };
     /* harmony default export */    const _ = $;
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
-    const I = require("@splunk/react-icons/ArrowSquareTopRightInset");
-    var E =  e.n(I);
+    const j = require("@splunk/react-icons/ArrowSquareTopRightInset");
+    var E =  e.n(j);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
     const P = require("@splunk/react-icons/enterprise/External");
-    var j =  e.n(P);
+    var I =  e.n(P);
     // CONCATENATED MODULE: ./src/Button/icons/External.tsx
-    function N() {
-        var e = (0, b.useSplunkTheme)(), t = e.isEnterprise;
-        return t ?  r().createElement(j(), {
+    function T() {
+        var e = (0, y.useSplunkTheme)(), t = e.isEnterprise;
+        return t ?  r().createElement(I(), {
             screenReaderText: null
         }) :  r().createElement(E(), null);
     }
-    /* harmony default export */    const T = N;
+    /* harmony default export */    const N = T;
     // CONCATENATED MODULE: ./src/Button/Button.tsx
     function M(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            M = function e(t) {
-                return typeof t;
-            };
-        } else {
-            M = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return M(e);
+        return M = "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;
+        }, M(e);
     }
-    function R() {
-        R = Object.assign || function(e) {
+    function B() {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
-                    if (Object.prototype.hasOwnProperty.call(n, r)) {
-                        e[r] = n[r];
-                    }
+                    ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                 }
             }
             return e;
-        };
-        return R.apply(this, arguments);
+        }, B.apply(null, arguments);
     }
-    function B(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 D(e, t) {
         for (var n = 0; n < t.length; n++) {
             var r = t[n];
-            r.enumerable = r.enumerable || false;
-            r.configurable = true;
-            if ("value" in r) r.writable = true;
-            Object.defineProperty(e, r.key, r);
+            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
+            Object.defineProperty(e, K(r.key), r);
         }
     }
     function H(e, t, n) {
-        if (t) D(e.prototype, t);
-        if (n) D(e, n);
-        return e;
+        return t && D(e.prototype, t), n && D(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function V(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) z(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && z(e, t);
     }
     function z(e, t) {
-        z = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return z(e, t);
+        return z = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, z(e, t);
     }
     function W(e) {
         var t = F();
-        return function n() {
-            var r = G(e), i;
+        return function() {
+            var n, r = G(e);
             if (t) {
-                var a = G(this).constructor;
-                i = Reflect.construct(r, arguments, a);
-            } else {
-                i = r.apply(this, arguments);
-            }
-            return A(this, i);
+                var i = G(this).constructor;
+                n = Reflect.construct(r, arguments, i);
+            } else n = r.apply(this, arguments);
+            return A(this, n);
         };
     }
     function A(e, t) {
-        if (t && (M(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == M(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return L(e);
     }
     function L(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 F() {
-        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 (F = function t() {
+            return !!e;
+        })();
     }
     function G(e) {
-        G = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return G(e);
+        return G = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, G(e);
     }
     function J(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+        return (t = K(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function K(e) {
+        var t = Q(e, "string");
+        return "symbol" == M(t) ? t : t + "";
+    }
+    function Q(e, t) {
+        if ("object" != M(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != M(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var K = {
-        action: a().string,
-        appearance: a().oneOf([ "default", "secondary", "primary", "destructive", "pill", "toggle", "flat", "subtle" ]),
-        append: a().bool,
-        children: a().node,
+    /** @public */    var U = {
+        action: o().string,
+        appearance: o().oneOf([ "default", "secondary", "primary", "destructive", "pill", "toggle", "flat", "subtle" ]),
+        append: o().bool,
+        children: o().node,
         /** @private An additional className to add to the button. */
-        classNamePrivate: a().string,
-        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        error: a().bool,
-        icon: a().node,
-        inline: a().bool,
-        isMenu: a().bool,
-        label: a().node,
-        onClick: a().func,
-        openInNewContext: a().oneOfType([ a().bool, a().string ]),
-        prepend: a().bool,
-        selected: a().bool,
-        to: a().string,
-        value: a().any
+        classNamePrivate: o().string,
+        disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed" ]) ]),
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        error: o().bool,
+        icon: o().node,
+        inline: o().bool,
+        isMenu: o().bool,
+        label: o().node,
+        onClick: o().func,
+        openInNewContext: o().oneOfType([ o().bool, o().string ]),
+        prepend: o().bool,
+        selected: o().bool,
+        to: o().string,
+        value: o().any
     };
-    var Q = {
+    var X = {
         appearance: "default",
         append: false,
         disabled: false,
@@ -396,23 +377,23 @@
         openInNewContext: false,
         prepend: false
     };
-    var U = (0, u._)("(Opens new window)");
-    var X =  function(e) {
+    var Y = (0, u._)("(Opens new window)");
+    var Z =  function(e) {
         V(n, e);
         var t = W(n);
         // @docs-props-type ButtonPropsBase
                 function n(e) {
             var r;
-            B(this, n);
+            R(this, n);
             r = t.call(this, e);
             J(L(r), "component", null);
             J(L(r), "handleClick", (function(e) {
-                var t = r.props, n = t.label, i = t.icon, a = t.value, o = t.action, l = t.onClick;
+                var t = r.props, n = t.label, i = t.icon, o = t.value, a = t.action, l = t.onClick;
                 l === null || l === void 0 ? void 0 : l(e, {
                     label: n,
                     icon: i,
-                    value: a,
-                    action: o
+                    value: o,
+                    action: a
                 });
             }));
             J(L(r), "handleMount", (function(e) {
@@ -426,6 +407,7 @@
             /**
      * Places focus on the button.
      */
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var t;
                 (t = this.component) === null || t === void 0 ? void 0 : t.focus();
@@ -433,38 +415,38 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.action, i = t.appearance, a = t.append, o = t.className, s = t.classNamePrivate, c = t.disabled, u = t.error, d = t.icon, m = t.inline, v = t.isMenu, y = t.onClick, b = t.openInNewContext, k = t.prepend, O = t.to, C = t.value;
-                var q = this.props, $ = q.children, I = q.label;
-                if (!I && l()($)) {
-                    I = $;
+                var t = this.props, n = t.action, i = t.appearance, o = t.append, a = t.className, c = t.classNamePrivate, s = t.disabled, u = t.error, d = t.icon, m = t.inline, v = t.isMenu, b = t.onClick, y = t.openInNewContext, k = t.prepend, O = t.to, C = t.value;
+                var q = this.props, $ = q.children, j = q.label;
+                if (!j && l()($)) {
+                    j = $;
                     $ = null;
                 }
                 var E = false;
                 var P;
-                if (b) {
+                if (y) {
                     E = true;
-                    P = typeof b === "string" ? b : U;
+                    P = typeof y === "string" ? y : Y;
                 }
-                var j = !!(d && !I && !v && !$);
-                var N = O && E || v || !!d;
+                var I = !!(d && !j && !v && !$);
+                var T = O && E || v || !!d;
                 
-                return r().createElement(x, R({
+                return r().createElement(x, B({
                     "aria-haspopup": v || undefined,
                     "aria-invalid": u || undefined,
                     "data-test": "button"
                 }, this.props, {
-                    className: (0, f.toClassName)(o, s),
+                    className: (0, f.toClassName)(a, c),
                     "data-action": n,
                     "data-inline": m || null,
-                    disabled: c,
-                    append: a,
+                    disabled: s,
+                    append: o,
                     prepend: k,
                     $inline: m,
-                    $hasPrismaIcon: N,
-                    $isIconOnly: j,
+                    $hasPrismaIcon: T,
+                    $isIconOnly: I,
                     $isMenu: v,
                     value: C,
-                    onClick: y ? this.handleClick : undefined,
+                    onClick: b ? this.handleClick : undefined,
                     ref: this.handleMount,
                     openInNewContext: E,
                     appearance: i
@@ -472,24 +454,24 @@
                     $appearance: i,
                     $error: u
                 }, d &&  r().createElement(h, {
-                    $isStartIcon: !j
-                }, d), I &&  r().createElement(w, {
+                    $isStartIcon: !I
+                }, d), j &&  r().createElement(w, {
                     "data-test": "label",
                     $isMenu: v
-                }, I), $, v &&  r().createElement(S, {
-                    $disabled: c,
+                }, j), $, v &&  r().createElement(S, {
+                    $disabled: s,
                     $primary: i === "primary"
-                },  r().createElement(_, null)), b &&  r().createElement(h, {
+                },  r().createElement(_, null)), y &&  r().createElement(h, {
                     $isStartIcon: false
-                },  r().createElement(T, null),  r().createElement(p(), null, P))));
+                },  r().createElement(N, null),  r().createElement(p(), null, P))));
             }
         } ]);
         return n;
     }(n.Component);
-    J(X, "propTypes", K);
-    J(X, "defaultProps", Q);
-    J(X, s.legacyRefMode, true);
-    /* harmony default export */    const Y = X;
+    J(Z, "propTypes", U);
+    J(Z, "defaultProps", X);
+    J(Z, c.legacyRefMode, true);
+    /* harmony default export */    const ee = Z;
     // CONCATENATED MODULE: ./src/Button/index.ts
     module.exports = t;
     /******/})();