@splunk/react-ui 5.1.0 → 5.3.0

package/TabLayout.js

@@ -69,18 +69,18 @@
     var r =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
-    var l =  e.n(a);
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-ui/TabBar"
-    const o = require("@splunk/react-ui/TabBar");
-    var i =  e.n(o);
+    const l = require("@splunk/react-ui/TabBar");
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     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");
+    const d = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "lodash/omit"
-    const d = require("lodash/omit");
-    var f =  e.n(d);
+    const s = require("lodash/omit");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "styled-components"
     const v = require("styled-components");
     var p =  e.n(v);
@@ -115,50 +115,50 @@
     }
     function h(e, t) {
         if (null == e) return {};
-        var n, r, a = P(e, t);
+        var n, r, a = O(e, t);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                n = o[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
     }
-    function P(e, t) {
+    function O(e, t) {
         if (null == e) return {};
         var n = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (t.includes(r)) continue;
+                if (-1 !== t.indexOf(r)) continue;
                 n[r] = e[r];
             }
         }
         return n;
     }
-    var O = {
-        children: l().node,
-        count: l().number,
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        icon: l().node,
-        inset: l().bool,
-        label: l().oneOfType([ l().string, l().element ]),
-        panelId: l().string.isRequired,
-        tooltip: l().node
+    var P = {
+        children: o().node,
+        count: o().number,
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        icon: o().node,
+        inset: o().bool,
+        label: o().oneOfType([ o().string, o().element ]),
+        panelId: o().string.isRequired,
+        tooltip: o().node
     };
     function I(e) {
-        var t = e.children, n = e.disabled, a = n === void 0 ? false : n, l = e.elementRef, o = e.inset, i = o === void 0 ? true : o, 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 = h(e, [ "children", "disabled", "elementRef", "inset", "panelId" ]);
         // @docs-props-type PanelPropsBase
                 
         return r().createElement(y, g({
             $inset: i,
             "data-test-panel-id": u,
             "data-test": "panel",
-            ref: l,
+            ref: o,
             role: "tabpanel"
         }, f()(c, [ "icon", "label", "tooltip" ])), t);
     }
-    I.propTypes = O;
+    I.propTypes = P;
     /* harmony default export */    const S = I;
     // CONCATENATED MODULE: ./src/TabLayout/TabLayout.tsx
     function T() {
@@ -173,40 +173,40 @@
         }, T.apply(null, arguments);
     }
     function j(e, t) {
-        return x(e) || C(e, t) || A(e, t) || w();
+        return C(e) || q(e, t) || A(e, t) || w();
     }
     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 A(e, t) {
         if (e) {
-            if ("string" == typeof e) return q(e, t);
+            if ("string" == typeof e) return x(e, t);
             var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? q(e, t) : void 0;
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? x(e, t) : void 0;
         }
     }
-    function q(e, t) {
+    function x(e, t) {
         (null == t || t > e.length) && (t = e.length);
         for (var n = 0, r = Array(t); n < t; n++) {
             r[n] = e[n];
         }
         return r;
     }
-    function C(e, t) {
+    function q(e, t) {
         var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != n) {
-            var r, a, l, o, i = [], u = !0, c = !1;
+            var r, a, o, l, i = [], u = !0, c = !1;
             try {
-                if (l = (n = n.call(e)).next, 0 === t) {
+                if (o = (n = n.call(e)).next, 0 === t) {
                     if (Object(n) !== n) return;
                     u = !1;
-                } else for (;!(u = (r = l.call(n)).done) && (i.push(r.value), i.length !== t); u = !0) {
+                } else for (;!(u = (r = o.call(n)).done) && (i.push(r.value), i.length !== t); u = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!u && null != n["return"] && (o = n["return"](), Object(o) !== o)) return;
+                    if (!u && null != n["return"] && (l = n["return"](), Object(l) !== l)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -214,16 +214,16 @@
             return i;
         }
     }
-    function x(e) {
+    function C(e) {
         if (Array.isArray(e)) return e;
     }
     function E(e, t) {
         if (null == e) return {};
         var n, r, a = _(e, t);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                n = l[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                n = o[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
@@ -233,28 +233,28 @@
         var n = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (t.includes(r)) continue;
+                if (-1 !== t.indexOf(r)) continue;
                 n[r] = e[r];
             }
         }
         return n;
     }
     /** @public */    var k = {
-        autoActivate: l().bool,
-        activePanelId: l().string,
-        children: l().node,
-        defaultActivePanelId: l().string,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        iconPosition: l().oneOf([ "above", "left" ]),
-        layout: l().oneOf([ "horizontal", "vertical" ]),
-        maxTabWidth: l().number,
-        onChange: l().func
+        autoActivate: o().bool,
+        activePanelId: o().string,
+        children: o().node,
+        defaultActivePanelId: o().string,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        iconPosition: o().oneOf([ "above", "left" ]),
+        layout: o().oneOf([ "horizontal", "vertical" ]),
+        maxTabWidth: o().number,
+        onChange: o().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 R(e) {
-        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" ]);
+        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()({
             componentName: "TabLayout",
@@ -264,17 +264,17 @@
             defaultValuePropName: "defaultActivePanelId",
             valuePropName: "activePanelId"
         });
-        var h = (0, n.useState)(), P = j(h, 2), O = P[0], I = P[1];
-        var S = (0, n.useState)(g ? undefined : o), w = j(S, 2), A = w[0], q = w[1];
+        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];
  // 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() {
+                var q = (0, n.useMemo)((function() {
             return g ? a : A;
         }), [ g, a, A ]);
-        var x = (0, n.useState)((0, s.createGUID)()), _ = j(x, 1), k = _[0];
+        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) {
-                q(n);
+                x(n);
             }
             b === null || b === void 0 ? void 0 : b(e, {
                 activePanelId: n
@@ -282,14 +282,14 @@
         }), [ g, b ]);
         var M = (0, n.useMemo)((function() {
             var e = null;
-            var t = n.Children.toArray(l).filter(n.isValidElement).map((function(t) {
+            var t = n.Children.toArray(o).filter(n.isValidElement).map((function(t) {
                 var a = t.props;
-                var l = "".concat(k, "-").concat(a.panelId);
-                var o = "".concat(k, "-").concat(a.panelId, "-tab");
-                if (a.panelId === C) {
+                var o = "".concat(k, "-").concat(a.panelId);
+                var l = "".concat(k, "-").concat(a.panelId, "-tab");
+                if (a.panelId === q) {
                     e =  (0, n.cloneElement)(t, {
-                        "aria-labelledby": o,
-                        id: l
+                        "aria-labelledby": l,
+                        id: o
                     });
                 }
                 var u = {};
@@ -305,32 +305,32 @@
                     key: a.panelId,
                     label: a.label,
                     tabId: a.panelId,
-                    id: o,
-                    ariaControls: l,
+                    id: l,
+                    ariaControls: o,
                     tooltip: a.tooltip,
                     disabled: a.disabled
                 }, u));
             }));
             I(e);
             return t;
-        }), [ C, l, k ]);
+        }), [ q, o, k ]);
         (0, n.useEffect)((function() {
             if (false) {}
-        }), [ O ]);
+        }), [ P ]);
         
         return r().createElement(m, T({
-            "data-test-active-panel-id": C,
+            "data-test-active-panel-id": q,
             "data-test": "tab-layout",
             ref: u,
             $layout: v
         }, y),  r().createElement(i(), {
             autoActivate: t,
-            activeTabId: C,
-            iconPosition: d,
+            activeTabId: q,
+            iconPosition: s,
             layout: v,
             maxTabWidth: p,
             onChange: R
-        }, M), O);
+        }, M), P);
     }
     R.Panel = S;
     R.propTypes = k;