@splunk/react-ui 5.0.0 → 5.2.0

package/SlidingPanels.js

@@ -61,17 +61,17 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ I,
+        Panel: () => /* reexport */ A,
         default: () => /* reexport */ L
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var t =  e.n(r);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
     // CONCATENATED MODULE: external "@react-spring/web"
-    const a = require("@react-spring/web");
+    const o = require("@react-spring/web");
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
     const u = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "styled-components"
@@ -87,7 +87,7 @@
         displayName: "SlidingPanelsStyles__StyledBox",
         componentId: "su6isq-0"
     })([ "overflow:hidden;position:relative;" ]);
-    var v = c()(a.animated.div).withConfig({
+    var v = c()(o.animated.div).withConfig({
         displayName: "SlidingPanelsStyles__StyledAnimatedDiv",
         componentId: "su6isq-1"
     })([ "", ";", ";" ], y.mixins.reset("block"), y.mixins.clearfix());
@@ -123,12 +123,12 @@
         }, m.apply(null, arguments);
     }
     function b(e, n) {
-        return j(e) || S(e, n) || O(e, n) || g();
+        return j(e) || S(e, n) || g(e, n) || O();
     }
-    function g() {
+    function O() {
         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 O(e, n) {
+    function g(e, n) {
         if (e) {
             if ("string" == typeof e) return h(e, n);
             var r = {}.toString.call(e).slice(8, -1);
@@ -173,7 +173,7 @@
         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) && (o[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -183,24 +183,24 @@
         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 E = {
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
+    var x = {
+        children: a().node,
+        elementRef: a().oneOfType([ a().func, a().object ]),
         /** @private */
-        onMount: i().func,
+        onMount: a().func,
         /** @private */
-        onUnmount: i().func,
-        panelId: i().oneOfType([ i().string, i().number ]).isRequired
+        onUnmount: a().func,
+        panelId: a().oneOfType([ a().string, a().number ]).isRequired
     };
     /**
  * Container for arbitrary content.
- */    function A(e) {
+ */    function E(e) {
         var n = e.children, o = e.elementRef, i = e.onMount, a = e.onUnmount, u = e.panelId, l = w(e, [ "children", "elementRef", "onMount", "onUnmount", "panelId" ]);
         // @docs-props-type PanelPropsBase
                 var c = (0, r.useState)(null), f = b(c, 2), s = f[0], y = f[1];
@@ -222,16 +222,16 @@
             ref: d
         }), n);
     }
-    A.propTypes = E;
-    /* harmony default export */    const I = A;
+    E.propTypes = x;
+    /* harmony default export */    const A = E;
     // CONCATENATED MODULE: ./src/SlidingPanels/SlidingPanels.tsx
-    function x(e) {
+    function I(e) {
         "@babel/helpers - typeof";
-        return x = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, x(e);
+        }, I(e);
     }
     function C() {
         return C = Object.assign ? Object.assign.bind() : function(e) {
@@ -295,7 +295,7 @@
         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) && (o[r] = e[r]);
+                r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -305,7 +305,7 @@
         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];
             }
         }
@@ -342,29 +342,29 @@
     }
     function $(e) {
         var n = W(e, "string");
-        return "symbol" == x(n) ? n : n + "";
+        return "symbol" == I(n) ? n : n + "";
     }
     function W(e, n) {
-        if ("object" != x(e) || !e) return e;
+        if ("object" != I(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != x(t)) return t;
+            if ("object" != I(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     // can't use PanelId as key type, because an index signature parameter type must be 'string', 'number', 'symbol', or a template literal type.
         var z = {
-        activePanelId: i().oneOfType([ i().string, i().number ]).isRequired,
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        innerClassName: i().string,
-        innerStyle: i().object,
-        onAnimationEnd: i().func,
-        outerClassName: i().string,
-        outerStyle: i().object,
-        transition: i().oneOf([ "forward", "backward" ])
+        activePanelId: a().oneOfType([ a().string, a().number ]).isRequired,
+        children: a().node,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        innerClassName: a().string,
+        innerStyle: a().object,
+        onAnimationEnd: a().func,
+        outerClassName: a().string,
+        outerStyle: a().object,
+        transition: a().oneOf([ "forward", "backward" ])
     };
     var F = {
         enter: {
@@ -428,28 +428,28 @@
         }));
     };
     function K(e) {
-        var n = e.activePanelId, o = e.children, i = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, v = e.transition, p = v === void 0 ? "forward" : v, m = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
+        var n = e.activePanelId, i = e.children, a = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, v = e.transition, p = v === void 0 ? "forward" : v, m = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
         // @docs-props-type SlidingPanelsPropsBase
-                var b = (0, r.useState)(0), g = M(b, 2), O = g[0], h = g[1];
+                var b = (0, r.useState)(0), O = M(b, 2), g = O[0], h = O[1];
         var S = (0, r.useState)([]), j = M(S, 2), w = j[0], P = j[1];
-        var E = (0, r.useState)({}), A = M(E, 2), I = A[0], x = A[1];
-        var N = (0, a.useSpringRef)();
+        var x = (0, r.useState)({}), E = M(x, 2), A = E[0], I = E[1];
+        var N = (0, o.useSpringRef)();
         var T = (0, r.useMemo)((function() {
-            return r.Children.toArray(o).filter(r.isValidElement);
-        }), [ o ]);
+            return r.Children.toArray(i).filter(r.isValidElement);
+        }), [ i ]);
         /**
    * maxWidth is used to determine how far to translate the x value of the animated panels.
    * Without maxWidth, we run into a problem if the leaving panel width > the arriving panel width.
    * In this case, useAnimationTransition will only know to shift the leaving panel by the width of the arriving panel,
    * which would result in seeing part of the leaving panel's content on screen at the same time as the arriving panel's content.
    */        var q = (0, r.useMemo)((function() {
-            return H(I);
-        }), [ I ]);
+            return H(A);
+        }), [ A ]);
         /* determines what our transform translateX will look like based on is it transitioning forward or backward */        var R = (0, 
         r.useMemo)((function() {
             return G(q, p);
         }), [ q, p ]);
-        var k = (0, u.useAnimationTransition)(O, B(B(B({
+        var k = (0, u.useAnimationTransition)(g, B(B(B({
             ref: N
         }, F), R), {}, {
             onRest: function e() {
@@ -459,11 +459,11 @@
         (0, r.useEffect)((function() {
             /* if it can't find activePanelId it will set currentPanelIndex to -1 */
             if (false) {}
-        }), [ O ]);
+        }), [ g ]);
         (0, r.useEffect)((function() {
             /* starts animation */
             N.start();
-        }), [ N, O ]);
+        }), [ N, g ]);
         (0, r.useEffect)((function() {
             /* sets the currentPanelIndex in state whenever activePanelId or children changes */
             var e = T.findIndex((function(e) {
@@ -474,13 +474,13 @@
         }), [ n, T ]);
         var _ = (0, r.useCallback)((function(e, n) {
             if (e != null && n != null) {
-                x((function(r) {
+                I((function(r) {
                     return B(B({}, r), {}, V({}, n, e));
                 }));
             }
         }), []);
         var D = (0, r.useCallback)((function(e) {
-            x((function(n) {
+            I((function(n) {
                 var r = B({}, n);
                 delete r[e];
                 return r;
@@ -504,7 +504,7 @@
             className: s,
             "data-test-active-panel-id": n,
             "data-test": "sliding-panels",
-            elementRef: i,
+            elementRef: a,
             style: y
         }, m), k((function(e, n) {
             var r = w[n];
@@ -515,7 +515,7 @@
         })));
     }
     K.propTypes = z;
-    K.Panel = I;
+    K.Panel = A;
     /* harmony default export */    const L = K;
     // CONCATENATED MODULE: ./src/SlidingPanels/index.ts
     module.exports = n;

package/SplitButton.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Item: () => /* reexport */ P,
-        default: () => /* reexport */ T
+        Item: () => /* reexport */ k,
+        default: () => /* reexport */ B
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -71,45 +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");
-    // CONCATENATED MODULE: external "styled-components"
-    const f = require("styled-components");
+    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);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const m = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
-    var g = v()(y()).withConfig({
-        displayName: "SplitButtonStyles__StyledToggle",
-        componentId: "sc-9igsyh-0"
-    })([ "min-width:0;width:24px;" ]);
-    var h = v().div.withConfig({
-        displayName: "SplitButtonStyles__StyledDiv",
-        componentId: "sc-9igsyh-1"
-    })([ "", " ", " ", "" ], m.mixins.reset("inline-flex"), (function(e) {
-        var n = e.$appearance;
-        return (n === "primary" || n === "destructive") && (0, f.css)([ "gap:1px;" ]);
-    }), (function(e) {
-        var n = e.$inline;
-        return !n && (0, f.css)([ "width:100%;" ]);
-    }));
-    // CONCATENATED MODULE: external "lodash/omit"
-    const O = require("lodash/omit");
-    var S =  e.n(O);
+    const m = require("@splunk/react-ui/Button");
+    var b =  e.n(m);
     // CONCATENATED MODULE: ./src/SplitButton/Item.tsx
-    function k() {
-        return k = 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) {
@@ -117,31 +97,31 @@
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, y.apply(null, arguments);
     }
-    function w(e, n) {
+    function g(e, n) {
         if (null == e) return {};
-        var r, t, a = C(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 C(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 j = {
+    /** @public */    var h = {
         appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary" ]),
         children: i().node,
         disabled: i().bool,
@@ -152,49 +132,89 @@
     };
     /**
  * An item within a `SplitButton`.
- */    function E(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 = w(e, [ "appearance", "disabled", "elementRef", "icon", "isMain", "children", "onClick" ]);
+ */    function S(e) {
+        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 v = (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(), k({
+            return t().createElement(b(), y({
                 appearance: a,
                 append: true,
                 disabled: i,
-                elementRef: l,
-                icon: o,
-                onClick: v
-            }, p), u);
+                elementRef: o,
+                icon: l,
+                onClick: m
+            }, d), u);
         }
         
-        return t().createElement(d().Item, k({
+        return t().createElement(s().Item, y({
             disabled: i,
-            elementRef: l,
+            elementRef: o,
             onClick: f,
-            startAdornment: o
-        }, S()(p, [ "role" ])), u);
+            startAdornment: l
+        }, v()(d, [ "role" ])), u);
     }
-    E.propTypes = j;
-    /* harmony default export */    const P = E;
+    S.propTypes = h;
+    /* harmony default export */    const k = S;
+    // CONCATENATED MODULE: external "styled-components"
+    const w = require("styled-components");
+    var j =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const E = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
+    var C = j()(b()).withConfig({
+        displayName: "SplitButtonStyles__StyledToggle",
+        componentId: "sc-9igsyh-0"
+    })([ "min-width:0;width:24px;" ]);
+    var P = j().div.withConfig({
+        displayName: "SplitButtonStyles__StyledDiv",
+        componentId: "sc-9igsyh-1"
+    })([ "", " ", " ", "" ], 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) {
                 O += 1;
             }
         }));
-        var S =  (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 k = y;
-        var w =  t().createElement(g, {
+                y.splice(g, 1);
+        var S = y;
+        var k =  t().createElement(C, {
             prepend: true,
-            disabled: l || O === k.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(h, 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), S,  t().createElement("div", null,  t().createElement(u(), {
-            toggle: w
-        },  t().createElement(d(), null, k))));
+        }, b), h,  t().createElement("div", null,  t().createElement(u(), {
+            toggle: k
+        },  t().createElement(s(), null, S))));
     }
-    I.propTypes = R;
-    I.Item = P;
-    /* 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({