@splunk/react-ui 4.38.0 → 4.40.0

package/TabLayout.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Panel: () => /* reexport */ w,
-        default: () => /* reexport */ B
+        Panel: () => /* reexport */ S,
+        default: () => /* reexport */ V
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -77,75 +77,65 @@
     const c = require("lodash/keys");
     var u =  e.n(c);
     // CONCATENATED MODULE: external "lodash/omit"
-    const f = require("lodash/omit");
-    var s =  e.n(f);
+    const s = require("lodash/omit");
+    var p =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const p = require("@splunk/ui-utils/id");
+    const f = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/TabBar"
     const d = require("@splunk/react-ui/TabBar");
     var y =  e.n(d);
     // CONCATENATED MODULE: external "styled-components"
-    const v = require("styled-components");
-    var b =  e.n(v);
+    const b = require("styled-components");
+    var v =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/themes"
     const h = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/TabLayout/TabLayoutStyles.ts
-    var m = b().div.withConfig({
+    var m = v().div.withConfig({
         displayName: "TabLayoutStyles__StyledPanel",
         componentId: "lf0quy-0"
     })([ "", "" ], h.mixins.reset("block"));
-    var g = b().div.withConfig({
+    var g = v().div.withConfig({
         displayName: "TabLayoutStyles__Styled",
         componentId: "lf0quy-1"
     })([ "text-align:center;margin-top:", ";", "" ], h.variables.spacingLarge, (function(e) {
         var t = e.$layout;
-        return t === "vertical" && (0, v.css)([ "display:flex;& > [role='tablist']{flex:0 0 auto;}& > ", "{width:100%;}" ], 
-        /* sc-sel */
-        m);
+        return t === "vertical" && (0, b.css)([ "display:flex;& > [role='tablist']{flex:0 0 auto;}& > ", "{width:100%;}" ], /* sc-sel */ m);
     }));
     // CONCATENATED MODULE: ./src/TabLayout/Panel.tsx
     function O() {
-        O = Object.assign || function(e) {
+        return O = 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 O.apply(this, arguments);
+        }, O.apply(null, arguments);
     }
     function P(e, t) {
-        if (e == null) return {};
-        var n = I(e, t);
-        var r, o;
+        if (null == e) return {};
+        var n, r, o = j(e, t);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < a.length; o++) {
-                r = a[o];
-                if (t.indexOf(r) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
-                n[r] = e[r];
+            for (r = 0; r < a.length; r++) {
+                n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
         }
-        return n;
+        return o;
     }
-    function I(e, t) {
-        if (e == null) return {};
+    function j(e, t) {
+        if (null == e) return {};
         var n = {};
-        var r = Object.keys(e);
-        var o, a;
-        for (a = 0; a < r.length; a++) {
-            o = r[a];
-            if (t.indexOf(o) >= 0) continue;
-            n[o] = e[o];
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (t.includes(r)) continue;
+                n[r] = e[r];
+            }
         }
         return n;
     }
-    var S = {
+    var w = {
         children: a().node,
         count: a().number,
         disabled: a().bool,
@@ -155,7 +145,7 @@
         panelId: a().string.isRequired,
         tooltip: a().node
     };
-    function j(e) {
+    function I(e) {
         var t = e.children, n = e.disabled, o = n === void 0 ? false : n, a = e.elementRef, i = e.panelId, l = P(e, [ "children", "disabled", "elementRef", "panelId" ]);
         // @docs-props-type PanelPropsBase
                 
@@ -164,133 +154,118 @@
             "data-test": "panel",
             ref: a,
             role: "tabpanel"
-        }, s()(l, [ "icon", "label", "tooltip" ])), t);
+        }, p()(l, [ "icon", "label", "tooltip" ])), t);
     }
-    j.propTypes = S;
-    /* harmony default export */    const w = j;
+    I.propTypes = w;
+    /* harmony default export */    const S = I;
     // CONCATENATED MODULE: ./src/TabLayout/TabLayout.tsx
     function T(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 T = "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;
+        }, T(e);
     }
     function _() {
-        _ = Object.assign || function(e) {
+        return _ = 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 _.apply(this, arguments);
+        }, _.apply(null, arguments);
     }
     function C(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 x(e, t) {
+    function E(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, L(r.key), r);
         }
     }
-    function E(e, t, n) {
-        if (t) x(e.prototype, t);
-        if (n) x(e, n);
-        return e;
+    function q(e, t, n) {
+        return t && E(e.prototype, t), n && E(e, n), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function q(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function k(e, t) {
+        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) R(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && x(e, t);
     }
-    function R(e, t) {
-        R = Object.setPrototypeOf || function e(t, n) {
-            t.__proto__ = n;
-            return t;
-        };
-        return R(e, t);
+    function x(e, t) {
+        return x = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, x(e, t);
     }
-    function k(e) {
+    function R(e) {
         var t = D();
-        return function n() {
-            var r = M(e), o;
+        return function() {
+            var n, r = M(e);
             if (t) {
-                var a = M(this).constructor;
-                o = Reflect.construct(r, arguments, a);
-            } else {
-                o = r.apply(this, arguments);
-            }
-            return z(this, o);
+                var o = M(this).constructor;
+                n = Reflect.construct(r, arguments, o);
+            } else n = r.apply(this, arguments);
+            return z(this, n);
         };
     }
     function z(e, t) {
-        if (t && (T(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == T(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return A(e);
     }
     function A(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 D() {
-        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 (D = function t() {
+            return !!e;
+        })();
     }
     function M(e) {
-        M = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return M(e);
+        return M = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, M(e);
     }
-    function L(e, t, n) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: n,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = n;
+    function B(e, t, n) {
+        return (t = L(t)) in e ? Object.defineProperty(e, t, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = n, e;
+    }
+    function L(e) {
+        var t = N(e, "string");
+        return "symbol" == T(t) ? t : t + "";
+    }
+    function N(e, t) {
+        if ("object" != T(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var r = n.call(e, t || "default");
+            if ("object" != T(r)) return r;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var W = {
+    /** @public */    var W = {
         autoActivate: a().bool,
         activePanelId: a().string,
         appearance: a().oneOf([ "navigation", "context" ]),
@@ -303,7 +278,7 @@
         onChange: a().func,
         tabWidth: a().number
     };
-    var N = {
+    var $ = {
         appearance: "navigation",
         iconSize: "inline",
         layout: "horizontal"
@@ -311,17 +286,17 @@
     /**
  * The `TabLayout` is a group of managed `Panels`. Only one panel can be open at a time.
  * `TabLayout` supports both the controlled and uncontrolled patterns.
- */    var $ =  function(e) {
-        q(o, e);
-        var t = k(o);
+ */    var U =  function(e) {
+        k(o, e);
+        var t = R(o);
         // @docs-props-type TabLayoutPropsBase
                 function o(e) {
             var n;
             C(this, o);
             n = t.call(this, e);
-            L(A(n), "controlledExternally", void 0);
-            L(A(n), "guid", void 0);
-            L(A(n), "handleChange", (function(e, t) {
+            B(A(n), "controlledExternally", void 0);
+            B(A(n), "guid", void 0);
+            B(A(n), "handleChange", (function(e, t) {
                 var r, o;
                 var a = t.selectedTabId;
                 if (!n.isControlled()) {
@@ -334,7 +309,7 @@
                 });
             }));
             n.controlledExternally = l()(e, "activePanelId");
-            n.guid = (0, p.createDOMID)();
+            n.guid = (0, f.createDOMID)();
             if (!n.isControlled()) {
                 n.state = {
                     activePanelId: e.defaultActivePanelId
@@ -343,7 +318,7 @@
             if (false) {}
             return n;
         }
-        E(o, [ {
+        q(o, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (false) {}
@@ -360,19 +335,25 @@
                 var t = this;
                 var a = this.props, i = a.children, l = a.layout;
                 var c = this.isControlled() ? this.props.activePanelId : this.state.activePanelId;
-                var f;
-                var p = n.Children.toArray(i).filter(n.isValidElement).map((function(e) {
+                var s;
+                var f = n.Children.toArray(i).filter(n.isValidElement).map((function(e) {
                     var o = e.props;
                     var a = "".concat(t.guid, "-").concat(o.panelId);
                     var i = "".concat(t.guid, "-").concat(o.panelId, "-tab");
                     if (o.panelId === c) {
-                        f =  (0, n.cloneElement)(e, {
+                        s =  (0, n.cloneElement)(e, {
                             "aria-labelledby": i,
                             id: a
                         });
                     }
+                    var l = {};
+                    // tell TS that PanelProps can contain `data-title`
+                                        var u = o["data-title"];
+                    if (u != null) {
+                        l["data-title"] = u;
+                    }
                     
-                    return r().createElement(y().Tab, {
+                    return r().createElement(y().Tab, _({
                         count: o.count,
                         icon: o.icon,
                         key: o.panelId,
@@ -382,7 +363,7 @@
                         ariaControls: a,
                         tooltip: o.tooltip,
                         disabled: o.disabled
-                    });
+                    }, l));
                 }));
                 if (false) {}
                 
@@ -391,7 +372,7 @@
                     "data-test": "tab-layout",
                     ref: this.props.elementRef,
                     $layout: l
-                }, s()(this.props, u()(o.propTypes))),  r().createElement(y(), {
+                }, p()(this.props, u()(o.propTypes))),  r().createElement(y(), {
                     autoActivate: this.props.autoActivate,
                     activeTabId: c,
                     appearance: this.props.appearance,
@@ -399,15 +380,15 @@
                     layout: this.props.layout,
                     onChange: this.handleChange,
                     tabWidth: this.props.tabWidth
-                }, p), f);
+                }, f), s);
             }
         } ]);
         return o;
     }(n.Component);
-    L($, "propTypes", W);
-    L($, "defaultProps", N);
-    L($, "Panel", w);
-    /* harmony default export */    const B = $;
+    B(U, "propTypes", W);
+    B(U, "defaultProps", $);
+    B(U, "Panel", S);
+    /* harmony default export */    const V = U;
     // CONCATENATED MODULE: ./src/TabLayout/index.ts
     module.exports = t;
     /******/})();