@splunk/react-ui 5.7.1 → 5.9.0

package/Text.js

@@ -89,9 +89,9 @@
     var m =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const g = require("@splunk/react-ui/Button");
-    var C =  e.n(g);
+    var h =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
-    const h = require("@splunk/react-ui/ControlGroup");
+    const C = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const x = require("@splunk/react-ui/useControlled");
     var k =  e.n(x);
@@ -109,7 +109,7 @@
     const B = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Text/TextStyles.ts
     var I = "230px";
-    var P = O()(C()).withConfig({
+    var P = O()(h()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
     })([ "display:none;visibility:hidden;" ]);
@@ -142,7 +142,7 @@
         displayName: "TextStyles__StyledAdornment",
         componentId: "eg7n6t-3"
     })([ "display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;color:", ";", " ", ";& > button{", "}& > button:focus,& > a:focus{box-shadow:", ";}" ], B.variables.contentColorMuted, (function() {
-        return (0, S.css)([ "height:calc(", " - 2px);" ], B.variables.inputHeight);
+        return (0, S.css)([ "height:calc(", " - ", " * 2);" ], B.variables.inputHeight, B.variables.inputBorderWidth);
     }), (function(e) {
         var r = e.$disabled;
         return r && (0, S.css)([ "color:", ";" ], B.variables.contentColorDisabled);
@@ -183,18 +183,18 @@
         }, _(e);
     }
     function N(e) {
-        return H(e) || F(e) || X(e) || R();
+        return M(e) || H(e) || X(e) || F();
     }
-    function R() {
+    function F() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function F(e) {
+    function H(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function H(e) {
+    function M(e) {
         if (Array.isArray(e)) return J(e);
     }
-    function M(e, r) {
+    function R(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -207,9 +207,9 @@
     function z(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? M(Object(t), !0).forEach((function(r) {
+            r % 2 ? R(Object(t), !0).forEach((function(r) {
                 V(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : M(Object(t)).forEach((function(r) {
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
@@ -237,8 +237,8 @@
         }
         return ("string" === r ? String : Number)(e);
     }
-    function G() {
-        return G = Object.assign ? Object.assign.bind() : function(e) {
+    function W() {
+        return W = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -246,9 +246,9 @@
                 }
             }
             return e;
-        }, G.apply(null, arguments);
+        }, W.apply(null, arguments);
     }
-    function W(e, r) {
+    function G(e, r) {
         return Y(e) || Q(e, r) || X(e, r) || U();
     }
     function U() {
@@ -364,17 +364,17 @@
     });
     /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    function ne(e) {
         var r;
-        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, p = e.canClear, y = p === void 0 ? false : p, g = e.children, x = e.defaultValue, S = e.disabled, O = S === void 0 ? false : S, j = e.describedBy, E = e.elementRef, A = e.endAdornment, B = e.error, I = B === void 0 ? false : B, _ = e.inline, R = _ === void 0 ? false : _, F = e.inputClassName, H = e.inputId, M = e.inputRef, V = e.labelledBy, K = e.maxLength, L = e.name, U = e.onBlur, X = e.onChange, J = e.onClick, Q = e.onFocus, Y = e.onKeyDown, ee = e.onSelect, re = e.passwordVisibilityToggle, ne = re === void 0 ? false : re, oe = e.placeholder, ae = e.prepend, ie = ae === void 0 ? false : ae, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, be = e.type, pe = be === void 0 ? "text" : be, fe = e.value, ye = Z(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
+        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, p = e.canClear, y = p === void 0 ? false : p, g = e.children, x = e.defaultValue, S = e.disabled, O = S === void 0 ? false : S, j = e.describedBy, E = e.elementRef, A = e.endAdornment, B = e.error, I = B === void 0 ? false : B, _ = e.inline, F = _ === void 0 ? false : _, H = e.inputClassName, M = e.inputId, R = e.inputRef, V = e.labelledBy, K = e.maxLength, L = e.name, U = e.onBlur, X = e.onChange, J = e.onClick, Q = e.onFocus, Y = e.onKeyDown, ee = e.onSelect, re = e.passwordVisibilityToggle, ne = re === void 0 ? false : re, oe = e.placeholder, ae = e.prepend, ie = ae === void 0 ? false : ae, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, be = e.type, pe = be === void 0 ? "text" : be, fe = e.value, ye = Z(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
         // @docs-props-type TextPropsBase
-                var me = (0, t.useContext)(h.ControlGroupContext);
+                var me = (0, t.useContext)(C.ControlGroupContext);
         var ge = k()({
             componentName: "Text",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var Ce = (0, t.useRef)(null);
-        var he = (0, t.useState)(x || ""), xe = W(he, 2), ke = xe[0], we = xe[1];
-        var Se = (0, t.useState)(true), Oe = W(Se, 2), je = Oe[0], Ee = Oe[1];
+        var he = (0, t.useRef)(null);
+        var Ce = (0, t.useState)(x || ""), xe = G(Ce, 2), ke = xe[0], we = xe[1];
+        var Se = (0, t.useState)(true), Oe = G(Se, 2), je = Oe[0], Ee = Oe[1];
         var Ae = (0, t.useMemo)((function() {
             return ge ? fe : ke;
         }), [ ge, fe, ke ]);
@@ -402,7 +402,7 @@
             if (!ge) {
                 we(t);
             }
-            Ce === null || Ce === void 0 ? void 0 : (r = Ce.current) === null || r === void 0 ? void 0 : r.focus();
+            he === null || he === void 0 ? void 0 : (r = he.current) === null || r === void 0 ? void 0 : r.focus();
             X === null || X === void 0 ? void 0 : X(e, {
                 value: t,
                 name: L
@@ -413,9 +413,9 @@
             e.stopPropagation();
         }), [ J ]);
         var qe = (0, t.useCallback)((function(e) {
-            if (document.activeElement !== Ce.current) {
+            if (document.activeElement !== he.current) {
                 var r;
-                (r = Ce.current) === null || r === void 0 ? void 0 : r.focus();
+                (r = he.current) === null || r === void 0 ? void 0 : r.focus();
             }
             J === null || J === void 0 ? void 0 : J(e);
         }), [ J ]);
@@ -433,16 +433,16 @@
             Y === null || Y === void 0 ? void 0 : Y(e);
         }), [ Y ]);
         var Ne = (0, t.useCallback)((function(e) {
-            Ce.current = e;
-            D(M, e);
-        }), [ M, Ce ]);
-        var Re = (0, t.useCallback)((function(e) {
+            he.current = e;
+            D(R, e);
+        }), [ R, he ]);
+        var Fe = (0, t.useCallback)((function(e) {
             ee === null || ee === void 0 ? void 0 : ee(e);
         }), [ ee ]);
-        var Fe = (0, t.useCallback)((function() {
+        var He = (0, t.useCallback)((function() {
             Ee(!je);
         }), [ je ]);
-        var He = (0, t.useCallback)((function() {
+        var Me = (0, t.useCallback)((function() {
             var e;
             var r = {
                 $disabled: !!O,
@@ -450,7 +450,7 @@
             };
             if (A) {
                 
-                return n().createElement($, G({
+                return n().createElement($, W({
                     "data-test": "end-adornment",
                     onClick: $e
                 }, r), A);
@@ -459,11 +459,11 @@
                 var t = je ?  n().createElement(f(), null) :  n().createElement(m(), null);
                 var o = je ? (0, w._)("Show password") : (0, w._)("Hide password");
                 
-                return n().createElement($, r,  n().createElement(C(), {
+                return n().createElement($, r,  n().createElement(h(), {
                     appearance: "secondary",
                     "data-test": "password-toggle",
                     inline: false,
-                    onClick: Fe,
+                    onClick: He,
                     type: "button",
                     icon: t,
                     "aria-label": o
@@ -482,15 +482,15 @@
                 }));
             }
             return undefined;
-        }), [ y, (r = me.labelAttrs) === null || r === void 0 ? void 0 : r.text, O, Ae, A, $e, Pe, Fe, je, ne ]);
-        var Me = (0, t.useCallback)((function() {
+        }), [ y, (r = me.labelAttrs) === null || r === void 0 ? void 0 : r.text, O, Ae, A, $e, Pe, He, je, ne ]);
+        var Re = (0, t.useCallback)((function() {
             var e = {
                 $disabled: !!O,
                 $position: "start"
             };
             if (se) {
                 
-                return n().createElement($, G({
+                return n().createElement($, W({
                     "data-test": "start-adornment",
                     onClick: $e
                 }, e), se);
@@ -519,19 +519,19 @@
         }, l()(ye, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(N(a()(ze)))));
         var Ke = je ? "password" : "text";
         var Le = ne ? Ke : pe;
-        var Ge = z(z({}, ze), {}, {
+        var We = z(z({}, ze), {}, {
             "data-test": "textbox",
             autoCapitalize: u,
             autoComplete: c,
             autoCorrect: d,
             autoFocus: b,
-            className: F,
-            id: H,
+            className: H,
+            id: M,
             maxLength: K,
             name: L,
             onChange: Ie,
             onKeyDown: _e,
-            onSelect: Re,
+            onSelect: Fe,
             onClick: Te,
             onFocus: De,
             onBlur: Be,
@@ -546,32 +546,32 @@
             $error: I
         });
         // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
-                var We = pe === "password" || ne ? undefined : Ae;
+                var Ge = pe === "password" || ne ? undefined : Ae;
         // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
                 var Ue = pe === "time";
         
-        return n().createElement(T, G({
+        return n().createElement(T, W({
             tabIndex: -1,
             $isTimeInput: Ue,
             "data-test": "text",
-            "data-test-value": We,
+            "data-test-value": Ge,
             "data-test-disabled": O === "dimmed" && "dimmed" || O && "disabled" || undefined,
-            elementRef: E,
+            ref: E,
             flex: true,
-            inline: R,
+            inline: F,
             onClick: qe,
             $disabled: !!O
-        }, Ve), Me(), O ?  n().createElement(q, G({
-            className: F,
+        }, Ve), Re(), O ?  n().createElement(q, W({
+            className: H,
             "data-test": "textbox",
             disabled: O === true,
             placeholder: oe,
             readOnly: true,
             type: Le,
             value: Ae
-        }, ze)) :  n().createElement(q, G({}, Ge, {
+        }, ze)) :  n().createElement(q, W({}, We, {
             onClick: Te
-        })), g, He());
+        })), g, Me());
     }
     ne.propTypes = re;
     ne.componentType = "Text";

package/TextArea.js

@@ -328,8 +328,8 @@
         var e = typeof window !== "undefined" ? window : $;
         return e;
     }
-    var R = F();
-    /* harmony default export */    const L = R;
+    var L = F();
+    /* harmony default export */    const R = L;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -532,7 +532,7 @@
     };
     var ce = function e() {};
     /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    function se(e) {
-        var n = e.append, o = n === void 0 ? false : n, i = e.autoCapitalize, u = e.autoComplete, s = e.autoCorrect, f = e.autoFocus, p = f === void 0 ? false : f, v = e.children, m = e.disabled, g = m === void 0 ? false : m, w = e.describedBy, C = e.defaultValue, x = e.elementRef, S = e.error, A = S === void 0 ? false : S, O = e.endAdornment, E = e.inline, P = E === void 0 ? false : E, N = e.inputClassName, q = e.inputId, _ = e.inputRef, D = e.labelledBy, $ = e.maxLength, F = e.name, R = e.onBlur, z = e.onChange, W = e.onFocus, U = e.onInputClick, G = e.onKeyDown, J = e.onSelect, X = e.placeholder, Y = e.prepend, Z = Y === void 0 ? false : Y, ne = e.required, re = e.rowsMin, te = re === void 0 ? 2 : re, oe = e.rowsMax, ae = oe === void 0 ? 8 : oe, le = e.spellCheck, ue = e.startAdornment, se = e.tabIndex, de = se === void 0 ? 0 : se, fe = e.value, pe = ie(e, [ "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 = e.append, o = n === void 0 ? false : n, i = e.autoCapitalize, u = e.autoComplete, s = e.autoCorrect, f = e.autoFocus, p = f === void 0 ? false : f, v = e.children, m = e.disabled, g = m === void 0 ? false : m, w = e.describedBy, C = e.defaultValue, x = e.elementRef, S = e.error, A = S === void 0 ? false : S, O = e.endAdornment, E = e.inline, P = E === void 0 ? false : E, N = e.inputClassName, q = e.inputId, _ = e.inputRef, D = e.labelledBy, $ = e.maxLength, F = e.name, L = e.onBlur, z = e.onChange, W = e.onFocus, U = e.onInputClick, G = e.onKeyDown, J = e.onSelect, X = e.placeholder, Y = e.prepend, Z = Y === void 0 ? false : Y, ne = e.required, re = e.rowsMin, te = re === void 0 ? 2 : re, oe = e.rowsMax, ae = oe === void 0 ? 8 : oe, le = e.spellCheck, ue = e.startAdornment, se = e.tabIndex, de = se === void 0 ? 0 : se, fe = e.value, pe = ie(e, [ "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, r.useEffect)((function() {
             if (false) {}
@@ -569,11 +569,11 @@
         }), [ F, W ]);
         var Pe = (0, r.useCallback)((function(e) {
             var n = e.target.value;
-            R === null || R === void 0 ? void 0 : R(e, {
+            L === null || L === void 0 ? void 0 : L(e, {
                 value: n,
                 name: F
             });
-        }), [ F, R ]);
+        }), [ F, L ]);
         var Be = (0, r.useCallback)((function(e) {
             var n = e.target.value;
             if (!ve) {
@@ -649,7 +649,7 @@
             "data-test": "text-area",
             "data-test-value": Oe,
             "data-test-disabled": g ? "disabled" : undefined,
-            elementRef: x,
+            ref: x,
             $inline: P,
             disabled: g
         }, _e, De), ue &&  t().createElement(B, {
@@ -664,7 +664,7 @@
         }),  t().createElement(I, $e)), v, O &&  t().createElement(M, {
             $disabled: !!g
         }, O)),  t().createElement(b(), {
-            target: L,
+            target: R,
             eventType: "resize",
             listener: Ne
         }));