@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/Text.js

@@ -80,10 +80,10 @@
     var d =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const v = require("@splunk/react-ui/Button");
-    var p =  e.n(v);
+    var b =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const b = require("@splunk/react-icons/Cross");
-    var f =  e.n(b);
+    const p = require("@splunk/react-icons/Cross");
+    var f =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
     const m = require("@splunk/react-ui/ControlGroup");
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
@@ -134,15 +134,15 @@
     const P = require("@splunk/react-ui/Box");
     var q =  e.n(P);
     // CONCATENATED MODULE: ./src/Text/TextStyles.ts
-    var D = "230px";
-    var $ = B()(p()).withConfig({
+    var $ = "230px";
+    var D = B()(b()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
     })([ "display:none;visibility:hidden;" ]);
     var _ = B()(q()).withConfig({
         displayName: "TextStyles__StyledBox",
         componentId: "eg7n6t-1"
-    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";min-height:", ";overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;cursor:text;&:hover:not([disabled]){border-color:", ";background-color:", "}&:not([disabled]):has(> input:focus){box-shadow:", ";}&:not([disabled]){", "{visibility:visible;display:block;}}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], k.variables.spacingXSmall, k.variables.spacingSmall, k.variables.inputHeight, k.variables.interactiveColorBorder, k.variables.borderRadius, k.variables.interactiveColorBackground, k.variables.interactiveColorBorderHover, k.variables.interactiveColorOverlayHover, k.variables.focusShadow, /* sc-sel */ $, (function(e) {
+    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";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;cursor:text;&:hover:not([disabled]){border-color:", ";background-color:", "}&:not([disabled]):has(> input:focus){box-shadow:", ";}&:not([disabled]){", "{visibility:visible;display:block;}}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], k.variables.spacingXSmall, k.variables.spacingSmall, k.variables.inputHeight, k.variables.inputBorderWidth, k.variables.interactiveColorBorder, k.variables.borderRadius, k.variables.interactiveColorBackground, k.variables.interactiveColorBorderHover, k.variables.interactiveColorOverlayHover, k.variables.focusShadow, /* sc-sel */ D, (function(e) {
         var r = e.$error;
         return r && (0, A.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], k.variables.interactiveColorAccentError, k.variables.interactiveColorAccentErrorStrong);
     }), (function(e) {
@@ -153,15 +153,15 @@
         return r && (0, A.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
     }), (function(e) {
         var r = e.$disabled;
-        return r && (0, A.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);background-color:", ";" ], k.variables.interactiveColorBorderDisabled, k.variables.interactiveColorBackgroundDisabled);
-    }), D, D, (function(e) {
+        return r && (0, A.css)([ "border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);background-color:", ";cursor:not-allowed;" ], k.variables.interactiveColorBorderDisabled, k.variables.interactiveColorBackgroundDisabled);
+    }), $, $, (function(e) {
         var r = e.$isTimeInput;
-        return r && (0, A.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], /* sc-sel */ $);
+        return r && (0, A.css)([ "@media screen and (min--moz-device-pixel-ratio:0){", "{display:none;}}" ], /* sc-sel */ D);
     }));
     /* Some of these need greater specificity than input[type=text] */    var N = B().input.withConfig({
         displayName: "TextStyles__StyledInput",
         componentId: "eg7n6t-2"
-    })([ "", ";", " width:100%;outline-style:none;border:0;background:transparent;flex-grow:1;font-size:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}}&::placeholder{color:", ";opacity:1;}&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}" ], k.mixins.reset("inline-flex"), k.mixins.typography("body", {
+    })([ "", ";", " width:100%;outline-style:none;border:0;background:transparent;flex-grow:1;font-size:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}}&::placeholder{color:", ";opacity:1;}&[disabled],&[aria-disabled='true']{color:", ";&::placeholder{color:", ";}}" ], k.mixins.reset("inline-flex"), k.mixins.typography("body", {
         lineHeight: "single",
         color: "active"
     }), k.variables.contentColorMuted, k.variables.contentColorDisabled, k.variables.contentColorDisabled);
@@ -172,7 +172,7 @@
         return (0, A.css)([ "height:calc(", " - 2px);" ], k.variables.inputHeight);
     }), (function(e) {
         var r = e.$disabled;
-        return r && (0, A.css)([ "cursor:not-allowed;color:", ";" ], k.variables.contentColorDisabled);
+        return r && (0, A.css)([ "color:", ";" ], k.variables.contentColorDisabled);
     }), (0, I.buttonMixin)({
         borderColor: k.variables.transparent,
         borderColorHover: k.variables.transparent,
@@ -243,18 +243,18 @@
         return e;
     }
     function U(e, r, t) {
-        return (r = X(r)) in e ? Object.defineProperty(e, r, {
+        return (r = W(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function X(e) {
-        var r = J(e, "string");
+    function W(e) {
+        var r = X(e, "string");
         return "symbol" == H(r) ? r : r + "";
     }
-    function J(e, r) {
+    function X(e, r) {
         if ("object" != H(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
@@ -264,8 +264,8 @@
         }
         return ("string" === r ? String : Number)(e);
     }
-    function Q() {
-        return Q = Object.assign ? Object.assign.bind() : function(e) {
+    function J() {
+        return J = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -273,9 +273,9 @@
                 }
             }
             return e;
-        }, Q.apply(null, arguments);
+        }, J.apply(null, arguments);
     }
-    function W(e, r) {
+    function Q(e, r) {
         return te(e) || re(e, r) || Z(e, r) || Y();
     }
     function Y() {
@@ -391,7 +391,7 @@
     });
     /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    function le(e) {
         var r;
-        var o = e.append, a = o === void 0 ? false : o, i = e.autoCapitalize, u = e.autoComplete, c = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, f = e.canClear, y = f === void 0 ? false : f, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, A = e.error, B = A === void 0 ? false : A, I = e.inline, P = I === void 0 ? false : I, q = e.inputClassName, D = e.inputId, H = e.inputRef, z = e.labelledBy, V = e.maxLength, K = e.name, L = e.onBlur, U = e.onChange, X = e.onClick, J = e.onFocus, Y = e.onKeyDown, Z = e.onSelect, ee = e.passwordVisibilityToggle, re = ee === void 0 ? false : ee, te = e.placeholder, oe = e.prepend, ae = oe === void 0 ? false : oe, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, pe = e.type, be = pe === void 0 ? "text" : pe, fe = e.value, me = ne(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, a = o === void 0 ? false : o, i = e.autoCapitalize, u = e.autoComplete, c = e.autoCorrect, v = e.autoFocus, p = v === void 0 ? false : v, f = e.canClear, y = f === void 0 ? false : f, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, A = e.error, B = A === void 0 ? false : A, I = e.inline, P = I === void 0 ? false : I, q = e.inputClassName, $ = e.inputId, H = e.inputRef, z = e.labelledBy, V = e.maxLength, K = e.name, L = e.onBlur, U = e.onChange, W = e.onClick, X = e.onFocus, Y = e.onKeyDown, Z = e.onSelect, ee = e.passwordVisibilityToggle, re = ee === void 0 ? false : ee, te = e.placeholder, oe = e.prepend, ae = oe === void 0 ? false : oe, 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, me = ne(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 ye = (0, t.useContext)(m.ControlGroupContext);
         var ge = g()({
@@ -400,8 +400,8 @@
             componentProps: arguments[0]
         });
         var he = (0, t.useRef)(null);
-        var Ce = (0, t.useState)(x || ""), xe = W(Ce, 2), ke = xe[0], we = xe[1];
-        var Se = (0, t.useState)(true), Oe = W(Se, 2), je = Oe[0], Ee = Oe[1];
+        var Ce = (0, t.useState)(x || ""), xe = Q(Ce, 2), ke = xe[0], we = xe[1];
+        var Se = (0, t.useState)(true), Oe = Q(Se, 2), je = Oe[0], Ee = Oe[1];
         var Te = (0, t.useMemo)((function() {
             return ge ? fe : ke;
         }), [ ge, fe, ke ]);
@@ -436,26 +436,26 @@
             });
         }), [ ge, K, U ]);
         var Pe = (0, t.useCallback)((function(e) {
-            X === null || X === void 0 ? void 0 : X(e);
+            W === null || W === void 0 ? void 0 : W(e);
             e.stopPropagation();
-        }), [ X ]);
+        }), [ W ]);
         var qe = (0, t.useCallback)((function(e) {
             if (document.activeElement !== he.current) {
                 var r;
                 (r = he.current) === null || r === void 0 ? void 0 : r.focus();
             }
-            X === null || X === void 0 ? void 0 : X(e);
-        }), [ X ]);
-        var De = (0, t.useCallback)((function(e) {
+            W === null || W === void 0 ? void 0 : W(e);
+        }), [ W ]);
+        var $e = (0, t.useCallback)((function(e) {
             e.stopPropagation();
         }), []);
-        var $e = (0, t.useCallback)((function(e) {
+        var De = (0, t.useCallback)((function(e) {
             var r = e.target.value;
-            J === null || J === void 0 ? void 0 : J(e, {
+            X === null || X === void 0 ? void 0 : X(e, {
                 value: r,
                 name: K
             });
-        }), [ K, J ]);
+        }), [ K, X ]);
         var _e = (0, t.useCallback)((function(e) {
             Y === null || Y === void 0 ? void 0 : Y(e);
         }), [ Y ]);
@@ -477,16 +477,16 @@
             };
             if (E) {
                 
-                return n().createElement(R, Q({
+                return n().createElement(R, J({
                     "data-test": "end-adornment",
-                    onClick: De
+                    onClick: $e
                 }, r), E);
             }
             if (re && !w) {
                 var t = je ?  n().createElement(T, null) :  n().createElement(S, null);
                 var o = je ? (0, h._)("Show password") : (0, h._)("Hide password");
                 
-                return n().createElement(R, r,  n().createElement(p(), {
+                return n().createElement(R, r,  n().createElement(b(), {
                     appearance: "secondary",
                     "data-test": "password-toggle",
                     inline: false,
@@ -500,7 +500,7 @@
             var i = a ? (0, h._)("Clear ".concat(a, " text field")) : (0, h._)("Clear text field");
             if (!!Te && y) {
                 
-                return n().createElement(R, r, !w &&  n().createElement($, {
+                return n().createElement(R, r, !w &&  n().createElement(D, {
                     "data-test": "clear",
                     appearance: "secondary",
                     "aria-label": i,
@@ -509,21 +509,21 @@
                 }));
             }
             return undefined;
-        }), [ y, (r = ye.labelAttrs) === null || r === void 0 ? void 0 : r.text, w, Te, E, De, Ie, Fe, je, re ]);
+        }), [ y, (r = ye.labelAttrs) === null || r === void 0 ? void 0 : r.text, w, Te, E, $e, Ie, Fe, je, re ]);
         var Me = (0, t.useCallback)((function() {
             var e = {
-                disabled: !!w,
+                $disabled: !!w,
                 $position: "start"
             };
             if (se) {
                 
-                return n().createElement(R, Q({
+                return n().createElement(R, J({
                     "data-test": "start-adornment",
-                    onClick: De
+                    onClick: $e
                 }, e), se);
             }
             return undefined;
-        }), [ w, De, se ]);
+        }), [ w, $e, se ]);
         (0, t.useEffect)((function() {
             if (false) {}
         }), [ y, re ]);
@@ -536,7 +536,7 @@
                 "aria-describedby": O,
                 "aria-labelledby": z,
                 "aria-invalid": B || undefined,
-                "aria-disabled": w === "dimmed"
+                "aria-disabled": w === "dimmed" || undefined
             });
         }), [ O, w, B, z, me ]);
         var Ve = G({
@@ -545,22 +545,22 @@
             $prepend: ae || undefined
         }, s()(me, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(M(l()(ze)))));
         var Ke = je ? "password" : "text";
-        var Le = re ? Ke : be;
+        var Le = re ? Ke : pe;
         var Ge = G(G({}, ze), {}, {
             "data-test": "textbox",
             autoCapitalize: i,
             autoComplete: u,
             autoCorrect: c,
-            autoFocus: b,
+            autoFocus: p,
             className: q,
-            id: D,
+            id: $,
             maxLength: V,
             name: K,
             onChange: Be,
             onKeyDown: _e,
             onSelect: Re,
             onClick: Pe,
-            onFocus: $e,
+            onFocus: De,
             onBlur: Ae,
             placeholder: te,
             ref: Ne,
@@ -573,21 +573,22 @@
             $error: B
         });
         // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
-                var Ue = be === "password" || re ? undefined : Te;
+                var Ue = pe === "password" || re ? undefined : Te;
         // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
-                var Xe = be === "time";
+                var We = pe === "time";
         
-        return n().createElement(_, Q({
+        return n().createElement(_, J({
             tabIndex: -1,
-            $isTimeInput: Xe,
+            $isTimeInput: We,
             "data-test": "text",
             "data-test-value": Ue,
+            "data-test-disabled": w === "dimmed" && "dimmed" || w && "disabled" || undefined,
             elementRef: j,
             flex: true,
             inline: P,
             onClick: qe,
             $disabled: !!w
-        }, Ve), Me(), w ?  n().createElement(N, Q({
+        }, Ve), Me(), w ?  n().createElement(N, J({
             className: q,
             "data-test": "textbox",
             disabled: w === true,
@@ -595,7 +596,7 @@
             readOnly: true,
             type: Le,
             value: Te
-        }, ze)) :  n().createElement(N, Q({}, Ge, {
+        }, ze)) :  n().createElement(N, J({}, Ge, {
             onClick: Pe
         })), C, He());
     }