@splunk/react-ui 5.3.0 → 5.4.0

package/Accordion.js

@@ -76,26 +76,26 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
     const u = require("@splunk/react-ui/usePrevious");
     var c =  e.n(u);
+    // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
+    var s =  (0, r.createContext)({});
+    s.displayName = "Accordion";
+    /* harmony default export */    const f = s;
     // 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");
+    const d = require("styled-components");
     var p =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const v = require("@splunk/react-ui/Box");
+    var m =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const y = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var m = f()(p()).withConfig({
+    var b = p()(m()).withConfig({
         displayName: "AccordionStyles__StyledBox",
         componentId: "m39hyh-0"
-    })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
+    })([ "", ";flex-direction:column;margin-bottom:0;" ], y.mixins.reset("flex"));
     // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const y = require("@splunk/react-ui/CollapsiblePanel");
-    var b =  e.n(y);
-    // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var g =  (0, r.createContext)({});
-    g.displayName = "Accordion";
-    /* harmony default export */    const h = g;
+    const g = require("@splunk/react-ui/CollapsiblePanel");
+    var h =  e.n(g);
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
     function O() {
         return O = Object.assign ? Object.assign.bind() : function(e) {
@@ -145,25 +145,25 @@
  */    function C(e) {
         var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var l = (0, r.useContext)(g), i = l.onChange, u = l.openPanelId, c = l.inset;
-        var s = u === n;
-        var f = a !== undefined ? a : c;
+                var l = (0, r.useContext)(s), i = l.onChange, u = l.openPanelId, c = l.inset;
+        var f = u === n;
+        var d = a !== undefined ? a : c;
         // Props are different based on controlled/uncontrolled
         // For controlled, onChange required prop for controlled cases and must be defined.
-                var d = i ? {
+                var p = i ? {
             onChange: i,
-            open: s
+            open: f
         } : {
             onChange: undefined
         };
         
-        return t().createElement(b(), O({
+        return t().createElement(h(), O({
             panelId: n,
             "data-test": "panel",
-            inset: f,
+            inset: d,
             "data-test-panel-id": n,
             style: S
-        }, o, d));
+        }, o, p));
     }
     C.propTypes = j;
     /* harmony default export */    const x = C;
@@ -278,17 +278,17 @@
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
  */    function z(e) {
-        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, f = e.openPanelId, d = B(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, d = e.openPanelId, p = B(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
         // @docs-props-type AccordionPropsBase
                 A({
             additionalMessage: "Use Collapsible Panel instead.",
             componentName: "Accordion"
         });
-        var p = c()(a);
+        var v = c()(a);
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ a, p ]);
-        var v = i()({
+        }), [ a, v ]);
+        var m = i()({
             componentName: "Accordion",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -296,15 +296,15 @@
             defaultValuePropName: "defaultOpenPanelId",
             valuePropName: "openPanelId"
         });
-        var y = (0, r.useState)(a), b = M(y, 2), g = b[0], O = b[1];
-        var P = v ? f : g;
+        var y = (0, r.useState)(a), g = M(y, 2), h = g[0], O = g[1];
+        var P = m ? d : h;
         var I = r.Children.toArray(n).filter(r.isValidElement);
  // remove false, null, 0, etc
                 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 = P === r ? undefined : r;
-            if (!v) {
+            if (!m) {
                 O(a);
             }
             s === null || s === void 0 ? void 0 : s(e, {
@@ -312,7 +312,7 @@
                 panelId: a,
                 reason: t
             });
-        }), [ v, s, P ]);
+        }), [ m, s, P ]);
         var S = (0, r.useMemo)((function() {
             return {
                 inset: u,
@@ -321,11 +321,11 @@
             };
         }), [ j, u, P ]);
         
-        return t().createElement(m, q({
+        return t().createElement(b, q({
             "data-test": "accordion",
             "data-test-open-panel-id": P,
             elementRef: o
-        }, d),  t().createElement(h.Provider, {
+        }, p),  t().createElement(f.Provider, {
             value: S
         }, I));
     }

package/Avatar.js

@@ -115,10 +115,10 @@
     var m = s().text.withConfig({
         displayName: "AvatarStyles__StyledText",
         componentId: "sc-1t4nch-3"
-    })([ "font-weight:", ";text-transform:capitalize;text-anchor:middle;dominant-baseline:central;fill:", ";" ], u.variables.fontWeightBold, (function(e) {
+    })([ "font-weight:", ";text-transform:capitalize;text-anchor:middle;dominant-baseline:central;fill:", ";font-size:", ";" ], u.variables.fontWeightBold, (function(e) {
         var r = e.$textColor;
         return r;
-    }));
+    }), u.variables.fontSize);
     // CONCATENATED MODULE: ./src/Avatar/getInitials.ts
     /**
  * Returns a suitable set of initials for a name. Uses the first character of each
@@ -253,7 +253,7 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, I(e);
     }
-    function _(e, r) {
+    function z(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -263,18 +263,18 @@
         }
         return t;
     }
-    function R(e) {
+    function _(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? _(Object(t), !0).forEach((function(r) {
-                z(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : _(Object(t)).forEach((function(r) {
+            r % 2 ? z(Object(t), !0).forEach((function(r) {
+                R(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : z(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function z(e, r, t) {
+    function R(e, r, t) {
         return (r = q(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
@@ -452,7 +452,7 @@
         if ( (0, t.isValidElement)(l)) {
             if (l.type === "img") {
                 var C = l.props, k = C.src, A = C.alt, E = C.onError, I = G(C, [ "src", "alt", "onError" ]);
-                var _ =  n().createElement("img", H({
+                var z =  n().createElement("img", H({
                     src: k,
                     alt: A,
                     onError: function e() {
@@ -462,19 +462,19 @@
                         }
                     }
                 }, I));
-                O = _;
+                O = z;
             }
         }
         // fallback to initials if img fails to load
-                var z = x !== "error" ? O : h;
-        var q = R({
+                var R = x !== "error" ? O : h;
+        var q = _({
             backgroundColor: r,
             size: s,
             initials: a,
             image: l,
             textColor: i
         }, f);
-        return W(q) ?  n().createElement(J, q, z) :  n().createElement(Q, q, z);
+        return W(q) ?  n().createElement(J, q, R) :  n().createElement(Q, q, R);
     }
     X.propTypes = K;
     /* harmony default export */    const Y = X;

package/Breadcrumbs.js

@@ -61,9 +61,9 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ h,
-        default: () => /* reexport */ _
+        BreadcrumbsContext: () => /* reexport */ c,
+        Item: () => /* reexport */ S,
+        default: () => /* reexport */ E
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -73,35 +73,39 @@
     var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const o = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsContext.tsx
+    var i =  (0, n.createContext)({});
+    i.displayName = "Breadcrumbs";
+    /* harmony default export */    const c = i;
     // CONCATENATED MODULE: external "styled-components"
-    const i = require("styled-components");
-    var c =  e.n(i);
+    const u = require("styled-components");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const u = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var s = c().ol.withConfig({
+    var f = s().ol.withConfig({
         displayName: "BreadcrumbsStyles__StyledList",
         componentId: "sc-1maeyfk-0"
-    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
-    var d = c().li.withConfig({
+    })([ "", " flex-wrap:wrap;" ], d.mixins.reset("flex"));
+    var p = s().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({
+    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], d.variables.fontWeightSemiBold, d.variables.contentColorActive);
+    var m = s().span.withConfig({
         displayName: "BreadcrumbsStyles__StyledSeparator",
         componentId: "sc-1maeyfk-2"
-    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
+    })([ "cursor:default;padding:0 ", ";color:", ";" ], d.variables.spacingSmall, d.variables.contentColorDefault);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const p = require("@splunk/react-ui/Link");
-    var m =  e.n(p);
+    const b = require("@splunk/react-ui/Link");
+    var v =  e.n(b);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var b = c()(m()).withConfig({
+    var y = s()(v()).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);
+    })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], d.variables.spacingXSmall, d.variables.contentColorDefault, d.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
-    function v() {
-        return v = Object.assign ? Object.assign.bind() : function(e) {
+    function g() {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -109,11 +113,11 @@
                 }
             }
             return e;
-        }, v.apply(null, arguments);
+        }, g.apply(null, arguments);
     }
-    function y(e, r) {
+    function C(e, r) {
         if (null == e) return {};
-        var n, t, a = g(e, r);
+        var n, t, a = O(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -122,7 +126,7 @@
         }
         return a;
     }
-    function g(e, r) {
+    function O(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -133,7 +137,7 @@
         }
         return n;
     }
-    var C = {
+    var h = {
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         endAdornment: l().node,
@@ -143,43 +147,43 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function O(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" ]);
+    function w(e) {
+        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, u = e.startAdornment, s = e.to, d = C(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
-                var d = (0, n.useContext)(j), f = d.onClick;
-        var p = {
-            to: u
+                var f = (0, n.useContext)(c), p = f.onClick;
+        var m = {
+            to: s
         };
-        var m = (0, n.useCallback)((function(e) {
+        var b = (0, n.useCallback)((function(e) {
             i === null || i === void 0 ? void 0 : i(e, {
                 label: o,
-                to: u
+                to: s
             });
-            f === null || f === void 0 ? void 0 : f(e, {
+            p === null || p === void 0 ? void 0 : p(e, {
                 label: o,
-                to: u
+                to: s
             });
-        }), [ i, f, o, u ]);
+        }), [ i, p, o, s ]);
         if (l) {
-            p["aria-current"] = "page";
+            m["aria-current"] = "page";
             if (!r) {
-                p.disabled = true;
+                m.disabled = true;
             }
         }
-        var g = i || f ? {
-            onClick: m
+        var v = i || p ? {
+            onClick: b
         } : {};
         
-        return t().createElement(b, v({
+        return t().createElement(y, g({
             appearance: "standalone",
             "data-test": "item"
-        }, g, p, s), c && c, o, a && a);
+        }, v, m, d), u && u, o, a && a);
     }
-    O.propTypes = C;
-    /* harmony default export */    const h = O;
+    w.propTypes = h;
+    /* harmony default export */    const S = w;
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
-    function w() {
-        return w = Object.assign ? Object.assign.bind() : function(e) {
+    function P() {
+        return P = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -187,11 +191,11 @@
                 }
             }
             return e;
-        }, w.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function S(e, r) {
+    function k(e, r) {
         if (null == e) return {};
-        var n, t, a = P(e, r);
+        var n, t, a = j(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -200,7 +204,7 @@
         }
         return a;
     }
-    function P(e, r) {
+    function j(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -211,18 +215,17 @@
         }
         return n;
     }
-    /** @public */    var k = {
+    /** @public */    var x = {
         children: l().node.isRequired,
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         onClick: l().func
     };
-    var j =  t().createContext({});
-    function x(e) {
-        var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
+    function _(e) {
+        var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, u = k(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
-                var u;
-        var p = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
+                var s;
+        var d = 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,29 +235,29 @@
                 enableCurrentPage: l
             });
             
-            return t().createElement(d, {
+            return t().createElement(p, {
                 key: e.props.to
-            }, i, !o &&  t().createElement(f, {
+            }, i, !o &&  t().createElement(m, {
                 "aria-hidden": "true"
             }, "/"));
         }));
-        var m = (0, n.useMemo)((function() {
+        var b = (0, n.useMemo)((function() {
             return {
                 onClick: i
             };
         }), [ i ]);
         
-        return t().createElement(j.Provider, {
-            value: m
-        },  t().createElement("nav", w({
+        return t().createElement(c.Provider, {
+            value: b
+        },  t().createElement("nav", P({
             "data-test": "breadcrumbs",
             "aria-label": (0, o._)("Breadcrumbs"),
             ref: a
-        }, c),  t().createElement(s, null, p)));
+        }, u),  t().createElement(f, null, d)));
     }
-    x.propTypes = k;
-    x.Item = h;
-    /* harmony default export */    const _ = x;
+    _.propTypes = x;
+    _.Item = S;
+    /* harmony default export */    const E = _;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;
     /******/})();