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

package/Accordion.js

@@ -61,7 +61,7 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ O,
+        Panel: () => /* reexport */ w,
         default: () => /* reexport */ V
     });
     // CONCATENATED MODULE: external "react"
@@ -76,16 +76,29 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
     const u = require("@splunk/react-ui/usePrevious");
     var c =  e.n(u);
-    // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const s = require("@splunk/react-ui/CollapsiblePanel");
+    // CONCATENATED MODULE: external "styled-components"
+    const s = require("styled-components");
     var f =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const d = require("@splunk/react-ui/Box");
+    var p =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const v = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
+    var y = f()(p()).withConfig({
+        displayName: "AccordionStyles__StyledBox",
+        componentId: "m39hyh-0"
+    })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
+    // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
+    const m = require("@splunk/react-ui/CollapsiblePanel");
+    var b =  e.n(m);
     // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var d =  (0, r.createContext)({});
-    d.displayName = "Accordion";
-    /* harmony default export */    const p = d;
+    var h =  (0, r.createContext)({});
+    h.displayName = "Accordion";
+    /* harmony default export */    const g = h;
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
-    function v() {
-        return v = Object.assign ? Object.assign.bind() : function(e) {
+    function O() {
+        return O = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -93,11 +106,11 @@
                 }
             }
             return e;
-        }, v.apply(null, arguments);
+        }, O.apply(null, arguments);
     }
-    function y(e, n) {
+    function P(e, n) {
         if (null == e) return {};
-        var r, t, a = m(e, n);
+        var r, t, a = I(e, n);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
@@ -106,7 +119,7 @@
         }
         return a;
     }
-    function m(e, n) {
+    function I(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -117,56 +130,43 @@
         }
         return r;
     }
-    var b = {
+    var j = {
         description: o().string,
         elementRef: o().oneOfType([ o().func, o().object ]),
         inset: o().bool,
         panelId: o().any.isRequired,
         title: o().node.isRequired
     };
-    var h = {
+    var S = {
         flexShrink: 1
     };
     /**
  * `Accordion.Panel` operates as a container component for content in an `Accordion`.
- */    function g(e) {
-        var n = e.panelId, a = e.inset, o = y(e, [ "panelId", "inset" ]);
+ */    function C(e) {
+        var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var l = (0, r.useContext)(d), i = l.onChange, u = l.openPanelId, c = l.inset;
+                var l = (0, r.useContext)(h), i = l.onChange, u = l.openPanelId, c = l.inset;
         var s = u === n;
-        var p = a !== undefined ? a : c;
+        var f = a !== undefined ? a : c;
         // Props are different based on controlled/uncontrolled
         // For controlled, onChange required prop for controlled cases and must be defined.
-                var m = i ? {
+                var d = i ? {
             onChange: i,
             open: s
         } : {
             onChange: undefined
         };
         
-        return t().createElement(f(), v({
+        return t().createElement(b(), O({
             panelId: n,
             "data-test": "panel",
-            inset: p,
+            inset: f,
             "data-test-panel-id": n,
-            style: h
-        }, o, m));
+            style: S
+        }, o, d));
     }
-    g.propTypes = b;
-    /* harmony default export */    const O = g;
-    // CONCATENATED MODULE: external "styled-components"
-    const P = require("styled-components");
-    var I =  e.n(P);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const j = require("@splunk/react-ui/Box");
-    var S =  e.n(j);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const C = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var w = I()(S()).withConfig({
-        displayName: "AccordionStyles__StyledBox",
-        componentId: "m39hyh-0"
-    })([ "", ";flex-direction:column;margin-bottom:0;" ], C.mixins.reset("flex"));
+    C.propTypes = j;
+    /* harmony default export */    const w = C;
     // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
     function q() {
         return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -263,11 +263,11 @@
                 (0, r.useEffect)((function() {
             if (false) {}
         }), []);
-        var v = c()(a);
+        var p = c()(a);
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ a, v ]);
-        var y = i()({
+        }), [ a, p ]);
+        var v = i()({
             componentName: "Accordion",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -275,41 +275,41 @@
             defaultValuePropName: "defaultOpenPanelId",
             valuePropName: "openPanelId"
         });
-        var m = (0, r.useState)(a), b = x(m, 2), h = b[0], g = b[1];
-        var O = y ? f : h;
-        var P = r.Children.toArray(n).filter(r.isValidElement);
+        var m = (0, r.useState)(a), b = x(m, 2), h = b[0], O = b[1];
+        var P = v ? f : h;
+        var I = r.Children.toArray(n).filter(r.isValidElement);
  // remove false, null, 0, etc
-                var I = (0, r.useCallback)((function(e, n) {
+                var j = (0, r.useCallback)((function(e, n) {
             var r = n.panelId, t = n.reason;
             // if the open panel is clicked on, collapse it
-                        var a = O === r ? undefined : r;
-            if (!y) {
-                g(a);
+                        var a = P === r ? undefined : r;
+            if (!v) {
+                O(a);
             }
             s === null || s === void 0 ? void 0 : s(e, {
                 event: e,
                 panelId: a,
                 reason: t
             });
-        }), [ y, s, O ]);
-        var j = (0, r.useMemo)((function() {
+        }), [ v, s, P ]);
+        var S = (0, r.useMemo)((function() {
             return {
                 inset: u,
-                onChange: I,
-                openPanelId: O
+                onChange: j,
+                openPanelId: P
             };
-        }), [ I, u, O ]);
+        }), [ j, u, P ]);
         
-        return t().createElement(w, q({
+        return t().createElement(y, q({
             "data-test": "accordion",
-            "data-test-open-panel-id": O,
+            "data-test-open-panel-id": P,
             elementRef: o
-        }, d),  t().createElement(p.Provider, {
-            value: j
-        }, P));
+        }, d),  t().createElement(g.Provider, {
+            value: S
+        }, I));
     }
     B.propTypes = N;
-    B.Panel = O;
+    B.Panel = w;
     /* harmony default export */    const V = B;
     // CONCATENATED MODULE: ./src/Accordion/index.ts
     module.exports = n;

package/Avatar.js

@@ -67,11 +67,11 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const a = require("lodash/omit");
+    const o = require("lodash/omit");
+    var i =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
     var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
@@ -377,17 +377,17 @@
         return t;
     }
     /** @public */    var K = {
-        backgroundColor: i().oneOfType([ i().string, i().func ]),
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        image: i().node,
-        initials: i().string.isRequired,
-        label: i().string.isRequired,
-        onClick: i().func,
-        size: i().oneOfType([ i().oneOf([ "small", "medium", "large" ]), i().string ]),
-        to: i().string,
+        backgroundColor: l().oneOfType([ l().string, l().func ]),
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        image: l().node,
+        initials: l().string.isRequired,
+        label: l().string.isRequired,
+        onClick: l().func,
+        size: l().oneOfType([ l().oneOf([ "small", "medium", "large" ]), l().string ]),
+        to: l().string,
         /** @private */
-        textColor: i().oneOfType([ i().oneOf([ "auto" ]), i().string, i().func ]),
-        value: i().string
+        textColor: l().oneOfType([ l().oneOf([ "auto" ]), l().string, l().func ]),
+        value: l().string
     };
     function F(e) {
         return !!e.onClick || !!e.to;
@@ -405,8 +405,8 @@
         return [ l, i ];
     }
     function Q(e) {
-        var r = J(e), o = M(r, 2), i = o[0], a = o[1];
-        var u = a.children, c = a.elementRef, s = a.value, f = a.onClick, d = a.to, v = U(a, [ "children", "elementRef", "value", "onClick", "to" ]);
+        var r = J(e), o = M(r, 2), a = o[0], l = o[1];
+        var u = l.children, c = l.elementRef, s = l.value, f = l.onClick, d = l.to, v = U(l, [ "children", "elementRef", "value", "onClick", "to" ]);
         var b = (0, t.useCallback)((function(e) {
             f === null || f === void 0 ? void 0 : f(e, {
                 value: s
@@ -417,15 +417,15 @@
             elementRef: c,
             onClick: b,
             to: d
-        }, i, l()(v, Object.keys(K))), u);
+        }, a, i()(v, Object.keys(K))), u);
     }
     function W(e) {
-        var r = J(e), t = M(r, 2), o = t[0], i = t[1];
-        var a = i.children, u = i.elementRef, c = U(i, [ "children", "elementRef" ]);
+        var r = J(e), t = M(r, 2), o = t[0], a = t[1];
+        var l = a.children, u = a.elementRef, c = U(a, [ "children", "elementRef" ]);
         
         return n().createElement(b, H({
             ref: u
-        }, o, l()(c, Object.keys(K))), a);
+        }, o, i()(c, Object.keys(K))), l);
     }
     function X(e) {
         var r = e.backgroundColor, o = e.textColor, i = o === void 0 ? "auto" : o, a = e.initials, l = e.image, c = e.size, s = c === void 0 ? "medium" : c, f = U(e, [ "backgroundColor", "textColor", "initials", "image", "size" ]);

package/Breadcrumbs.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(r, {
         BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ g,
+        Item: () => /* reexport */ O,
         default: () => /* reexport */ x
     });
     // CONCATENATED MODULE: external "react"
@@ -78,17 +78,30 @@
     var c =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
+    var s = c().ol.withConfig({
+        displayName: "BreadcrumbsStyles__StyledList",
+        componentId: "sc-1maeyfk-0"
+    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
+    var d = c().li.withConfig({
+        displayName: "BreadcrumbsStyles__StyledListItem",
+        componentId: "sc-1maeyfk-1"
+    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
+    var f = c().span.withConfig({
+        displayName: "BreadcrumbsStyles__StyledSeparator",
+        componentId: "sc-1maeyfk-2"
+    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const s = require("@splunk/react-ui/Link");
-    var d =  e.n(s);
+    const p = require("@splunk/react-ui/Link");
+    var m =  e.n(p);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var f = c()(d()).withConfig({
+    var b = c()(m()).withConfig({
         displayName: "ItemStyles__StyledLink",
         componentId: "sc-1ywtawf-0"
     })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
-    function p() {
-        return p = Object.assign ? Object.assign.bind() : function(e) {
+    function v() {
+        return v = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -96,11 +109,11 @@
                 }
             }
             return e;
-        }, p.apply(null, arguments);
+        }, v.apply(null, arguments);
     }
-    function m(e, r) {
+    function y(e, r) {
         if (null == e) return {};
-        var n, t, a = b(e, r);
+        var n, t, a = g(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -109,7 +122,7 @@
         }
         return a;
     }
-    function b(e, r) {
+    function g(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -120,7 +133,7 @@
         }
         return n;
     }
-    var v = {
+    var C = {
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         endAdornment: l().node,
@@ -130,53 +143,40 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function y(e) {
-        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = m(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
+    function h(e) {
+        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = y(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
-                var d = (0, n.useContext)(j), b = d.onClick;
-        var v = {
+                var d = (0, n.useContext)(j), f = d.onClick;
+        var p = {
             to: u
         };
-        var y = (0, n.useCallback)((function(e) {
+        var m = (0, n.useCallback)((function(e) {
             i === null || i === void 0 ? void 0 : i(e, {
                 label: o,
                 to: u
             });
-            b === null || b === void 0 ? void 0 : b(e, {
+            f === null || f === void 0 ? void 0 : f(e, {
                 label: o,
                 to: u
             });
-        }), [ i, b, o, u ]);
+        }), [ i, f, o, u ]);
         if (l) {
-            v["aria-current"] = "page";
+            p["aria-current"] = "page";
             if (!r) {
-                v.disabled = true;
+                p.disabled = true;
             }
         }
-        var g = i || b ? {
-            onClick: y
+        var g = i || f ? {
+            onClick: m
         } : {};
         
-        return t().createElement(f, p({
+        return t().createElement(b, v({
             appearance: "standalone",
             "data-test": "item"
-        }, g, v, s), c && c, o, a && a);
+        }, g, p, s), c && c, o, a && a);
     }
-    y.propTypes = v;
-    /* harmony default export */    const g = y;
-    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var C = c().ol.withConfig({
-        displayName: "BreadcrumbsStyles__StyledList",
-        componentId: "sc-1maeyfk-0"
-    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
-    var h = c().li.withConfig({
-        displayName: "BreadcrumbsStyles__StyledListItem",
-        componentId: "sc-1maeyfk-1"
-    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
-    var O = c().span.withConfig({
-        displayName: "BreadcrumbsStyles__StyledSeparator",
-        componentId: "sc-1maeyfk-2"
-    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
+    h.propTypes = C;
+    /* harmony default export */    const O = h;
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
     function w() {
         return w = Object.assign ? Object.assign.bind() : function(e) {
@@ -222,7 +222,7 @@
         var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
                 var u;
-        var s = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
+        var p = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
             if (false) {}
             if (false) {}
             // Set the last child as the current Breadcrumbs.Item
@@ -232,28 +232,28 @@
                 enableCurrentPage: l
             });
             
-            return t().createElement(h, {
+            return t().createElement(d, {
                 key: e.props.to
-            }, i, !o &&  t().createElement(O, {
+            }, i, !o &&  t().createElement(f, {
                 "aria-hidden": "true"
             }, "/"));
         }));
-        var d = (0, n.useMemo)((function() {
+        var m = (0, n.useMemo)((function() {
             return {
                 onClick: i
             };
         }), [ i ]);
         
         return t().createElement(j.Provider, {
-            value: d
+            value: m
         },  t().createElement("nav", w({
             "data-test": "breadcrumbs",
             "aria-label": (0, o._)("Breadcrumbs"),
             ref: a
-        }, c),  t().createElement(C, null, s)));
+        }, c),  t().createElement(s, null, p)));
     }
     _.propTypes = k;
-    _.Item = g;
+    _.Item = O;
     /* harmony default export */    const x = _;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;

package/Button.js

@@ -66,11 +66,11 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/isString"
-    const l = require("lodash/isString");
+    const a = require("lodash/isString");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "prop-types"
+    const l = require("prop-types");
     var o =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
     const s = require("@splunk/react-icons/ArrowSquareTopRightInset");
@@ -150,31 +150,31 @@
         return t;
     }
     /** @public */    var k = {
-        action: i().string,
-        appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
-        append: i().bool,
-        children: i().node,
+        action: o().string,
+        appearance: o().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
+        append: o().bool,
+        children: o().node,
         /** @private An additional className to add to the button. */
-        classNamePrivate: i().string,
-        disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
-        elementRef: i().oneOfType([ i().func, i().object ]),
+        classNamePrivate: o().string,
+        disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed", "disabled" ]) ]),
+        elementRef: o().oneOfType([ o().func, o().object ]),
         /** @private */
-        error: i().bool,
-        icon: i().node,
-        inline: i().bool,
-        isMenu: i().bool,
-        label: i().node,
-        onClick: i().func,
-        openInNewContext: i().oneOfType([ i().bool, i().string ]),
-        prepend: i().bool,
-        to: i().string,
-        value: i().any
+        error: o().bool,
+        icon: o().node,
+        inline: o().bool,
+        isMenu: o().bool,
+        label: o().node,
+        onClick: o().func,
+        openInNewContext: o().oneOfType([ o().bool, o().string ]),
+        prepend: o().bool,
+        to: o().string,
+        value: o().any
     };
     var I = (0, v._)("(Opens new window)");
     var P =  r().forwardRef((function(e, 
     // SUI-7623 - needs to be specified for react-docgen versions less than 7.1.0
     n) {
-        var a = e.action, i = e.appearance, l = i === void 0 ? "default" : i, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
+        var a = e.action, l = e.appearance, o = l === void 0 ? "default" : l, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
         // @docs-props-type ButtonPropsBase
                 var T = (0, t.useCallback)((function(e) {
             P === null || P === void 0 ? void 0 : P(e, {
@@ -184,7 +184,7 @@
                 value: M
             });
         }), [ a, g, k, P, M ]);
-        var $ = !k && o()(c);
+        var $ = !k && i()(c);
         var B = $ ? c : k;
         var R = false;
         var H;
@@ -197,7 +197,7 @@
         return r().createElement(x, q({
             $inline: w,
             $isIconOnly: z,
-            appearance: l,
+            appearance: o,
             append: s,
             "aria-haspopup": N || undefined,
             className: (0, b.toClassName)(d, v),