@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/TabLayout.js

@@ -161,8 +161,8 @@
     I.propTypes = O;
     /* harmony default export */    const S = I;
     // CONCATENATED MODULE: ./src/TabLayout/TabLayout.tsx
-    function j() {
-        return j = Object.assign ? Object.assign.bind() : function(e) {
+    function T() {
+        return T = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -170,15 +170,15 @@
                 }
             }
             return e;
-        }, j.apply(null, arguments);
+        }, T.apply(null, arguments);
     }
-    function w(e, t) {
-        return E(e) || C(e, t) || T(e, t) || A();
+    function j(e, t) {
+        return x(e) || C(e, t) || A(e, t) || w();
     }
-    function A() {
+    function w() {
         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 T(e, t) {
+    function A(e, t) {
         if (e) {
             if ("string" == typeof e) return q(e, t);
             var n = {}.toString.call(e).slice(8, -1);
@@ -214,12 +214,12 @@
             return i;
         }
     }
-    function E(e) {
+    function x(e) {
         if (Array.isArray(e)) return e;
     }
-    function _(e, t) {
+    function E(e, t) {
         if (null == e) return {};
-        var n, r, a = k(e, t);
+        var n, r, a = _(e, t);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (r = 0; r < l.length; r++) {
@@ -228,7 +228,7 @@
         }
         return a;
     }
-    function k(e, t) {
+    function _(e, t) {
         if (null == e) return {};
         var n = {};
         for (var r in e) {
@@ -239,7 +239,7 @@
         }
         return n;
     }
-    /** @public */    var R = {
+    /** @public */    var k = {
         autoActivate: l().bool,
         activePanelId: l().string,
         children: l().node,
@@ -247,14 +247,14 @@
         elementRef: l().oneOfType([ l().func, l().object ]),
         iconPosition: l().oneOf([ "above", "left" ]),
         layout: l().oneOf([ "horizontal", "vertical" ]),
-        onChange: l().func,
-        tabWidth: l().number
+        maxTabWidth: l().number,
+        onChange: l().func
     };
     /**
  * 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.
- */    function x(e) {
-        var t = e.autoActivate, a = e.activePanelId, l = e.children, i = e.defaultActivePanelId, c = e.elementRef, d = e.iconPosition, f = e.layout, v = f === void 0 ? "horizontal" : f, p = e.onChange, b = e.tabWidth, y = _(e, [ "autoActivate", "activePanelId", "children", "defaultActivePanelId", "elementRef", "iconPosition", "layout", "onChange", "tabWidth" ]);
+ */    function R(e) {
+        var t = e.autoActivate, a = e.activePanelId, l = e.children, i = e.defaultActivePanelId, c = e.elementRef, d = e.iconPosition, f = e.layout, v = f === void 0 ? "horizontal" : f, p = e.maxTabWidth, b = e.onChange, y = E(e, [ "autoActivate", "activePanelId", "children", "defaultActivePanelId", "elementRef", "iconPosition", "layout", "maxTabWidth", "onChange" ]);
         // @docs-props-type TabLayoutPropsBase
                 var g = s()({
             componentName: "TabLayout",
@@ -264,28 +264,28 @@
             defaultValuePropName: "defaultActivePanelId",
             valuePropName: "activePanelId"
         });
-        var h = (0, n.useState)(), P = w(h, 2), O = P[0], I = P[1];
-        var S = (0, n.useState)(g ? undefined : i), A = w(S, 2), T = A[0], q = A[1];
+        var h = (0, n.useState)(), P = j(h, 2), O = P[0], I = P[1];
+        var S = (0, n.useState)(g ? undefined : i), w = j(S, 2), A = w[0], q = w[1];
  // Could use activePanelIdProp for isControlled route but chose not to b/c we always favor direct prop access in below logic in that scenario
                 var C = (0, n.useMemo)((function() {
-            return g ? a : T;
-        }), [ g, a, T ]);
-        var E = (0, n.useState)((0, o.createGUID)()), k = w(E, 1), R = k[0];
-        var x = (0, n.useCallback)((function(e, t) {
+            return g ? a : A;
+        }), [ g, a, A ]);
+        var x = (0, n.useState)((0, o.createGUID)()), _ = j(x, 1), k = _[0];
+        var R = (0, n.useCallback)((function(e, t) {
             var n = t.selectedTabId;
             if (!g) {
                 q(n);
             }
-            p === null || p === void 0 ? void 0 : p(e, {
+            b === null || b === void 0 ? void 0 : b(e, {
                 activePanelId: n
             });
-        }), [ g, p ]);
+        }), [ g, b ]);
         var M = (0, n.useMemo)((function() {
             var e = null;
             var t = n.Children.toArray(l).filter(n.isValidElement).map((function(t) {
                 var a = t.props;
-                var l = "".concat(R, "-").concat(a.panelId);
-                var o = "".concat(R, "-").concat(a.panelId, "-tab");
+                var l = "".concat(k, "-").concat(a.panelId);
+                var o = "".concat(k, "-").concat(a.panelId, "-tab");
                 if (a.panelId === C) {
                     e =  (0, n.cloneElement)(t, {
                         "aria-labelledby": o,
@@ -299,7 +299,7 @@
                     i["data-title"] = c;
                 }
                 
-                return r().createElement(u().Tab, j({
+                return r().createElement(u().Tab, T({
                     count: a.count,
                     icon: a.icon,
                     key: a.panelId,
@@ -313,12 +313,12 @@
             }));
             I(e);
             return t;
-        }), [ C, l, R ]);
+        }), [ C, l, k ]);
         (0, n.useEffect)((function() {
             if (false) {}
         }), [ O ]);
         
-        return r().createElement(m, j({
+        return r().createElement(m, T({
             "data-test-active-panel-id": C,
             "data-test": "tab-layout",
             ref: c,
@@ -328,13 +328,13 @@
             activeTabId: C,
             iconPosition: d,
             layout: v,
-            onChange: x,
-            tabWidth: b
+            maxTabWidth: p,
+            onChange: R
         }, M), O);
     }
-    x.Panel = S;
-    x.propTypes = R;
-    /* harmony default export */    const M = x;
+    R.Panel = S;
+    R.propTypes = k;
+    /* harmony default export */    const M = R;
     // CONCATENATED MODULE: ./src/TabLayout/index.ts
     module.exports = t;
     /******/})();