@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4

package/Text.js

@@ -142,7 +142,7 @@
     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 */ $, (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) {
@@ -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() {
@@ -372,6 +372,8 @@
         onKeyDown: a().func,
         onSelect: a().func,
         onClick: a().func,
+        /** @private. */
+        placeholder: a().string,
         prepend: a().bool,
         /** @private. */
         required: a().bool,
@@ -389,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, 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, 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, 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" ]);
+        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, D = 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()({
@@ -398,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 ]);
@@ -434,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 ]);
+            W === null || W === void 0 ? void 0 : W(e);
+        }), [ W ]);
         var De = (0, t.useCallback)((function(e) {
             e.stopPropagation();
         }), []);
         var $e = (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 ]);
@@ -475,7 +477,7 @@
             };
             if (E) {
                 
-                return n().createElement(R, Q({
+                return n().createElement(R, J({
                     "data-test": "end-adornment",
                     onClick: De
                 }, r), E);
@@ -515,7 +517,7 @@
             };
             if (se) {
                 
-                return n().createElement(R, Q({
+                return n().createElement(R, J({
                     "data-test": "start-adornment",
                     onClick: De
                 }, e), se);
@@ -534,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({
@@ -573,11 +575,11 @@
         // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
                 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 = pe === "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,
             elementRef: j,
@@ -585,7 +587,7 @@
             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,
@@ -593,7 +595,7 @@
             readOnly: true,
             type: Le,
             value: Te
-        }, ze)) :  n().createElement(N, Q({}, Ge, {
+        }, ze)) :  n().createElement(N, J({}, Ge, {
             onClick: Pe
         })), C, He());
     }

package/TextArea.js

@@ -228,7 +228,7 @@
         var j = g()(w()).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: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;gap:", ";padding:0 ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}" ], h.mixins.reset("inline-flex"), h.variables.inputHeight, h.variables.interactiveColorBorder, h.variables.borderRadius, h.variables.interactiveColorBackground, h.variables.spacingSmall, S, h.variables.interactiveColorBorderHover, h.variables.focusShadow, h.variables.contentColorActive, (function(e) {
+        })([ "", " 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:", ";}" ], h.mixins.reset("inline-flex"), h.variables.inputHeight, h.variables.inputBorderWidth, h.variables.interactiveColorBorder, h.variables.borderRadius, h.variables.interactiveColorBackground, h.variables.spacingSmall, S, h.variables.interactiveColorBorderHover, h.variables.focusShadow, h.variables.contentColorActive, (function(e) {
             var r = e.$error;
             return r && (0, m.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], h.variables.interactiveColorAccentError, h.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
@@ -274,7 +274,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function T(e, r) {
+        function B(e, r) {
             if (e) {
                 if (typeof e === "function") {
                     e(r);
@@ -287,13 +287,13 @@
             }
         }
         // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-        function B(e) {
+        function T(e) {
             "@babel/helpers - typeof";
-            return B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return T = "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;
-            }, B(e);
+            }, T(e);
         }
         function M() {
             return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -316,7 +316,7 @@
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
         function _(e) {
-            if (Array.isArray(e)) return U(e);
+            if (Array.isArray(e)) return W(e);
         }
         function R(e, r) {
             var t = Object.keys(e);
@@ -349,39 +349,39 @@
         }
         function V(e) {
             var r = z(e, "string");
-            return "symbol" == B(r) ? r : r + "";
+            return "symbol" == T(r) ? r : r + "";
         }
         function z(e, r) {
-            if ("object" != B(e) || !e) return e;
+            if ("object" != T(e) || !e) return e;
             var t = e[Symbol.toPrimitive];
             if (void 0 !== t) {
                 var n = t.call(e, r || "default");
-                if ("object" != B(n)) return n;
+                if ("object" != T(n)) return n;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === r ? String : Number)(e);
         }
         function L(e, r) {
-            return G(e) || W(e, r) || H(e, r) || K();
+            return G(e) || U(e, r) || H(e, r) || K();
         }
         function K() {
             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, r) {
             if (e) {
-                if ("string" == typeof e) return U(e, r);
+                if ("string" == typeof e) return W(e, r);
                 var t = {}.toString.call(e).slice(8, -1);
-                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? U(e, r) : void 0;
+                return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? W(e, r) : void 0;
             }
         }
-        function U(e, r) {
+        function W(e, r) {
             (null == r || r > e.length) && (r = e.length);
             for (var t = 0, n = Array(r); t < r; t++) {
                 n[t] = e[t];
             }
             return n;
         }
-        function W(e, r) {
+        function U(e, r) {
             var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != t) {
                 var n, o, a, i, l = [], u = !0, s = !1;
@@ -469,7 +469,7 @@
         };
         var Y = function e() {};
         /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */        function Z(t) {
-            var n = t.append, o = n === void 0 ? false : n, a = t.autoCapitalize, i = t.autoComplete, u = t.autoCorrect, c = t.autoFocus, f = c === void 0 ? false : c, v = t.children, m = t.disabled, g = m === void 0 ? false : m, h = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, B = t.inline, q = B === void 0 ? false : B, D = t.inputClassName, _ = t.inputId, R = t.inputRef, F = t.labelledBy, V = t.maxLength, z = t.name, K = t.onBlur, H = t.onChange, U = t.onFocus, W = t.onInputClick, G = t.onKeyDown, Q = t.onSelect, X = t.placeholder, Z = t.prepend, ee = Z === void 0 ? false : Z, re = t.required, te = t.rowsMin, ne = te === void 0 ? 2 : te, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, ie = t.spellCheck, le = t.startAdornment, ue = t.tabIndex, se = ue === void 0 ? 0 : ue, ce = t.value, de = J(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, a = t.autoCapitalize, i = t.autoComplete, u = t.autoCorrect, c = t.autoFocus, f = c === void 0 ? false : c, v = t.children, m = t.disabled, g = m === void 0 ? false : m, h = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, T = t.inline, q = T === void 0 ? false : T, D = t.inputClassName, _ = t.inputId, R = t.inputRef, F = t.labelledBy, V = t.maxLength, z = t.name, K = t.onBlur, H = t.onChange, W = t.onFocus, U = t.onInputClick, G = t.onKeyDown, Q = t.onSelect, X = t.placeholder, Z = t.prepend, ee = Z === void 0 ? false : Z, re = t.required, te = t.rowsMin, ne = te === void 0 ? 2 : te, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, ie = t.spellCheck, le = t.startAdornment, ue = t.tabIndex, se = ue === void 0 ? 0 : ue, ce = t.value, de = J(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) {}
@@ -486,7 +486,7 @@
             var Se = fe ? ce : be;
             var Oe = (0, e.useCallback)((function(e) {
                 we.current = e;
-                T(R, e);
+                B(R, e);
             }), [ R, we ]);
             var je = (0, e.useCallback)((function(e) {
                 G === null || G === void 0 ? void 0 : G(e);
@@ -495,15 +495,15 @@
                 Q === null || Q === void 0 ? void 0 : Q(e);
             }), [ Q ]);
             var Ie = (0, e.useCallback)((function(e) {
-                W === null || W === void 0 ? void 0 : W(e);
-            }), [ W ]);
+                U === null || U === void 0 ? void 0 : U(e);
+            }), [ U ]);
             var ke = (0, e.useCallback)((function(e) {
                 var r = e.target.value;
-                U === null || U === void 0 ? void 0 : U(e, {
+                W === null || W === void 0 ? void 0 : W(e, {
                     value: r,
                     name: z
                 });
-            }), [ z, U ]);
+            }), [ z, W ]);
             var Pe = (0, e.useCallback)((function(e) {
                 var r = e.target.value;
                 K === null || K === void 0 ? void 0 : K(e, {
@@ -521,7 +521,7 @@
                     name: z
                 });
             }), [ H, ye, fe, z ]);
-            var Te = (0, e.useCallback)((function() {
+            var Be = (0, e.useCallback)((function() {
                 var e = y({
                     height: he,
                     rowsMax: ae,
@@ -532,11 +532,11 @@
                     xe(e);
                 }
             }), [ xe, Ce, ae, ne, he ]);
-            var Be = (0, e.useMemo)((function() {
-                return p()(Te, 100);
-            }), [ Te ]);
+            var Te = (0, e.useMemo)((function() {
+                return p()(Be, 100);
+            }), [ Be ]);
             (0, e.useLayoutEffect)((function() {
-                Te();
+                Be();
             }));
             var Me = $($({}, d()(de, (function(e, r) {
                 return r === "role" || r.indexOf("aria-") === 0;
@@ -603,7 +603,7 @@
             }, O)),  r().createElement(b(), {
                 target: window,
                 eventType: "resize",
-                listener: Be
+                listener: Te
             }));
         }
         Z.propTypes = X;