@splunk/react-ui 5.1.0 → 5.2.0

package/Text.js

@@ -325,7 +325,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
-                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -335,7 +335,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/TextArea.js

@@ -239,8 +239,8 @@
         var S = w.variables.spacingSmall;
         // Because the height cannot be set from variables.inputHeight with the syncHeight/auto expanding rows
         // the value here is set to be custom to ensure the correct total height across row values
-                var A = "5px";
-        var O = h()(x()).withConfig({
+                var O = "5px";
+        var A = h()(x()).withConfig({
             displayName: "TextAreaStyles__StyledBox",
             componentId: "gfy8yp-0"
         })([ "", " display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;gap:", ";padding:0 ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}" ], w.mixins.reset("inline-flex"), w.variables.inputHeight, w.variables.inputBorderWidth, w.variables.interactiveColorBorder, w.variables.borderRadius, w.variables.interactiveColorBackground, w.variables.spacingSmall, S, w.variables.interactiveColorBorderHover, w.variables.focusShadow, w.variables.contentColorActive, (function(e) {
@@ -268,7 +268,7 @@
         var j = h().textarea.withConfig({
             displayName: "TextAreaStyles__StyledTextArea",
             componentId: "gfy8yp-2"
-        })([ "", ";color:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;width:100%;line-height:20px;padding-top:", ";padding-bottom:", ";&::placeholder{color:", ";opacity:1;}&[disabled]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], w.mixins.reset(), w.variables.contentColorActive, A, A, w.variables.contentColorMuted, w.variables.contentColorDisabled, w.variables.contentColorDisabled);
+        })([ "", ";color:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;width:100%;line-height:20px;padding-top:", ";padding-bottom:", ";&::placeholder{color:", ";opacity:1;}&[disabled]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], w.mixins.reset(), w.variables.contentColorActive, O, O, w.variables.contentColorMuted, w.variables.contentColorDisabled, w.variables.contentColorDisabled);
         var I = h()(j).withConfig({
             displayName: "TextAreaStyles__StyledTextAreaShadow",
             componentId: "gfy8yp-3"
@@ -276,7 +276,7 @@
         var k = h().div.withConfig({
             displayName: "TextAreaStyles__StyledAdornment",
             componentId: "gfy8yp-4"
-        })([ "align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:", ";padding:", " 0;", ";" ], w.variables.contentColorMuted, A, (function(e) {
+        })([ "align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:", ";padding:", " 0;", ";" ], w.variables.contentColorMuted, O, (function(e) {
             var r = e.$disabled;
             return r && (0, y.css)([ "cursor:not-allowed;color:", ";" ], w.variables.contentColorDisabled);
         }));
@@ -552,7 +552,7 @@
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < a.length; n++) {
-                    t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                    t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
                 }
             }
             return o;
@@ -562,7 +562,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];
                 }
             }
@@ -609,7 +609,7 @@
         };
         var ie = function e() {};
         /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */        function le(t) {
-            var n = t.append, o = n === void 0 ? false : n, i = t.autoCapitalize, u = t.autoComplete, s = t.autoCorrect, f = t.autoFocus, p = f === void 0 ? false : f, v = t.children, y = t.disabled, h = y === void 0 ? false : y, g = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, A = t.endAdornment, T = t.inline, B = T === void 0 ? false : T, N = t.inputClassName, q = t.inputId, M = t.inputRef, D = t.labelledBy, _ = t.maxLength, V = t.name, z = t.onBlur, K = t.onChange, H = t.onFocus, W = t.onInputClick, G = t.onKeyDown, J = t.onSelect, Q = t.placeholder, Y = t.prepend, Z = Y === void 0 ? false : Y, ee = t.required, re = t.rowsMin, te = re === void 0 ? 2 : re, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, le = t.spellCheck, ue = t.startAdornment, ce = t.tabIndex, se = ce === void 0 ? 0 : ce, de = t.value, fe = ne(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
+            var n = t.append, o = n === void 0 ? false : n, i = t.autoCapitalize, u = t.autoComplete, s = t.autoCorrect, f = t.autoFocus, p = f === void 0 ? false : f, v = t.children, y = t.disabled, h = y === void 0 ? false : y, g = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, T = t.inline, B = T === void 0 ? false : T, N = t.inputClassName, q = t.inputId, M = t.inputRef, D = t.labelledBy, _ = t.maxLength, V = t.name, z = t.onBlur, K = t.onChange, H = t.onFocus, W = t.onInputClick, G = t.onKeyDown, J = t.onSelect, Q = t.placeholder, Y = t.prepend, Z = Y === void 0 ? false : Y, ee = t.required, re = t.rowsMin, te = re === void 0 ? 2 : re, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, le = t.spellCheck, ue = t.startAdornment, ce = t.tabIndex, se = ce === void 0 ? 0 : ce, de = t.value, fe = ne(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
             // @docs-props-type TextAreaPropsBase
                         (0, e.useEffect)((function() {
                 if (false) {}
@@ -623,8 +623,8 @@
             var he = (0, e.useState)(), ge = X(he, 2), xe = ge[0], we = ge[1];
             var Ce = (0, e.useRef)(null);
             var Se = (0, e.useRef)(null);
-            var Ae = pe ? de : me;
-            var Oe = (0, e.useCallback)((function(e) {
+            var Oe = pe ? de : me;
+            var Ae = (0, e.useCallback)((function(e) {
                 Ce.current = e;
                 F(M, e);
             }), [ M, Ce ]);
@@ -710,21 +710,21 @@
                 onClick: Ie,
                 placeholder: Q,
                 // support HTML attribute
-                ref: Oe,
+                ref: Ae,
                 required: ee,
                 spellCheck: le,
                 style: {
                     height: xe
                 },
                 tabIndex: se,
-                value: Ae,
+                value: Oe,
                 $error: S
             });
             
-            return r().createElement(r().Fragment, null,  r().createElement(O, $({
+            return r().createElement(r().Fragment, null,  r().createElement(A, $({
                 tabIndex: -1,
                 "data-test": "text-area",
-                "data-test-value": Ae,
+                "data-test-value": Oe,
                 "data-test-disabled": h ? "disabled" : undefined,
                 elementRef: w,
                 flex: true,
@@ -738,10 +738,10 @@
                 onChange: ie,
                 rows: te,
                 ref: Se,
-                value: Q && !Ae ? Q : Ae
-            }),  r().createElement(j, _e)), v, A &&  r().createElement(k, {
+                value: Q && !Oe ? Q : Oe
+            }),  r().createElement(j, _e)), v, O &&  r().createElement(k, {
                 $disabled: !!h
-            }, A)),  r().createElement(b(), {
+            }, O)),  r().createElement(b(), {
                 target: R,
                 eventType: "resize",
                 listener: Ne

package/Tooltip.js

@@ -206,19 +206,19 @@
         return ("string" === n ? String : Number)(e);
     }
     function N(e, n) {
-        return K(e) || F(e, n) || H(e, n) || B();
+        return K(e) || F(e, n) || B(e, n) || x();
     }
-    function B() {
+    function x() {
         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 H(e, n) {
+    function B(e, n) {
         if (e) {
-            if ("string" == typeof e) return x(e, n);
+            if ("string" == typeof e) return H(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) ? x(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) ? H(e, n) : void 0;
         }
     }
-    function x(e, n) {
+    function H(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
@@ -256,7 +256,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -266,7 +266,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];
             }
         }
@@ -307,7 +307,7 @@
  * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
  * or focused.
  */    function X(e) {
-        var n = e.appearance, o = e.append, l = e.children, i = e.closeDelay, u = i === void 0 ? 300 : i, s = e.closeWhen, c = s === void 0 ? "default" : s, p = e.content, d = e.contentRelationship, g = e.defaultPlacement, O = g === void 0 ? "above" : g, h = e.elementRef, S = e.inline, C = S === void 0 ? true : S, L = e.onRequestClose, I = e.onRequestOpen, _ = e.open, D = e.openDelay, M = D === void 0 ? "primary" : D, B = e.renderAnchor, H = e.prepend, x = W(e, [ "appearance", "append", "children", "closeDelay", "closeWhen", "content", "contentRelationship", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "openDelay", "renderAnchor", "prepend" ]);
+        var n = e.appearance, o = e.append, l = e.children, i = e.closeDelay, u = i === void 0 ? 300 : i, s = e.closeWhen, c = s === void 0 ? "default" : s, p = e.content, d = e.contentRelationship, g = e.defaultPlacement, O = g === void 0 ? "above" : g, h = e.elementRef, S = e.inline, C = S === void 0 ? true : S, L = e.onRequestClose, I = e.onRequestOpen, _ = e.open, D = e.openDelay, M = D === void 0 ? "primary" : D, x = e.renderAnchor, B = e.prepend, H = W(e, [ "appearance", "append", "children", "closeDelay", "closeWhen", "content", "contentRelationship", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "open", "openDelay", "renderAnchor", "prepend" ]);
         // @docs-props-type TooltipPropsBase
                 var F = (0, r.useState)(false), K = N(F, 2), V = K[0], U = K[1];
         var $ = (0, r.useState)(null), z = N($, 2), X = z[0], Y = z[1];
@@ -467,7 +467,7 @@
             Re(e);
             R(h, e);
         }), [ h, Re ]);
-        var Be = (0, r.useMemo)((function() {
+        var xe = (0, r.useMemo)((function() {
             return {
                 "data-test": "toggle",
                 elementRef: Ne,
@@ -476,7 +476,7 @@
                 onFocus: _e
             };
         }), [ De, Ae, _e, Ne ]);
-        var He = (0, r.useMemo)((function() {
+        var Be = (0, r.useMemo)((function() {
             return d === "label" ? {
                 "aria-labelledby": de,
                 labelledBy: de
@@ -485,22 +485,22 @@
                 describedBy: de
             };
         }), [ d, de ]);
-        var xe = (0, r.useMemo)((function() {
+        var He = (0, r.useMemo)((function() {
             return {
                 append: o,
-                prepend: H
+                prepend: B
             };
-        }), [ o, H ]);
+        }), [ o, B ]);
         var Fe = (0, r.useMemo)((function() {
-            return A(A(A({}, He), Be), xe);
-        }), [ He, Be, xe ]);
+            return A(A(A({}, Be), xe), He);
+        }), [ Be, xe, He ]);
         var Ke = (0, r.useMemo)((function() {
-            return A(A({}, He), xe);
-        }), [ He, xe ]);
+            return A(A({}, Be), He);
+        }), [ Be, He ]);
         var We = (0, r.useCallback)((function() {
             if (false) {}
-            return B === null || B === void 0 ? void 0 : B(A(A(A({}, Fe), He), xe));
-        }), [ He, Fe, l, xe, B ]);
+            return x === null || x === void 0 ? void 0 : x(A(A(A({}, Fe), Be), He));
+        }), [ Be, Fe, l, He, x ]);
         var Ve = (0, r.useCallback)((function() {
             var e;
             if ( (0, r.isValidElement)(l)) {
@@ -545,7 +545,7 @@
             hitAreaRef: Ie,
             outerRef: qe
         },  t().createElement(j, null, p));
-        if (B) {
+        if (x) {
             
             return t().createElement(t().Fragment, null, We(), $e, ze);
         }
@@ -555,7 +555,7 @@
             "data-test-open": ye,
             "data-test-popover-id": me,
             ref: h
-        }, x), Ve(), $e, ze);
+        }, H), Ve(), $e, ze);
     }
     X.propTypes = z;
     X.possibleOpenReasons = U;

package/TransitionOpen.js

@@ -181,29 +181,29 @@
     function k(e) {
         if (Array.isArray(e)) return e;
     }
-    function F(e, t) {
+    function x(e, t) {
         if (null == e) return {};
-        var r, n, o = C(e, t);
+        var r, n, o = F(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function C(e, t) {
+    function F(e, t) {
         if (null == e) return {};
         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];
             }
         }
         return r;
     }
-    function x(e, t) {
+    function C(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -216,9 +216,9 @@
     function N(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? x(Object(r), !0).forEach((function(t) {
+            t % 2 ? C(Object(r), !0).forEach((function(t) {
                 T(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : x(Object(r)).forEach((function(t) {
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : C(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
@@ -356,7 +356,7 @@
     var R = {};
     var W = {};
     function D(e) {
-        var t = e.animation, o = t === void 0 ? "expandHeight" : t, i = e.animateOnMount, u = e.children, f = e.className, d = e.elementRef, m = e.id, p = e.innerClassName, h = e.innerStyle, S = h === void 0 ? R : h, j = e.onAnimationEnd, w = e.open, P = e.outerClassName, k = e.outerId, C = e.outerStyle, x = C === void 0 ? W : C, E = e.renderChildrenWhenCollapsed, A = e.retainFocus, I = e.takeFocus, D = F(e, [ "animation", "animateOnMount", "children", "className", "elementRef", "id", "innerClassName", "innerStyle", "onAnimationEnd", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
+        var t = e.animation, o = t === void 0 ? "expandHeight" : t, i = e.animateOnMount, u = e.children, f = e.className, d = e.elementRef, m = e.id, p = e.innerClassName, h = e.innerStyle, S = h === void 0 ? R : h, j = e.onAnimationEnd, w = e.open, P = e.outerClassName, k = e.outerId, F = e.outerStyle, C = F === void 0 ? W : F, E = e.renderChildrenWhenCollapsed, A = e.retainFocus, I = e.takeFocus, D = x(e, [ "animation", "animateOnMount", "children", "className", "elementRef", "id", "innerClassName", "innerStyle", "onAnimationEnd", "open", "outerClassName", "outerId", "outerStyle", "renderChildrenWhenCollapsed", "retainFocus", "takeFocus" ]);
         // @docs-props-type TransitionOpenPropsBase
                 var H = l()(w);
         var L = (0, r.useRef)(true);
@@ -413,8 +413,8 @@
         // if renderChildrenWhenCollapsed is true, we hide the content by setting the height of the wrapper to 0
                 var ue = E && !w && !K ? 0 : oe;
         var le = (0, r.useMemo)((function() {
-            return N(N({}, x), ae && T({}, ae, ue));
-        }), [ ae, ue, x ]);
+            return N(N({}, C), ae && T({}, ae, ue));
+        }), [ ae, ue, C ]);
         var se = (0, r.useMemo)((function() {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return N(N({}, S), {}, {