@splunk/react-ui 5.0.0 → 5.2.0

package/Accordion.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ O,
-        default: () => /* reexport */ V
+        Panel: () => /* reexport */ x,
+        default: () => /* reexport */ D
     });
     // CONCATENATED MODULE: external "react"
     const r = require("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 m = 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 y = require("@splunk/react-ui/CollapsiblePanel");
+    var b =  e.n(y);
     // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var d =  (0, r.createContext)({});
-    d.displayName = "Accordion";
-    /* harmony default export */    const p = d;
+    var g =  (0, r.createContext)({});
+    g.displayName = "Accordion";
+    /* harmony default export */    const h = g;
     // 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,80 +106,87 @@
                 }
             }
             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++) {
-                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function m(e, n) {
+    function I(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
         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)(g), 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 x = C;
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var w = "is deprecated and will be removed in the next major version.";
+    var A = function e(n) {
+        var t = n.additionalMessage, a = t === void 0 ? "" : t, o = n.componentName;
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ a, o ]);
+    };
+    var E = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.propName, l = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, o, l ]);
+    };
+    var N = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.deprecatedPropValue, l = n.propName, i = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, l, i, o ]);
+    };
     // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
     function q() {
         return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -179,27 +199,27 @@
             return e;
         }, q.apply(null, arguments);
     }
-    function x(e, n) {
-        return T(e) || R(e, n) || E(e, n) || A();
+    function M(e, n) {
+        return V(e) || _(e, n) || R(e, n) || k();
     }
-    function A() {
+    function k() {
         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 E(e, n) {
+    function R(e, n) {
         if (e) {
-            if ("string" == typeof e) return k(e, n);
+            if ("string" == typeof e) return T(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) ? k(e, n) : void 0;
+            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) ? T(e, n) : void 0;
         }
     }
-    function k(e, n) {
+    function T(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
         }
         return t;
     }
-    function R(e, n) {
+    function _(e, n) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
             var t, a, o, l, i = [], u = !0, c = !1;
@@ -221,32 +241,32 @@
             return i;
         }
     }
-    function T(e) {
+    function V(e) {
         if (Array.isArray(e)) return e;
     }
-    function _(e, n) {
+    function B(e, n) {
         if (null == e) return {};
-        var r, t, a = M(e, n);
+        var r, t, a = U(e, n);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
-                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function M(e, n) {
+    function U(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
         return r;
     }
-    /** @public */    var N = {
+    /** @public */    var $ = {
         children: o().node,
         defaultOpenPanelId: o().any,
         elementRef: o().oneOfType([ o().func, o().object ]),
@@ -257,17 +277,18 @@
     /**
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
- */    function B(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 = _(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+ */    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" ]);
         // @docs-props-type AccordionPropsBase
-                (0, r.useEffect)((function() {
-            if (false) {}
-        }), []);
-        var v = c()(a);
+                A({
+            additionalMessage: "Use Collapsible Panel instead.",
+            componentName: "Accordion"
+        });
+        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,42 +296,42 @@
             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 y = (0, r.useState)(a), b = M(y, 2), g = b[0], O = b[1];
+        var P = v ? f : g;
+        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(m, 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(h.Provider, {
+            value: S
+        }, I));
     }
-    B.propTypes = N;
-    B.Panel = O;
-    /* harmony default export */    const V = B;
+    z.propTypes = $;
+    z.Panel = x;
+    /* harmony default export */    const D = z;
     // CONCATENATED MODULE: ./src/Accordion/index.ts
     module.exports = n;
     /******/})();

package/Anchor.js

@@ -76,13 +76,13 @@
     const l = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Anchor/AnchorStyles.ts
     // TODO: name is deprecated, it's only defined here to satisfy ts - remove/replace
-    var s = c().a.withConfig({
+    var f = c().a.withConfig({
         displayName: "AnchorStyles__StyledAnchor",
         componentId: "sc-1m9yzet-0"
     })([ "", ";color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;text-decoration:inherit;text-rendering:inherit;text-transform:inherit;cursor:pointer;margin:1px;&:hover::after{content:' #';opacity:0.5;}&:focus,&:active{box-shadow:", ";&::after{content:' #';opacity:0.5;}}" ], l.mixins.reset("inline"), l.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Anchor/Anchor.tsx
-    function u() {
-        return u = Object.assign ? Object.assign.bind() : function(e) {
+    function s() {
+        return s = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -90,15 +90,15 @@
                 }
             }
             return e;
-        }, u.apply(null, arguments);
+        }, s.apply(null, arguments);
     }
-    function f(e, r) {
+    function u(e, r) {
         if (null == e) return {};
         var t, n, o = d(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -108,7 +108,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -122,10 +122,10 @@
     /**
  * `Anchor` is a utility component used to add a fragment link to an element.
  */    function h(e) {
-        var r = e.children, t = e.elementRef, o = e.name, i = f(e, [ "children", "elementRef", "name" ]);
+        var r = e.children, t = e.elementRef, o = e.name, i = u(e, [ "children", "elementRef", "name" ]);
         // @docs-props-type AnchorPropsBase
                 
-        return n().createElement(s, u({
+        return n().createElement(f, s({
             "data-test": "anchor",
             ref: t
         }, i, {

package/Animation.js

@@ -113,7 +113,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
@@ -123,7 +123,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[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");
@@ -140,19 +140,19 @@
     const O = require("@splunk/ui-utils/color");
     // CONCATENATED MODULE: ./src/utils/determineTextBrightness.ts
     function S(e, r) {
-        return k(e) || C(e, r) || j(e, r) || w();
+        return k(e) || C(e, r) || x(e, r) || 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 j(e, r) {
+    function x(e, r) {
         if (e) {
-            if ("string" == typeof e) return x(e, r);
+            if ("string" == typeof e) return j(e, r);
             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) ? x(e, r) : void 0;
+            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) ? j(e, r) : void 0;
         }
     }
-    function x(e, r) {
+    function j(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
@@ -360,7 +360,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -370,24 +370,24 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         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" ]);
@@ -443,15 +443,15 @@
             $textColor: b
         }, a));
         var h = l !== null && l !== void 0 ? l : g;
-        var O = (0, t.useState)("loading"), S = M(O, 2), w = S[0], j = S[1];
+        var O = (0, t.useState)("loading"), S = M(O, 2), w = S[0], x = S[1];
         if ( (0, t.isValidElement)(l)) {
             if (l.type === "img") {
-                var x = l.props, C = x.src, k = x.alt, P = x.onError, E = U(x, [ "src", "alt", "onError" ]);
+                var j = l.props, C = j.src, k = j.alt, P = j.onError, E = U(j, [ "src", "alt", "onError" ]);
                 var I =  n().createElement("img", H({
                     src: C,
                     alt: k,
                     onError: function e() {
-                        j("error");
+                        x("error");
                         if (P) {
                             P();
                         }

package/Box.js

@@ -97,7 +97,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
@@ -107,7 +107,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }