@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/TabLayout.js

@@ -70,14 +70,14 @@
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
     var l =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const o = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/TabBar"
-    const i = require("@splunk/react-ui/TabBar");
-    var u =  e.n(i);
+    const o = require("@splunk/react-ui/TabBar");
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const c = require("@splunk/react-ui/useControlled");
-    var s =  e.n(c);
+    const u = require("@splunk/react-ui/useControlled");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const s = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "lodash/omit"
     const d = require("lodash/omit");
     var f =  e.n(d);
@@ -254,9 +254,9 @@
  * 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 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" ]);
+        var t = e.autoActivate, a = e.activePanelId, l = e.children, o = e.defaultActivePanelId, u = 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()({
+                var g = c()({
             componentName: "TabLayout",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -265,12 +265,12 @@
             valuePropName: "activePanelId"
         });
         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];
+        var S = (0, n.useState)(g ? undefined : o), 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 : A;
         }), [ g, a, A ]);
-        var x = (0, n.useState)((0, o.createGUID)()), _ = j(x, 1), k = _[0];
+        var x = (0, n.useState)((0, s.createGUID)()), _ = j(x, 1), k = _[0];
         var R = (0, n.useCallback)((function(e, t) {
             var n = t.selectedTabId;
             if (!g) {
@@ -292,14 +292,14 @@
                         id: l
                     });
                 }
-                var i = {};
+                var u = {};
                 // tell TS that PanelProps can contain `data-title`
                                 var c = a["data-title"];
                 if (c != null) {
-                    i["data-title"] = c;
+                    u["data-title"] = c;
                 }
                 
-                return r().createElement(u().Tab, T({
+                return r().createElement(i().Tab, T({
                     count: a.count,
                     icon: a.icon,
                     key: a.panelId,
@@ -309,7 +309,7 @@
                     ariaControls: l,
                     tooltip: a.tooltip,
                     disabled: a.disabled
-                }, i));
+                }, u));
             }));
             I(e);
             return t;
@@ -321,9 +321,9 @@
         return r().createElement(m, T({
             "data-test-active-panel-id": C,
             "data-test": "tab-layout",
-            ref: c,
+            ref: u,
             $layout: v
-        }, y),  r().createElement(u(), {
+        }, y),  r().createElement(i(), {
             autoActivate: t,
             activeTabId: C,
             iconPosition: d,