@splunk/react-ui 5.1.0 → 5.2.0

package/SplitButton.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(n, {
         Item: () => /* reexport */ k,
-        default: () => /* reexport */ T
+        default: () => /* reexport */ B
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -71,25 +71,25 @@
     const a = require("prop-types");
     var i =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
-    const l = require("@splunk/react-icons/CaretSmallDown");
-    var o =  e.n(l);
+    const o = require("@splunk/react-icons/CaretSmallDown");
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
     const c = require("@splunk/react-ui/Dropdown");
     var u =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const s = require("@splunk/react-ui/Menu");
-    var d =  e.n(s);
+    const p = require("@splunk/react-ui/Menu");
+    var s =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const p = require("@splunk/ui-utils/i18n");
+    const d = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "lodash/omit"
     const f = require("lodash/omit");
     var v =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const b = require("@splunk/react-ui/Button");
-    var y =  e.n(b);
+    const m = require("@splunk/react-ui/Button");
+    var b =  e.n(m);
     // CONCATENATED MODULE: ./src/SplitButton/Item.tsx
-    function m() {
-        return m = Object.assign ? Object.assign.bind() : function(e) {
+    function y() {
+        return y = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -97,31 +97,31 @@
                 }
             }
             return e;
-        }, m.apply(null, arguments);
+        }, y.apply(null, arguments);
     }
     function g(e, n) {
         if (null == e) return {};
-        var r, t, a = h(e, n);
+        var r, t, a = O(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function h(e, n) {
+    function O(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 O = {
+    /** @public */    var h = {
         appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary" ]),
         children: i().node,
         disabled: i().bool,
@@ -133,68 +133,88 @@
     /**
  * An item within a `SplitButton`.
  */    function S(e) {
-        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.disabled, l = e.elementRef, o = e.icon, c = e.isMain, u = e.children, s = e.onClick, p = g(e, [ "appearance", "disabled", "elementRef", "icon", "isMain", "children", "onClick" ]);
+        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.disabled, o = e.elementRef, l = e.icon, c = e.isMain, u = e.children, p = e.onClick, d = g(e, [ "appearance", "disabled", "elementRef", "icon", "isMain", "children", "onClick" ]);
         // @docs-props-type ItemPropsBase
                 var f = (0, r.useCallback)((function(e) {
             if (!i) {
-                s === null || s === void 0 ? void 0 : s(e, {});
+                p === null || p === void 0 ? void 0 : p(e, {});
             }
-        }), [ i, s ]);
-        var b = (0, r.useCallback)((function(e, n) {
-            var r = n.action, t = n.icon, a = n.label, l = n.value;
+        }), [ i, p ]);
+        var m = (0, r.useCallback)((function(e, n) {
+            var r = n.action, t = n.icon, a = n.label, o = n.value;
             if (!i) {
-                s === null || s === void 0 ? void 0 : s(e, {
+                p === null || p === void 0 ? void 0 : p(e, {
                     action: r,
                     icon: t,
                     label: a,
-                    value: l
+                    value: o
                 });
             }
-        }), [ i, s ]);
+        }), [ i, p ]);
         if (c) {
             
-            return t().createElement(y(), m({
+            return t().createElement(b(), y({
                 appearance: a,
                 append: true,
                 disabled: i,
-                elementRef: l,
-                icon: o,
-                onClick: b
-            }, p), u);
+                elementRef: o,
+                icon: l,
+                onClick: m
+            }, d), u);
         }
         
-        return t().createElement(d().Item, m({
+        return t().createElement(s().Item, y({
             disabled: i,
-            elementRef: l,
+            elementRef: o,
             onClick: f,
-            startAdornment: o
-        }, v()(p, [ "role" ])), u);
+            startAdornment: l
+        }, v()(d, [ "role" ])), u);
     }
-    S.propTypes = O;
+    S.propTypes = h;
     /* harmony default export */    const k = S;
     // CONCATENATED MODULE: external "styled-components"
     const w = require("styled-components");
-    var C =  e.n(w);
+    var j =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const j = require("@splunk/themes");
+    const E = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
-    var E = C()(y()).withConfig({
+    var C = j()(b()).withConfig({
         displayName: "SplitButtonStyles__StyledToggle",
         componentId: "sc-9igsyh-0"
     })([ "min-width:0;width:24px;" ]);
-    var P = C().div.withConfig({
+    var P = j().div.withConfig({
         displayName: "SplitButtonStyles__StyledDiv",
         componentId: "sc-9igsyh-1"
-    })([ "", " ", " ", "" ], j.mixins.reset("inline-flex"), (function(e) {
+    })([ "", " ", " ", "" ], E.mixins.reset("inline-flex"), (function(e) {
         var n = e.$appearance;
         return (n === "primary" || n === "destructive") && (0, w.css)([ "gap:1px;" ]);
     }), (function(e) {
         var n = e.$inline;
         return !n && (0, w.css)([ "width:100%;" ]);
     }));
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var M = "is deprecated and will be removed in the next major version.";
+    var R = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a ]);
+    };
+    var q = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, i = n.propName, o = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, i, o ]);
+    };
+    var x = function e(n) {
+        var t = n.additionalMessage, a = t === void 0 ? "" : t, i = n.componentName, o = n.deprecatedPropValue, l = n.propName, c = n.propValue;
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ a, i, l, c, o ]);
+    };
     // CONCATENATED MODULE: ./src/SplitButton/SplitButton.tsx
-    function q() {
-        return q = Object.assign ? Object.assign.bind() : function(e) {
+    function _() {
+        return _ = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -202,86 +222,94 @@
                 }
             }
             return e;
-        }, q.apply(null, arguments);
+        }, _.apply(null, arguments);
     }
-    function _(e, n) {
+    function N(e, n) {
         if (null == e) return {};
-        var r, t, a = M(e, n);
+        var r, t, a = T(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
-                r = i[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function M(e, n) {
+    function T(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 R = {
+    var I = {
         appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary" ]),
         children: i().node,
         disabled: i().bool,
         elementRef: i().oneOfType([ i().func, i().object ]),
         onClick: i().func,
-        inline: i().bool
+        inline: i().bool,
+        toggleRef: i().oneOfType([ i().func, i().object ])
     };
-    function I(e) {
-        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.children, l = e.disabled, c = e.elementRef, s = e.inline, f = s === void 0 ? true : s, v = e.onClick, b = _(e, [ "appearance", "children", "disabled", "elementRef", "inline", "onClick" ]);
- // @docs-props-type SplitButtonPropsBase
-                var y = r.Children.toArray(i).filter(r.isValidElement);
-        var m = 0;
+    function V(e) {
+        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.children, o = e.disabled, c = e.elementRef, p = e.inline, f = p === void 0 ? true : p, v = e.onClick, m = e.toggleRef, b = N(e, [ "appearance", "children", "disabled", "elementRef", "inline", "onClick", "toggleRef" ]);
+        // @docs-props-type SplitButtonPropsBase
+                x({
+            componentName: "SplitButton",
+            deprecatedPropValue: "default",
+            propName: "appearance",
+            propValue: a
+        });
+        var y = r.Children.toArray(i).filter(r.isValidElement);
         var g = 0;
+        var O = 0;
         y.forEach((function(e, n) {
             var r = e.props, t = r.disabled, a = r.isMain;
             if (a) {
-                m = n;
+                g = n;
             }
             if (t) {
-                g += 1;
+                O += 1;
             }
         }));
-        var h =  (0, r.cloneElement)(y[m], {
+        var h =  (0, r.cloneElement)(y[g], {
             isMain: true,
             appearance: a,
-            disabled: l || y[m].props.disabled
+            disabled: o || y[g].props.disabled
         });
         // Remove mainButton from array of dropdown items
-                y.splice(m, 1);
-        var O = y;
-        var S =  t().createElement(E, {
+                y.splice(g, 1);
+        var S = y;
+        var k =  t().createElement(C, {
             prepend: true,
-            disabled: l || g === O.length,
+            disabled: o || O === S.length,
+            elementRef: m,
             appearance: a,
             "data-test": "split-button-toggle",
-            "aria-label": (0, p._)("Open more options"),
-            icon:  t().createElement(o(), null)
+            "aria-label": (0, d._)("Open more options"),
+            icon:  t().createElement(l(), null)
         });
         
-        return t().createElement(P, q({
-            "aria-label": (0, p._)("Split button"),
+        return t().createElement(P, _({
+            "aria-label": (0, d._)("Split button"),
             "data-inline": f || null,
             "data-test": "split-button-container",
             $inline: f,
             ref: c,
             role: "group",
-            onClick: l ? undefined : v,
+            onClick: o ? undefined : v,
             $appearance: a
         }, b), h,  t().createElement("div", null,  t().createElement(u(), {
-            toggle: S
-        },  t().createElement(d(), null, O))));
+            toggle: k
+        },  t().createElement(s(), null, S))));
     }
-    I.propTypes = R;
-    I.Item = k;
-    /* harmony default export */    const T = I;
+    V.propTypes = I;
+    V.Item = k;
+    /* harmony default export */    const B = V;
     // CONCATENATED MODULE: ./src/SplitButton/index.ts
     module.exports = n;
     /******/})();

package/StaticContent.js

@@ -94,23 +94,23 @@
             return e;
         }, c.apply(null, arguments);
     }
-    function d(e, n) {
+    function f(e, n) {
         if (null == e) return {};
-        var r, t, i = f(e, n);
+        var r, t, i = d(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) && (i[r] = e[r]);
+                r = l[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
             }
         }
         return i;
     }
-    function f(e, n) {
+    function d(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];
             }
         }
@@ -126,7 +126,7 @@
  * This component is intended for use in a control group, either to display a static value or
  * between two controls.
  */    function y(e) {
-        var n = e.children, r = e.elementRef, i = e.inline, l = i === void 0 ? false : i, a = e.labelledBy, o = d(e, [ "children", "elementRef", "inline", "labelledBy" ]);
+        var n = e.children, r = e.elementRef, i = e.inline, l = i === void 0 ? false : i, a = e.labelledBy, o = f(e, [ "children", "elementRef", "inline", "labelledBy" ]);
         // @docs-props-type StaticContentPropsBase
                 
         return t().createElement(u, c({

package/StepBar.js

@@ -135,11 +135,11 @@
         var t = e.$idCounter;
         return t;
     }), x);
-    var I = p()(u()).withConfig({
+    var O = p()(u()).withConfig({
         displayName: "StepStyles__StyledCheckCircleIcon",
         componentId: "sc-756fxp-3"
     })([ "", ";color:", ";" ], h, b.variables.contentColorAccent);
-    var O = p()(f()).withConfig({
+    var I = p()(f()).withConfig({
         displayName: "StepStyles__StyledExclamationCircleIcon",
         componentId: "sc-756fxp-4"
     })([ "", ";color:", ";" ], h, b.variables.contentColorNegative);
@@ -165,7 +165,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -175,7 +175,7 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
+                if (-1 !== t.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
@@ -203,8 +203,8 @@
             v = "error";
         }
         var b = {
-            error:  n().createElement(O, null),
-            prev:  n().createElement(I, null),
+            error:  n().createElement(I, null),
+            prev:  n().createElement(O, null),
             next:  n().createElement(w, {
                 $status: v,
                 $idCounter: u
@@ -258,7 +258,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -268,7 +268,7 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
+                if (-1 !== t.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }

package/Switch.js

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