@splunk/react-ui 5.3.0 → 5.5.0

package/TabLayout.js

@@ -97,13 +97,13 @@
     var m = p().div.withConfig({
         displayName: "TabLayoutStyles__Styled",
         componentId: "lf0quy-1"
-    })([ "text-align:center;margin-top:", ";", "" ], b.variables.spacingLarge, (function(e) {
+    })([ "text-align:center;", "" ], (function(e) {
         var t = e.$layout;
         return t === "vertical" && (0, v.css)([ "display:flex;& > [role='tablist']{flex:0 0 auto;}& > ", "{width:100%;}" ], /* sc-sel */ y);
     }));
     // CONCATENATED MODULE: ./src/TabLayout/Panel.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function h() {
+        return h = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -111,9 +111,9 @@
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, h.apply(null, arguments);
     }
-    function h(e, t) {
+    function g(e, t) {
         if (null == e) return {};
         var n, r, a = O(e, t);
         if (Object.getOwnPropertySymbols) {
@@ -147,10 +147,10 @@
         tooltip: o().node
     };
     function I(e) {
-        var t = e.children, n = e.disabled, a = n === void 0 ? false : n, o = e.elementRef, l = e.inset, i = l === void 0 ? true : l, u = e.panelId, c = h(e, [ "children", "disabled", "elementRef", "inset", "panelId" ]);
+        var t = e.children, n = e.disabled, a = n === void 0 ? false : n, o = e.elementRef, l = e.inset, i = l === void 0 ? true : l, u = e.panelId, c = g(e, [ "children", "disabled", "elementRef", "inset", "panelId" ]);
         // @docs-props-type PanelPropsBase
                 
-        return r().createElement(y, g({
+        return r().createElement(y, h({
             $inset: i,
             "data-test-panel-id": u,
             "data-test": "panel",
@@ -256,7 +256,7 @@
  */    function R(e) {
         var t = e.autoActivate, a = e.activePanelId, o = e.children, l = e.defaultActivePanelId, u = e.elementRef, s = 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 = c()({
+                var h = c()({
             componentName: "TabLayout",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -264,22 +264,22 @@
             defaultValuePropName: "defaultActivePanelId",
             valuePropName: "activePanelId"
         });
-        var h = (0, n.useState)(), O = j(h, 2), P = O[0], I = O[1];
-        var S = (0, n.useState)(g ? undefined : l), w = j(S, 2), A = w[0], x = w[1];
+        var g = (0, n.useState)(), O = j(g, 2), P = O[0], I = O[1];
+        var S = (0, n.useState)(h ? undefined : l), w = j(S, 2), A = w[0], x = 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 q = (0, n.useMemo)((function() {
-            return g ? a : A;
-        }), [ g, a, A ]);
+            return h ? a : A;
+        }), [ h, a, A ]);
         var C = (0, n.useState)((0, d.createGUID)()), _ = j(C, 1), k = _[0];
         var R = (0, n.useCallback)((function(e, t) {
             var n = t.selectedTabId;
-            if (!g) {
+            if (!h) {
                 x(n);
             }
             b === null || b === void 0 ? void 0 : b(e, {
                 activePanelId: n
             });
-        }), [ g, b ]);
+        }), [ h, b ]);
         var M = (0, n.useMemo)((function() {
             var e = null;
             var t = n.Children.toArray(o).filter(n.isValidElement).map((function(t) {