@splunk/react-ui 4.38.0 → 4.40.0

package/TabBar.js

@@ -61,17 +61,17 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Tab: () => /* reexport */ le,
-        default: () => /* reexport */ we
+        Tab: () => /* reexport */ se,
+        default: () => /* reexport */ Ce
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var n =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var a =  e.n(i);
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const o = require("@splunk/ui-utils/keyboard");
+    const a = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
     var c =  e.n(l);
@@ -211,9 +211,7 @@
             enterprise: (0, l.css)([ "width:3px;" ]),
             prisma: (0, l.css)([ "width:1px;" ])
         }
-    }), 
-    /* sc-sel */
-    z, j, j);
+    }), /* sc-sel */ z, j, j);
     var M = c().span.withConfig({
         displayName: "TabStyles__StyledMenu",
         componentId: "sc-1ry8mzj-2"
@@ -230,13 +228,7 @@
             dark: s.variables.borderColor
         })),
         prisma: (0, l.css)([ "background-color:", ";border-color:", ";box-shadow:", ";" ], s.variables.interactiveColorOverlayHover, s.variables.interactiveColorBorderHover, s.variables.hoverShadow)
-    }), 
-    /* sc-sel */
-    z, 
-    /* sc-sel */
-    z, 
-    /* sc-sel */
-    z);
+    }), /* sc-sel */ z, /* sc-sel */ z, /* sc-sel */ z);
     var _ = c().span.withConfig({
         displayName: "TabStyles__StyledIcon",
         componentId: "sc-1ry8mzj-3"
@@ -266,7 +258,7 @@
             compact: "10px 0"
         }
     }));
-    var R = c().span.withConfig({
+    var D = c().span.withConfig({
         displayName: "TabStyles__StyledCount",
         componentId: "sc-1ry8mzj-6"
     })([ "display:inline-block;border-radius:18px;color:", ";font-size:", ";line-height:10px;padding:", ";margin-inline-start:", ";", " &[disabled]{color:", ";}" ], s.variables.contentColorDefault, (0, 
@@ -283,7 +275,7 @@
         enterprise: (0, l.css)([ "&::before{content:'(';}&::after{content:')';}" ]),
         prisma: (0, l.css)([ "background:", ";" ], s.variables.neutral100)
     }), s.variables.contentColorDisabled);
-    var D = c().div.withConfig({
+    var R = c().div.withConfig({
         displayName: "TabStyles__StyledTooltipContent",
         componentId: "sc-1ry8mzj-7"
     })([ "padding:8px;font-size:", ";" ], s.variables.fontSizeSmall);
@@ -326,185 +318,165 @@
         }
     }
     // CONCATENATED MODULE: ./src/TabBar/Tab.tsx
-    function F(e) {
+    function N(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            F = function e(t) {
-                return typeof t;
-            };
-        } else {
-            F = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return F(e);
+        return N = "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;
+        }, N(e);
     }
-    function N() {
-        N = Object.assign || function(e) {
+    function F() {
+        return F = 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 N.apply(this, arguments);
+        }, F.apply(null, arguments);
     }
     function U(e, t) {
-        if (e == null) return {};
-        var r = W(e, t);
-        var n, i;
+        if (null == e) return {};
+        var r, n, i = W(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
     function W(e, t) {
-        if (e == null) return {};
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
     function L(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
     function H(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, ne(n.key), n);
         }
     }
     function Y(e, t, r) {
-        if (t) H(e.prototype, t);
-        if (r) H(e, r);
-        return e;
+        return t && H(e.prototype, t), r && H(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function G(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) J(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && J(e, t);
     }
     function J(e, t) {
-        J = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return J(e, t);
+        return J = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, J(e, t);
     }
     function Q(e) {
         var t = ee();
-        return function r() {
-            var n = te(e), i;
+        return function() {
+            var r, n = te(e);
             if (t) {
-                var a = te(this).constructor;
-                i = Reflect.construct(n, arguments, a);
-            } else {
-                i = n.apply(this, arguments);
-            }
-            return X(this, i);
+                var i = te(this).constructor;
+                r = Reflect.construct(n, arguments, i);
+            } else r = n.apply(this, arguments);
+            return X(this, r);
         };
     }
     function X(e, t) {
-        if (t && (F(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == N(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return Z(e);
     }
     function Z(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 ee() {
-        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 (ee = function t() {
+            return !!e;
+        })();
     }
     function te(e) {
-        te = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return te(e);
+        return te = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, te(e);
     }
     function re(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 = ne(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function ne(e) {
+        var t = ie(e, "string");
+        return "symbol" == N(t) ? t : t + "";
+    }
+    function ie(e, t) {
+        if ("object" != N(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != N(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var ne = {
+    var oe = {
         /** @private. Is the tab active. */
-        active: a().bool,
-        ariaControls: a().string,
-        count: a().number,
-        disabled: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        icon: a().node,
-        id: a().string,
-        label: a().oneOfType([ a().string, a().element ]),
+        active: o().bool,
+        ariaControls: o().string,
+        count: o().number,
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        icon: o().node,
+        id: o().string,
+        label: o().oneOfType([ o().string, o().element ]),
         /** @private Maximum count number in tab label */
-        maxCount: a().number,
+        maxCount: o().number,
         /** @private */
-        splunkTheme: a().object,
-        tabId: a().string,
+        splunkTheme: o().object,
+        tabId: o().string,
         /** @private. The internal key of the tab */
-        tabKey: a().number,
-        to: a().string,
-        tooltip: a().node,
+        tabKey: o().number,
+        to: o().string,
+        tooltip: o().node,
         /**
    * @private
    * Accepts a Menu component that is rendered for that Tab.
    * Is not compatible with `count`.
    * The `menu` prop is only supported in horizontal layout due to both design constraints as well as keyboard support.
    */
-        menu: a().node
+        menu: o().node
     };
-    var ie = {
+    var ae = {
         active: false
     };
-    var ae =  function(e) {
+    var le =  function(e) {
         G(r, e);
         var t = Q(r);
         // @docs-props-type TabPropsBase
@@ -532,25 +504,25 @@
                 });
             }));
             re(Z(n), "handleClick", (function(e) {
-                var t = n.props, r = t.active, i = t.tabId, a = t.tabKey, o = t.to;
+                var t = n.props, r = t.active, i = t.tabId, o = t.tabKey, a = t.to;
                 var l = n.context.onClick;
  // preserve the previous behaviour from 2ad8e7eaf47 to avoid firing unnecessary onChange events
                 // while preventing the "to" prop from incorrectly triggering <Clickable>'s providedOnClick on the active tab
                                 if (!r) {
                     l === null || l === void 0 ? void 0 : l(e, {
                         tabId: i,
-                        tabKey: a
+                        tabKey: o
                     });
                 }
-                if (o == null || o != null && r) {
+                if (a == null || a != null && r) {
                     e.preventDefault();
                 }
             }));
             re(Z(n), "handleFocus", (function(e) {
                 n.handleTooltipOpen();
                 var t = n.props, r = t.tabId, i = t.tabKey;
-                var a = n.context.onFocus;
-                a === null || a === void 0 ? void 0 : a(e, {
+                var o = n.context.onFocus;
+                o === null || o === void 0 ? void 0 : o(e, {
                     tabId: r,
                     tabKey: i
                 });
@@ -579,30 +551,33 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.active, i = t.ariaControls, a = t.count, o = t.disabled, l = t.icon, c = t.label, s = t.tabId, u = t.maxCount, p = t.splunkTheme, v = t.to, h = t.tooltip, m = t.menu, x = t.tabKey, w = U(t, [ "active", "ariaControls", "count", "disabled", "icon", "label", "tabId", "maxCount", "splunkTheme", "to", "tooltip", "menu", "tabKey" ]);
+                var t = this.props, r = t.active, i = t.ariaControls, o = t.count, a = t.disabled, l = t.icon, c = t.label, s = t.tabId, u = t.maxCount, p = t.splunkTheme, v = t.to, h = t.tooltip, m = t.menu, x = t.tabKey, w = U(t, [ "active", "ariaControls", "count", "disabled", "icon", "label", "tabId", "maxCount", "splunkTheme", "to", "tooltip", "menu", "tabKey" ]);
                 var C = this.state, O = C.anchor, T = C.open;
-                var I = this.context, j = I.appearance, q = I.disabled, A = I.iconSize, V = I.layout, B = I.width, F = I.onMenuOpen, W = I.onMenuClose, L = I.isMenuOpen, H = I.focusedTabKey;
+                var I = this.context, j = I.appearance, q = I.disabled, A = I.iconSize, V = I.layout, B = I.width, N = I.onMenuOpen, W = I.onMenuClose, L = I.isMenuOpen, H = I.focusedTabKey;
                 var Y = w.style;
-                var G = q || o || false;
+                var G = q || a || false;
                 var J = A || "inline";
                 var Q = V || "horizontal";
                 var X = B ? {
                     width: B
                 } : Y;
                 var Z = p.isEnterprise;
-                var ee = c ? c.toString() : "";
-                var te = a === 0 || a ? "".concat(a === null || a === void 0 ? void 0 : a.toString()) : "";
- // title is used for CSS styling in TabStyles. labelValue and countValue needs to be included in the title.
-                                var re;
-                if (Z) {
-                    // countValue needs unicode space for width to not change after it's clicked.
-                    var ne = te ? "(".concat(te, ")  ") : "";
-                    re = "".concat(ee, " ").concat(ne);
-                } else {
-                    re = "".concat(ee, "    ").concat(te);
+                var ee = "";
+                // SUI-6877: if the label isn't a string, don't attempt to do this since it'll just be wrong
+                                if (c && typeof c === "string") {
+                    var te = c ? c.toString() : "";
+                    var re = o === 0 || o ? "".concat(o === null || o === void 0 ? void 0 : o.toString()) : "";
+                    // titleValue is used for CSS styling in TabStyles. labelValue and countValue needs to be included in the title.
+                                        if (Z) {
+                        // countValue needs unicode space for width to not change after it's clicked.
+                        var ne = re ? "(".concat(re, ")  ") : "";
+                        ee = "".concat(te, " ").concat(ne);
+                    } else {
+                        ee = "".concat(te, "    ").concat(re);
+                    }
                 }
                 var ie = H === x && L && !!m;
-                var ae =  n().createElement(M, {
+                var oe =  n().createElement(M, {
                     $active: r,
                     "data-test": "menu-toggle",
                     tabIndex: -1,
@@ -610,16 +585,16 @@
                 }, Z ?  n().createElement(g(), {
                     size: 1.1
                 }) :  n().createElement(b(), null));
-                var oe = function e(t) {
+                var ae = function e(t) {
                     // if there is no menu, or if we are not in horizontal, do not render menu container
                     if (!m || Q !== "horizontal") {
                         return t;
                     }
                     
                     return n().createElement(P, null, t,  n().createElement(y(), {
-                        toggle: ae,
+                        toggle: oe,
                         align: "center",
-                        onRequestOpen: F,
+                        onRequestOpen: N,
                         onRequestClose: W,
                         open: ie
                     }, m));
@@ -628,7 +603,7 @@
                 // TODO: Fix the ts error: https://splunk.atlassian.net/browse/SUI-5569
                 // eslint-disable-next-line
                 // @ts-ignore-next-line
-                return n().createElement(z, N({
+                return n().createElement(z, F({
                     "aria-controls": i,
                     "aria-selected": r,
                     "aria-labelledby": this.ariaId,
@@ -641,7 +616,8 @@
                     $icon: l && J !== "inline" ? true : undefined,
                     disabled: G,
                     style: X,
-                    elementRef: this.handleMount
+                    elementRef: this.handleMount,
+                    "data-title": ee
                 }, d()(w, "elementRef"), {
                     onClick: this.handleClick,
                     onFocus: this.handleFocus,
@@ -650,24 +626,23 @@
                     onMouseLeave: this.handleTooltipClose,
                     role: "tab",
                     tabIndex: r ? undefined : -1,
-                    "data-title": re,
                     to: v,
                     $hasMenu: !!m
-                }), oe( n().createElement($, {
+                }), ae( n().createElement($, {
                     "data-test": "label",
                     $withUnderline: j === "navigation"
                 }, l &&  n().createElement(_, {
                     $iconSize: J
-                }, l), c, !m && (a === 0 || a) &&  n().createElement(n().Fragment, null,  n().createElement(S(), null, " "),  n().createElement(R, {
+                }, l), c, !m && (o === 0 || o) &&  n().createElement(n().Fragment, null,  n().createElement(S(), null, " "),  n().createElement(D, {
                     "data-test": "count",
                     disabled: G
-                }, u ? K(a, u) : a)), !!m &&  n().createElement(S(), {
+                }, u ? K(o, u) : o)), !!m &&  n().createElement(S(), {
                     "aria-hidden": true,
                     id: this.menuDescription
                 }, (0, f._)("Press Shift + F10 to open the tab’s menu")))),  n().createElement(E, {
                     $layout: Q,
                     $withUnderline: j === "navigation"
-                }), !o && h &&  n().createElement(k(), {
+                }), !a && h &&  n().createElement(k(), {
                     role: "tooltip",
                     anchor: O,
                     animationConfig: {
@@ -679,7 +654,7 @@
                     id: this.popoverId,
                     open: !!O && T,
                     align: "center"
-                },  n().createElement(D, null, h)), h &&  n().createElement(S(), {
+                },  n().createElement(R, null, h)), h &&  n().createElement(S(), {
                     "aria-hidden": "true",
                     id: this.ariaId
                 }, h));
@@ -687,148 +662,140 @@
         } ]);
         return r;
     }(r.Component);
-    re(ae, "propTypes", ne);
-    re(ae, "defaultProps", ie);
-    re(ae, "contextType", V);
-    var oe = (0, s.withSplunkTheme)(ae);
-    oe.propTypes = ae.propTypes;
-    /* harmony default export */    const le = oe;
+    re(le, "propTypes", oe);
+    re(le, "defaultProps", ae);
+    re(le, "contextType", V);
+    var ce = (0, s.withSplunkTheme)(le);
+    ce.propTypes = le.propTypes;
+    /* harmony default export */    const se = ce;
     // CONCATENATED MODULE: ./src/utils/navigateList.ts
     // A utility for keyboard navigation of lists
-    function ce(e, t, r) {
+    function ue(e, t, r) {
         for (var n = 0; n < e.length; n += 1) {
             var i;
-            var a = (n + r) % e.length;
-            if (((i = e[a].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
-                return e[a];
+            var o = (n + r) % e.length;
+            if (((i = e[o].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
+                return e[o];
             }
         }
         return e[t];
     }
-    function se(e, t, r) {
+    function pe(e, t, r) {
         for (var n = e.length; n > 0; n -= 1) {
             var i;
-            var a = (n + r) % e.length;
-            if (((i = e[a].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
-                return e[a];
+            var o = (n + r) % e.length;
+            if (((i = e[o].current) === null || i === void 0 ? void 0 : i.props.disabled) !== true) {
+                return e[o];
             }
         }
         return e[t];
     }
     // CONCATENATED MODULE: ./src/TabBar/TabBar.tsx
-    function ue() {
-        ue = Object.assign || function(e) {
+    function de() {
+        return de = 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 ue.apply(this, arguments);
+        }, de.apply(null, arguments);
     }
-    function pe(e, t) {
-        return he(e) || be(e, t) || fe(e, t) || de();
+    function fe(e, t) {
+        return me(e) || ye(e, t) || be(e, t) || ve();
     }
-    function de() {
+    function ve() {
         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 fe(e, t) {
-        if (!e) return;
-        if (typeof e === "string") return ve(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 ve(e, t);
+    function be(e, t) {
+        if (e) {
+            if ("string" == typeof e) return he(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) ? he(e, t) : void 0;
+        }
     }
-    function ve(e, t) {
-        if (t == null || t > e.length) t = e.length;
-        for (var r = 0, n = new Array(t); r < t; r++) {
+    function he(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 be(e, t) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var r = [];
-        var n = true;
-        var i = false;
-        var a = undefined;
-        try {
-            for (var o = e[Symbol.iterator](), l; !(n = (l = o.next()).done); n = true) {
-                r.push(l.value);
-                if (t && r.length === t) break;
-            }
-        } catch (e) {
-            i = true;
-            a = e;
-        } finally {
+    function ye(e, t) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var n, i, o, a, l = [], c = !0, s = !1;
             try {
-                if (!n && o["return"] != null) o["return"]();
+                if (o = (r = r.call(e)).next, 0 === t) {
+                    if (Object(r) !== r) return;
+                    c = !1;
+                } else for (;!(c = (n = o.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
+                }
+            } catch (e) {
+                s = !0, i = e;
             } finally {
-                if (i) throw a;
+                try {
+                    if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                } finally {
+                    if (s) throw i;
+                }
             }
+            return l;
         }
-        return r;
     }
-    function he(e) {
+    function me(e) {
         if (Array.isArray(e)) return e;
     }
-    function ye(e, t) {
-        if (e == null) return {};
-        var r = me(e, t);
-        var n, i;
+    function ge(e, t) {
+        if (null == e) return {};
+        var r, n, i = xe(e, t);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < a.length; i++) {
-                n = a[i];
-                if (t.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                r[n] = e[n];
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
-        return r;
+        return i;
     }
-    function me(e, t) {
-        if (e == null) return {};
+    function xe(e, t) {
+        if (null == e) return {};
         var r = {};
-        var n = Object.keys(e);
-        var i, a;
-        for (a = 0; a < n.length; a++) {
-            i = n[a];
-            if (t.indexOf(i) >= 0) continue;
-            r[i] = e[i];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (t.includes(n)) continue;
+                r[n] = e[n];
+            }
         }
         return r;
     }
-    var ge = 50;
-    /** @public */    var xe = {
-        autoActivate: a().bool,
-        activeTabId: a().string,
-        appearance: a().oneOf([ "navigation", "context" ]),
-        children: a().node,
+    var ke = 50;
+    /** @public */
+    /** @public */    var we = {
+        autoActivate: o().bool,
+        activeTabId: o().string,
+        appearance: o().oneOf([ "navigation", "context" ]),
+        children: o().node,
         /** @private */
-        disabled: a().bool,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        iconSize: a().oneOf([ "inline", "small", "large" ]),
-        layout: a().oneOf([ "horizontal", "vertical" ]),
-        onChange: a().func,
-        tabWidth: a().number
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        iconSize: o().oneOf([ "inline", "small", "large" ]),
+        layout: o().oneOf([ "horizontal", "vertical" ]),
+        onChange: o().func,
+        tabWidth: o().number
     };
-    function ke(e) {
-        var t = e.activeTabId, i = e.autoActivate, a = e.appearance, l = a === void 0 ? "navigation" : a, c = e.children, s = e.disabled, p = s === void 0 ? false : s, d = e.elementRef, f = e.iconSize, v = f === void 0 ? "inline" : f, b = e.layout, h = b === void 0 ? "horizontal" : b, y = e.onChange, m = e.tabWidth, g = ye(e, [ "activeTabId", "autoActivate", "appearance", "children", "disabled", "elementRef", "iconSize", "layout", "onChange", "tabWidth" ]);
+    function Se(e) {
+        var t = e.activeTabId, i = e.autoActivate, o = e.appearance, l = o === void 0 ? "navigation" : o, c = e.children, s = e.disabled, p = s === void 0 ? false : s, d = e.elementRef, f = e.iconSize, v = f === void 0 ? "inline" : f, b = e.layout, h = b === void 0 ? "horizontal" : b, y = e.onChange, m = e.tabWidth, g = ge(e, [ "activeTabId", "autoActivate", "appearance", "children", "disabled", "elementRef", "iconSize", "layout", "onChange", "tabWidth" ]);
         // @docs-props-type TabBarPropsBase
-                var x = (0, r.useState)(false), k = pe(x, 2), w = k[0], S = k[1];
-        var C = (0, r.useState)(0), O = pe(C, 2), T = O[0], I = O[1];
+                var x = (0, r.useState)(false), k = fe(x, 2), w = k[0], S = k[1];
+        var C = (0, r.useState)(0), O = fe(C, 2), T = O[0], I = O[1];
         var j = (0, r.useRef)(T);
         j.current = T;
         var z = (0, r.useRef)("");
         var E = (0, r.useRef)([]);
         var M = h === "vertical" ? "down" : "right";
         var _ = h === "vertical" ? "up" : "left";
+        if (false) {}
         var P = (0, r.useCallback)((function(e, t) {
             var r = t.tabKey, n = t.tabId;
             if (r != null) {
@@ -848,48 +815,48 @@
                 selectedTabId: t.tabId
             });
         }), [ y ]);
-        var R = (0, r.useMemo)((function() {
+        var D = (0, r.useMemo)((function() {
             var e = 0;
- // reset tabRefs since children are changed
+            // reset tabRefs since children are changed
                         E.current = [];
             return r.Children.toArray(c).filter(r.isValidElement).map((function(i) {
                 // <TabBar> allows non-<Tab> children, pass them through without any modification
-                if (typeof i.type === "string" || i.type.name !== le.name) {
+                if (typeof i.type === "string" || i.type.name !== se.name) {
                     return i;
                 }
-                var a =  n().createRef();
-                E.current.push(a);
-                var o = {
+                var o =  n().createRef();
+                E.current.push(o);
+                var a = {
                     active: t === i.props.tabId,
                     tabKey: e,
-                    ref: a
+                    ref: o
                 };
                 e += 1;
                 
-                return (0, r.cloneElement)(i, o);
+                return (0, r.cloneElement)(i, a);
             }));
         }), [ t, c ]);
         (0, r.useEffect)((function() {
-            R.forEach((function(e, t) {
+            D.forEach((function(e, t) {
                 // if the focused tab has changed order in the tab bar,
                 //   then we want to update the focusedTabKey to the new position of the focused tab
                 if (z.current != null && z.current === e.props.tabId && j.current !== t) {
                     I(t);
                 }
             }));
-        }), [ R ]);
-        var D = m && m > ge ? m : null;
+        }), [ D ]);
+        var R = m && m > ke ? m : null;
         var q = (0, r.useCallback)((function(e) {
-            var t = (0, o.keycode)(e.nativeEvent);
+            var t = (0, a.keycode)(e.nativeEvent);
             var r;
             if (t === M) {
-                r = ce(E.current, T, T + 1);
+                r = ue(E.current, T, T + 1);
             } else if (t === _) {
-                r = se(E.current, T, T - 1);
+                r = pe(E.current, T, T - 1);
             } else if (t === "home") {
-                r = ce(E.current, T, 0);
+                r = ue(E.current, T, 0);
             } else if (t === "end") {
-                r = se(E.current, T, E.current.length - 1);
+                r = pe(E.current, T, E.current.length - 1);
             } else if (h === "horizontal" && e.shiftKey && t === "f10") {
                 S((function(e) {
                     if (e) {
@@ -928,15 +895,15 @@
                 layout: h,
                 onClick: $,
                 onFocus: P,
-                width: D,
+                width: R,
                 onMenuOpen: A,
                 onMenuClose: K,
                 isMenuOpen: w,
                 focusedTabKey: T
             };
-        }), [ l, p, T, v, w, h, K, A, $, P, D ]);
+        }), [ l, p, T, v, w, h, K, A, $, P, R ]);
         
-        return n().createElement(u, ue({
+        return n().createElement(u, de({
             "data-tab-layout": h,
             "data-test-active-tab-id": t,
             "data-test": "tab-bar",
@@ -947,11 +914,11 @@
             onKeyDown: q
         }, g),  n().createElement(V.Provider, {
             value: B
-        }, R));
+        }, D));
     }
-    ke.propTypes = xe;
-    ke.Tab = le;
-    /* harmony default export */    const we = ke;
+    Se.propTypes = we;
+    Se.Tab = se;
+    /* harmony default export */    const Ce = Se;
     // CONCATENATED MODULE: ./src/TabBar/index.ts
     module.exports = t;
     /******/})();