@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/CollapsiblePanel.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = n => {
-            /******/ var r = n && n.__esModule ? 
+            /******/ var t = n && n.__esModule ? 
             /******/ () => n["default"]
             /******/ : () => n
             /******/;
-            e.d(r, {
-                a: r
+            e.d(t, {
+                a: t
             });
-            /******/            return r;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (n, r) => {
-            /******/ for (var t in r) {
-                /******/ if (e.o(r, t) && !e.o(n, t)) {
-                    /******/ Object.defineProperty(n, t, {
+        /******/ e.d = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: r[t]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -65,8 +65,8 @@
         default: () => /* reexport */ we
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var t =  e.n(r);
+    const t = require("react");
+    var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
     var l =  e.n(a);
@@ -109,14 +109,14 @@
         className: l().string
     };
     var E = function e(n) {
-        var r = n.className;
+        var t = n.className;
         var a = (0, P.useSplunkTheme)(), l = a.isEnterprise;
-        return l ?  t().createElement(j(), {
-            className: r,
+        return l ?  r().createElement(j(), {
+            className: t,
             hideDefaultTooltip: true,
             screenReaderText: null
-        }) :  t().createElement(k(), {
-            className: r
+        }) :  r().createElement(k(), {
+            className: t
         });
     };
     E.propTypes = x;
@@ -180,11 +180,11 @@
         var n = e.$disabled;
         return n && (0, v.css)([ "color:", ";" ], P.variables.contentColorDisabled);
     }));
-    var L = y().span.withConfig({
+    var M = y().span.withConfig({
         displayName: "CollapsiblePanelStyles__StyledHeadingActions",
         componentId: "sc-1phikbp-7"
     })([ "min-height:", ";flex:1 0 auto;" ], P.variables.inputHeight);
-    var M = y().span.withConfig({
+    var L = y().span.withConfig({
         displayName: "CollapsiblePanelStyles__StyledDescription",
         componentId: "sc-1phikbp-8"
     })([ "color:", ";font-size:", ";margin-left:", ";line-height:1.8;", "" ], P.variables.contentColorDefault, P.variables.fontSizeSmall, P.variables.spacingSmall, (function(e) {
@@ -212,15 +212,15 @@
         prisma: "text-bottom"
     }));
     // CONCATENATED MODULE: ./src/CollapsiblePanel/SingleOpenPanelGroupContext.tsx
-    var V =  (0, r.createContext)({});
+    var V =  (0, t.createContext)({});
     /* harmony default export */    const G = V;
     // CONCATENATED MODULE: ./src/CollapsiblePanel/SingleOpenPanelGroup.tsx
     function U() {
         return U = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
-                var r = arguments[n];
-                for (var t in r) {
-                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
             return e;
@@ -247,32 +247,32 @@
     function Y(e, n) {
         if (e) {
             if ("string" == typeof e) return Z(e, n);
-            var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Z(e, n) : void 0;
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Z(e, n) : void 0;
         }
     }
     function Z(e, n) {
         (null == n || n > e.length) && (n = e.length);
-        for (var r = 0, t = Array(n); r < n; r++) {
-            t[r] = e[r];
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
         }
-        return t;
+        return r;
     }
     function ee(e, n) {
-        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != r) {
-            var t, a, l, o, i = [], s = !0, c = !1;
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var r, a, l, o, i = [], s = !0, c = !1;
             try {
-                if (l = (r = r.call(e)).next, 0 === n) {
-                    if (Object(r) !== r) return;
+                if (l = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
                     s = !1;
-                } else for (;!(s = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); s = !0) {
+                } else for (;!(s = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); s = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!s && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
+                    if (!s && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -283,27 +283,27 @@
     function ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function re(e, n) {
+    function te(e, n) {
         if (null == e) return {};
-        var r, t, a = te(e, n);
+        var t, r, a = re(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                t = l[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function te(e, n) {
+    function re(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                t[r] = e[r];
             }
         }
-        return r;
+        return t;
     }
     /** @public */    var ae = {
         children: l().node,
@@ -314,7 +314,7 @@
         openPanelId: l().any
     };
     function le(e) {
-        var n = e.children, a = e.defaultOpenPanelId, l = e.elementRef, o = e.inset, i = o === void 0 ? true : o, s = e.onChange, c = e.openPanelId, p = re(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+        var n = e.children, a = e.defaultOpenPanelId, l = e.elementRef, o = e.inset, i = o === void 0 ? true : o, s = e.onChange, c = e.openPanelId, p = te(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
         // @docs-props-type SingleOpenPanelGroupPropsBase
                 var d = u()({
             componentName: "SingleOpenPanelGroup",
@@ -325,19 +325,19 @@
             valuePropName: "openPanelId"
         });
         var f = !d ? a : undefined;
-        var v = (0, r.useState)(f), y = K(v, 2), m = y[0], g = y[1];
-        var h = (0, r.useCallback)((function(e, n) {
-            var r = n.panelId;
-            var t = d ? c : m;
-            var a = t === r ? null : r;
+        var v = (0, t.useState)(f), y = K(v, 2), m = y[0], g = y[1];
+        var h = (0, t.useCallback)((function(e, n) {
+            var t = n.panelId;
+            var r = d ? c : m;
+            var a = r === t ? null : t;
             if (!d) {
                 g(a);
             }
             s === null || s === void 0 ? void 0 : s(e, n);
         }), [ d, c, m, s ]);
-        var S = r.Children.toArray(n).filter(r.isValidElement);
+        var S = t.Children.toArray(n).filter(t.isValidElement);
  // remove false, null, 0, etc
-                var C = (0, r.useMemo)((function() {
+                var C = (0, t.useMemo)((function() {
             return {
                 onChange: h,
                 openPanelId: d ? c : m,
@@ -345,11 +345,11 @@
             };
         }), [ h, i, d, c, m ]);
         
-        return t().createElement(A, U({
+        return r().createElement(A, U({
             "data-test": "single-open-panel-group",
             "data-test-open-panel-id": c,
             elementRef: l
-        }, b().apply(void 0, [ p ].concat(z(Object.keys(ae))))),  t().createElement(G.Provider, {
+        }, b().apply(void 0, [ p ].concat(z(Object.keys(ae))))),  r().createElement(G.Provider, {
             value: C
         }, S));
     }
@@ -364,60 +364,60 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, ie(e);
     }
-    function se(e, n) {
-        var r = Object.keys(e);
+    function se() {
+        return se = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
+                }
+            }
+            return e;
+        }, se.apply(null, arguments);
+    }
+    function ce(e, n) {
+        var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var t = Object.getOwnPropertySymbols(e);
-            n && (t = t.filter((function(n) {
+            var r = Object.getOwnPropertySymbols(e);
+            n && (r = r.filter((function(n) {
                 return Object.getOwnPropertyDescriptor(e, n).enumerable;
-            }))), r.push.apply(r, t);
+            }))), t.push.apply(t, r);
         }
-        return r;
+        return t;
     }
-    function ce(e) {
+    function ue(e) {
         for (var n = 1; n < arguments.length; n++) {
-            var r = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? se(Object(r), !0).forEach((function(n) {
-                ue(e, n, r[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : se(Object(r)).forEach((function(n) {
-                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+            var t = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? ce(Object(t), !0).forEach((function(n) {
+                pe(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ce(Object(t)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function ue(e, n, r) {
-        return (n = pe(n)) in e ? Object.defineProperty(e, n, {
-            value: r,
+    function pe(e, n, t) {
+        return (n = de(n)) in e ? Object.defineProperty(e, n, {
+            value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[n] = r, e;
+        }) : e[n] = t, e;
     }
-    function pe(e) {
-        var n = de(e, "string");
+    function de(e) {
+        var n = fe(e, "string");
         return "symbol" == ie(n) ? n : n + "";
     }
-    function de(e, n) {
+    function fe(e, n) {
         if ("object" != ie(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var t = r.call(e, n || "default");
-            if ("object" != ie(t)) return t;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var r = t.call(e, n || "default");
+            if ("object" != ie(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
-    function fe() {
-        return fe = Object.assign ? Object.assign.bind() : function(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var r = arguments[n];
-                for (var t in r) {
-                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
-                }
-            }
-            return e;
-        }, fe.apply(null, arguments);
-    }
     function be(e, n) {
         return he(e) || ge(e, n) || ye(e, n) || ve();
     }
@@ -427,32 +427,32 @@
     function ye(e, n) {
         if (e) {
             if ("string" == typeof e) return me(e, n);
-            var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? me(e, n) : void 0;
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? me(e, n) : void 0;
         }
     }
     function me(e, n) {
         (null == n || n > e.length) && (n = e.length);
-        for (var r = 0, t = Array(n); r < n; r++) {
-            t[r] = e[r];
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
         }
-        return t;
+        return r;
     }
     function ge(e, n) {
-        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != r) {
-            var t, a, l, o, i = [], s = !0, c = !1;
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var r, a, l, o, i = [], s = !0, c = !1;
             try {
-                if (l = (r = r.call(e)).next, 0 === n) {
-                    if (Object(r) !== r) return;
+                if (l = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
                     s = !1;
-                } else for (;!(s = (t = l.call(r)).done) && (i.push(t.value), i.length !== n); s = !0) {
+                } else for (;!(s = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); s = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!s && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
+                    if (!s && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -465,25 +465,25 @@
     }
     function Se(e, n) {
         if (null == e) return {};
-        var r, t, a = Ce(e, n);
+        var t, r, a = Ce(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < l.length; t++) {
-                r = l[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            for (r = 0; r < l.length; r++) {
+                t = l[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
     function Ce(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
-                r[t] = e[t];
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                t[r] = e[r];
             }
         }
-        return r;
+        return t;
     }
     /** @public */    var Oe = {
         innerBodyStyles: l().object,
@@ -506,7 +506,7 @@
     function Pe(e) {
         var n = e.innerBodyStyles, a = e.actions, l = e.appearance, o = l === void 0 ? "default" : l, c = e.children, p = e.defaultOpen, f = p === void 0 ? undefined : p, b = e.description, v = e.disabled, y = e.elementRef, m = e.headingLevel, g = e.onChange, h = e.open, S = e.overflow, C = S === void 0 ? "auto" : S, O = e.panelId, P = e.renderChildrenWhenCollapsed, w = e.title, k = e.inset, I = k === void 0 ? true : k, j = Se(e, [ "innerBodyStyles", "actions", "appearance", "children", "defaultOpen", "description", "disabled", "elementRef", "headingLevel", "onChange", "open", "overflow", "panelId", "renderChildrenWhenCollapsed", "title", "inset" ]);
         // @docs-props-type CollapsiblePanelPropsBase
-                var x = (0, r.useContext)(G);
+                var x = (0, t.useContext)(G);
         var E = Object.keys(x).length !== 0;
         var _ = u()({
             componentName: "CollapsiblePanel",
@@ -516,38 +516,41 @@
             defaultValuePropName: "defaultOpen",
             valuePropName: "open"
         });
-        var A = (0, r.useState)("container-".concat((0, s.createGUID)())), T = be(A, 1), V = T[0];
-        var U = (0, r.useState)("toggle-".concat((0, s.createGUID)())), z = be(U, 1), X = z[0];
-        var F = !_ ? f || false : undefined;
-        var J = (0, r.useState)(F), K = be(J, 2), Q = K[0], Y = K[1];
-        var Z = (0, r.useState)(false), ee = be(Z, 2), ne = ee[0], re = ee[1];
+        var A = (0, t.useState)("container-".concat((0, s.createGUID)())), T = be(A, 1), V = T[0];
+        var U = (0, t.useState)("toggle-".concat((0, s.createGUID)())), z = be(U, 1), X = z[0];
+        var F = d()(h);
+        var J = !_ ? f || false : undefined;
+        var K = (0, t.useState)(J), Q = be(K, 2), Y = Q[0], Z = Q[1];
+        var ee = (0, t.useState)(), ne = be(ee, 2), te = ne[0], re = ne[1];
+        var ae = (0, t.useState)(false), le = be(ae, 2), oe = le[0], ie = le[1];
         /**
    * SingleOpenPanelGroup already takes into account if it is controlled or not in determining openPanelId
    * so context.openPanelId is used for both the controlled and uncontrolled case.
-   */        var te = (0, r.useCallback)((function() {
+   */        (0, t.useEffect)((function() {
+            var e;
             if (E) {
-                return x.openPanelId === O;
+                e = x.openPanelId === O;
+            } else {
+                e = _ ? h : Y;
             }
-            return _ ? h : Q;
-        }), [ x.openPanelId, E, _, h, Q, O ]);
-        var ae = d()(h);
+            re(e);
+        }), [ x.openPanelId, E, _, h, Y, O ]);
         // Only testing this in the scenario of a SingleOpenPanelGroup.
-                (0, r.useEffect)((function() {
+                (0, t.useEffect)((function() {
             if (false) {}
         }), [ f, E, h ]);
-        (0, r.useEffect)((function() {
-            if (ae != null && h !== ae) {
-                re(true);
+        (0, t.useEffect)((function() {
+            if (F != null && h !== F) {
+                ie(true);
             }
-        }), [ h, ae ]);
-        var le = (0, r.useCallback)((function(e) {
+        }), [ h, F ]);
+        var ce = (0, t.useCallback)((function(e) {
             var n;
-            var r = te();
             if (!_) {
-                re(true);
-                Y(!r);
+                ie(true);
+                Z(!te);
             }
-            var t = r ? "close" : "open";
+            var t = te ? "close" : "open";
             g === null || g === void 0 ? void 0 : g(e, {
                 panelId: O,
                 reason: "toggleClick",
@@ -559,69 +562,74 @@
                 action: t
             });
         }), [ x, _, te, g, O ]);
-        var oe = (0, r.useCallback)((function() {
-            re(false);
+        var pe = (0, t.useCallback)((function() {
+            ie(false);
         }), []);
-        var ie = (0, s.createDOMID)("panel-toggle");
-        var se = te();
-        var ue = {
+        var de = (0, s.createDOMID)("panel-toggle");
+        var fe = {
             disabled: v,
-            onClick: le,
+            onClick: ce,
             id: X,
             "aria-controls": V,
-            "aria-expanded": se,
+            "aria-expanded": te,
             "data-test": "toggle"
         };
+        var ve = (0, t.useMemo)((function() {
+            return {
+                overflow: oe ? "hidden" : C
+            };
+        }), [ oe, C ]);
+        var ye = (0, t.useMemo)((function() {
+            return ue({
+                tableLayout: "fixed"
+            }, n);
+        }), [ n ]);
         
-        return t().createElement(N, fe({
+        return r().createElement(N, se({
             "data-test": "collapsible-panel",
             elementRef: y,
             $appearance: o
-        }, j), a != null ?  t().createElement(q, {
+        }, j), a != null ?  r().createElement(q, {
             $appearance: o,
             $disabled: !!v
-        },  t().createElement(D, fe({
+        },  r().createElement(D, se({
             appearance: "secondary",
-            "aria-labelledby": ie
-        }, ue),  t().createElement(H, {
-            open: !!se
-        })),  t().createElement(B, {
+            "aria-labelledby": de
+        }, fe),  r().createElement(H, {
+            open: !!te
+        })),  r().createElement(B, {
             $disabled: !!v,
             "data-test": "title",
-            id: ie
-        }, w),  t().createElement(L, null, a)) : 
+            id: de
+        }, w),  r().createElement(M, null, a)) : 
         
         /* Clickable component is not allowed to have role="heading" so it is wrapped with a span */
-        t().createElement("span", {
+        r().createElement("span", {
             "data-test": "heading",
             role: m ? "heading" : undefined,
             "aria-level": m
-        },  t().createElement(R, fe({
+        },  r().createElement(R, se({
             $appearance: o
-        }, ue),  t().createElement($, null,  t().createElement(H, {
-            open: !!se
-        })),  t().createElement(B, {
+        }, fe),  r().createElement($, null,  r().createElement(H, {
+            open: !!te
+        })),  r().createElement(B, {
             $disabled: !!v
-        },  t().createElement("span", {
+        },  r().createElement("span", {
             "data-test": "title"
-        }, w), b &&  t().createElement(M, {
+        }, w), b &&  r().createElement(L, {
             $disabled: !!v,
             "data-test": "description"
-        }, b)))),  t().createElement(i(), {
+        }, b)))),  r().createElement(i(), {
             outerId: V,
             "aria-labelledby": X,
             "data-test": "body",
-            outerStyle: {
-                overflow: ne ? "hidden" : C
-            },
-            innerStyle: ce({
-                tableLayout: "fixed"
-            }, n),
-            open: se,
-            onAnimationEnd: oe,
+            outerStyle: ve,
+            innerStyle: ye,
+            open: te,
+            onAnimationEnd: pe,
             role: a != null ? "region" : undefined,
             renderChildrenWhenCollapsed: P
-        },  t().createElement(W, {
+        },  r().createElement(W, {
             $inset: I
         }, c)));
     }