@splunk/react-ui 5.0.0 → 5.1.0

package/Text.js

@@ -66,23 +66,23 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/keys"
-    const i = require("lodash/keys");
-    var l =  e.n(i);
+    const o = require("lodash/keys");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const u = require("lodash/omit");
-    var s =  e.n(u);
+    const i = require("lodash/omit");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "lodash/pickBy"
-    const c = require("lodash/pickBy");
+    const u = require("lodash/pickBy");
+    var s =  e.n(u);
+    // CONCATENATED MODULE: external "prop-types"
+    const c = require("prop-types");
     var d =  e.n(c);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const v = require("@splunk/react-ui/Button");
-    var p =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const b = require("@splunk/react-icons/Cross");
+    const v = require("@splunk/react-icons/Cross");
+    var p =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const b = require("@splunk/react-ui/Button");
     var f =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
     const m = require("@splunk/react-ui/ControlGroup");
@@ -128,18 +128,18 @@
     // CONCATENATED MODULE: external "styled-components"
     const T = require("styled-components");
     var B =  e.n(T);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const I = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const P = require("@splunk/react-ui/Box");
-    var q =  e.n(P);
+    const I = require("@splunk/react-ui/Box");
+    var P =  e.n(I);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
+    const q = require("@splunk/react-ui/ButtonSimple");
     // CONCATENATED MODULE: ./src/Text/TextStyles.ts
     var $ = "230px";
-    var D = B()(p()).withConfig({
+    var D = B()(f()).withConfig({
         displayName: "TextStyles__StyledClearButton",
         componentId: "eg7n6t-0"
     })([ "display:none;visibility:hidden;" ]);
-    var _ = B()(q()).withConfig({
+    var _ = B()(P()).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:", " 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;&:has(> input:focus){box-shadow:", ";}", " ", " ", " &[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.focusShadow, (function(e) {
@@ -172,7 +172,7 @@
     }), (function(e) {
         var r = e.$disabled;
         return r && (0, T.css)([ "color:", ";" ], k.variables.contentColorDisabled);
-    }), (0, I.buttonMixin)({
+    }), (0, q.buttonMixin)({
         borderColor: k.variables.transparent,
         borderColorHover: k.variables.transparent,
         borderColorActive: k.variables.transparent,
@@ -344,53 +344,53 @@
     /** @public */
     /** @public */
     /** @public */    var ae = {
-        append: a().bool,
-        autoCapitalize: a().string,
-        autoComplete: a().string,
-        autoCorrect: a().string,
-        autoFocus: a().bool,
-        canClear: a().bool,
-        children: a().node,
-        defaultValue: a().string,
-        describedBy: a().string,
-        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed" ]) ]),
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        endAdornment: a().node,
-        error: a().bool,
-        inline: a().bool,
+        append: d().bool,
+        autoCapitalize: d().string,
+        autoComplete: d().string,
+        autoCorrect: d().string,
+        autoFocus: d().bool,
+        canClear: d().bool,
+        children: d().node,
+        defaultValue: d().string,
+        describedBy: d().string,
+        disabled: d().oneOfType([ d().bool, d().oneOf([ "dimmed" ]) ]),
+        elementRef: d().oneOfType([ d().func, d().object ]),
+        endAdornment: d().node,
+        error: d().bool,
+        inline: d().bool,
         /** @private. */
-        inputClassName: a().string,
-        inputId: a().string,
-        inputRef: a().oneOfType([ a().func, a().object ]),
-        labelledBy: a().string,
-        maxLength: a().number,
-        name: a().string,
-        onBlur: a().func,
-        onChange: a().func,
-        onFocus: a().func,
-        onKeyDown: a().func,
-        onSelect: a().func,
-        onClick: a().func,
+        inputClassName: d().string,
+        inputId: d().string,
+        inputRef: d().oneOfType([ d().func, d().object ]),
+        labelledBy: d().string,
+        maxLength: d().number,
+        name: d().string,
+        onBlur: d().func,
+        onChange: d().func,
+        onFocus: d().func,
+        onKeyDown: d().func,
+        onSelect: d().func,
+        onClick: d().func,
         /** @private. */
-        placeholder: a().string,
-        prepend: a().bool,
+        placeholder: d().string,
+        prepend: d().bool,
         /** @private. */
-        required: a().bool,
-        spellCheck: a().bool,
-        tabIndex: a().number,
-        startAdornment: a().node,
+        required: d().bool,
+        spellCheck: d().bool,
+        tabIndex: d().number,
+        startAdornment: d().node,
         /** @private */
-        splunkTheme: a().object,
-        type: a().string,
-        passwordVisibilityToggle: a().bool,
-        value: a().string
+        splunkTheme: d().object,
+        type: d().string,
+        passwordVisibilityToggle: d().bool,
+        value: d().string
     };
-    var ie =  n().createElement(f(), {
+    var ie =  n().createElement(p(), {
         inline: false
     });
     /** 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, T = e.error, B = T === void 0 ? false : T, 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, W = e.onChange, U = 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, 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, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, p = v === void 0 ? false : v, b = e.canClear, y = b === void 0 ? false : b, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, T = e.error, B = T === void 0 ? false : T, 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, W = e.onChange, U = 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, 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" ]);
         // @docs-props-type TextPropsBase
                 var ye = (0, t.useContext)(m.ControlGroupContext);
         var ge = g()({
@@ -485,7 +485,7 @@
                 var t = je ?  n().createElement(A, 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(f(), {
                     appearance: "secondary",
                     "data-test": "password-toggle",
                     inline: false,
@@ -529,7 +529,7 @@
         var ze = (0, t.useMemo)((function() {
             return G(G({
                 role: "textbox"
-            }, d()(me, (function(e, r) {
+            }, s()(me, (function(e, r) {
                 return r === "role" || r.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": O,
@@ -539,18 +539,18 @@
             });
         }), [ O, w, B, z, me ]);
         var Ve = G({
-            $append: a || undefined,
+            $append: i || undefined,
             $error: B,
             $prepend: ae || undefined
-        }, s()(me, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(M(l()(ze)))));
+        }, l()(me, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(M(a()(ze)))));
         var Ke = je ? "password" : "text";
         var Le = re ? Ke : be;
         var Ge = G(G({}, ze), {}, {
             "data-test": "textbox",
-            autoCapitalize: i,
-            autoComplete: u,
-            autoCorrect: c,
-            autoFocus: b,
+            autoCapitalize: u,
+            autoComplete: c,
+            autoCorrect: d,
+            autoFocus: p,
             className: q,
             id: $,
             maxLength: V,

package/TextArea.js

@@ -2,18 +2,33 @@
     // webpackBootstrap
     /******/ "use strict";
     /******/    var e = {
-        /***/ 2907: 
+        /***/ 3639: 
         /***/ (e, r, t) => {
             // EXPORTS
             t.d(r, {
-                default: () => /* reexport */ l
+                default: () => /* reexport */ s
             });
+            // UNUSED EXPORTS: isAllowedType, isPrimitive
             // EXTERNAL MODULE: external "react"
                         var n = t(9497);
+            // CONCATENATED MODULE: external "lodash/isEqual"
+            const o = require("lodash/isEqual");
             // EXTERNAL MODULE: external "lodash/has"
-                        var o = t(5919);
-            var a =  t.n(o);
+                        var a = t(5919);
+            var i =  t.n(a);
             // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+            function l(e) {
+                return e === null || e === undefined || typeof e === "boolean" || typeof e === "string" || typeof e === "number";
+            }
+            function u(e) {
+                if (l(e)) {
+                    return true;
+                }
+                if (Array.isArray(e)) {
+                    return e.every(l);
+                }
+                return false;
+            }
             /**
  * This is a private component not intended for use outside @splunk/react-ui
  *
@@ -23,10 +38,9 @@
  * are not happening.
  *
  * Return the controlled state of the component.
- */
-            function i(e) {
-                var r = e.componentProps, t = e.componentName, o = t === void 0 ? "this component" : t, i = e.defaultValuePropName, l = i === void 0 ? "defaultValue" : i, u = e.valuePropName, c = u === void 0 ? "value" : u;
-                var s = (0, n.useRef)(a()(r, c));
+ */            function c(e) {
+                var r = e.componentProps, t = e.componentName, o = t === void 0 ? "this component" : t, a = e.defaultValuePropName, l = a === void 0 ? "defaultValue" : a, u = e.valuePropName, c = u === void 0 ? "value" : u;
+                var s = (0, n.useRef)(i()(r, c));
                 var d = (0, n.useRef)(r[l]);
                 (0, n.useEffect)((function() {
                     if (false) {}
@@ -34,10 +48,11 @@
                 (0, n.useEffect)((function() {
                     if (false) {}
                     if (false) {}
+                    if (false) {}
                 }), [ o, r, l, c ]);
                 return s.current;
             }
-            /* harmony default export */            const l = i;
+            /* harmony default export */            const s = c;
         } // CONCATENATED MODULE: ./src/useControlled/index.ts
         /***/ ,
         /***/ 5919: 
@@ -139,20 +154,20 @@
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
         var r =  t.n(e);
-        // CONCATENATED MODULE: external "prop-types"
-        const o = require("prop-types");
-        var a =  t.n(o);
         // CONCATENATED MODULE: external "lodash/keys"
-        const i = require("lodash/keys");
-        var l =  t.n(i);
+        const o = require("lodash/keys");
+        var a =  t.n(o);
         // CONCATENATED MODULE: external "lodash/omit"
-        const u = require("lodash/omit");
-        var c =  t.n(u);
+        const i = require("lodash/omit");
+        var l =  t.n(i);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const s = require("lodash/pickBy");
-        var d =  t.n(s);
+        const u = require("lodash/pickBy");
+        var c =  t.n(u);
         // CONCATENATED MODULE: external "lodash/throttle"
-        const f = require("lodash/throttle");
+        const s = require("lodash/throttle");
+        var d =  t.n(s);
+        // CONCATENATED MODULE: external "prop-types"
+        const f = require("prop-types");
         var p =  t.n(f);
         // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
         const v = require("@splunk/react-ui/EventListener");
@@ -214,23 +229,23 @@
         // CONCATENATED MODULE: external "styled-components"
         const y = require("styled-components");
         var h =  t.n(y);
-        // CONCATENATED MODULE: external "@splunk/themes"
-        const g = require("@splunk/themes");
         // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-        const x = require("@splunk/react-ui/Box");
-        var w =  t.n(x);
+        const g = require("@splunk/react-ui/Box");
+        var x =  t.n(g);
+        // CONCATENATED MODULE: external "@splunk/themes"
+        const w = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
         var C = "230px";
-        var S = g.variables.spacingSmall;
+        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 O = "5px";
-        var A = h()(w()).withConfig({
+                var A = "5px";
+        var O = 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:", ";}" ], g.mixins.reset("inline-flex"), g.variables.inputHeight, g.variables.inputBorderWidth, g.variables.interactiveColorBorder, g.variables.borderRadius, g.variables.interactiveColorBackground, g.variables.spacingSmall, S, g.variables.interactiveColorBorderHover, g.variables.focusShadow, g.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:", ";}" ], 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) {
             var r = e.$error;
-            return r && (0, y.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], g.variables.interactiveColorAccentError, g.variables.interactiveColorAccentErrorStrong);
+            return r && (0, y.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], w.variables.interactiveColorAccentError, w.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
             var r = e.$append;
             return r && (0, y.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
@@ -239,7 +254,7 @@
             return r && (0, y.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
         }), (function(e) {
             var r = e.disabled;
-            return r && (0, y.css)([ "background-color:", ";border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], g.variables.interactiveColorBackgroundDisabled, g.variables.interactiveColorBorderDisabled);
+            return r && (0, y.css)([ "background-color:", ";border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], w.variables.interactiveColorBackgroundDisabled, w.variables.interactiveColorBorderDisabled);
         }), C, C);
         // This wrapper ensures the textarea and shadow text area are the same width.
         // The wrapper's size is determined by the parent flex layout: the textarea and shadow
@@ -249,11 +264,11 @@
                 var E = h().div.withConfig({
             displayName: "TextAreaStyles__StyledTextAreaAndShadowWrapper",
             componentId: "gfy8yp-1"
-        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], g.mixins.reset("inline-flex"));
+        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], w.mixins.reset("inline-flex"));
         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:", ";}}" ], g.mixins.reset(), g.variables.contentColorActive, O, O, g.variables.contentColorMuted, g.variables.contentColorDisabled, g.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, A, A, w.variables.contentColorMuted, w.variables.contentColorDisabled, w.variables.contentColorDisabled);
         var I = h()(j).withConfig({
             displayName: "TextAreaStyles__StyledTextAreaShadow",
             componentId: "gfy8yp-3"
@@ -261,12 +276,12 @@
         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;", ";" ], g.variables.contentColorMuted, O, (function(e) {
+        })([ "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) {
             var r = e.$disabled;
-            return r && (0, y.css)([ "cursor:not-allowed;color:", ";" ], g.variables.contentColorDisabled);
+            return r && (0, y.css)([ "cursor:not-allowed;color:", ";" ], w.variables.contentColorDisabled);
         }));
-        // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var P = t(2907);
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 2 modules
+                var P = t(3639);
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
         var T = {
@@ -328,10 +343,10 @@
             return e;
         }
         var N = B();
-        /* harmony default export */        const M = /* unused pure expression or super */ null && N;
+        /* harmony default export */        const q = /* unused pure expression or super */ null && N;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var q = {
+        var M = {
             document: T,
             navigator: {
                 userAgent: ""
@@ -387,7 +402,7 @@
             }
         };
         function D() {
-            var e = typeof window !== "undefined" ? window : q;
+            var e = typeof window !== "undefined" ? window : M;
             return e;
         }
         var _ = D();
@@ -556,45 +571,45 @@
         /** @public */
         /** @public */
         /** @public */        var ae = {
-            append: a().bool,
-            autoCapitalize: a().string,
-            autoComplete: a().string,
-            autoCorrect: a().string,
-            autoFocus: a().bool,
-            children: a().node,
-            defaultValue: a().string,
-            describedBy: a().string,
-            disabled: a().bool,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            endAdornment: a().node,
-            error: a().bool,
-            inline: a().bool,
+            append: p().bool,
+            autoCapitalize: p().string,
+            autoComplete: p().string,
+            autoCorrect: p().string,
+            autoFocus: p().bool,
+            children: p().node,
+            defaultValue: p().string,
+            describedBy: p().string,
+            disabled: p().bool,
+            elementRef: p().oneOfType([ p().func, p().object ]),
+            endAdornment: p().node,
+            error: p().bool,
+            inline: p().bool,
             /** @private. */
-            inputClassName: a().string,
-            inputId: a().string,
-            inputRef: a().oneOfType([ a().func, a().object ]),
-            labelledBy: a().string,
-            maxLength: a().number,
-            name: a().string,
-            onBlur: a().func,
-            onChange: a().func,
-            onFocus: a().func,
-            onKeyDown: a().func,
-            onSelect: a().func,
-            onInputClick: a().func,
-            prepend: a().bool,
+            inputClassName: p().string,
+            inputId: p().string,
+            inputRef: p().oneOfType([ p().func, p().object ]),
+            labelledBy: p().string,
+            maxLength: p().number,
+            name: p().string,
+            onBlur: p().func,
+            onChange: p().func,
+            onFocus: p().func,
+            onKeyDown: p().func,
+            onSelect: p().func,
+            onInputClick: p().func,
+            prepend: p().bool,
             /** @private. */
-            required: a().bool,
-            rowsMax: a().number,
-            rowsMin: a().number,
-            spellCheck: a().bool,
-            tabIndex: a().number,
-            startAdornment: a().node,
-            value: a().string
+            required: p().bool,
+            rowsMax: p().number,
+            rowsMin: p().number,
+            spellCheck: p().bool,
+            tabIndex: p().number,
+            startAdornment: p().node,
+            value: p().string
         };
         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, a = t.autoCapitalize, i = t.autoComplete, u = t.autoCorrect, s = t.autoFocus, f = s === void 0 ? false : s, 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, M = t.inputId, q = 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, 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" ]);
             // @docs-props-type TextAreaPropsBase
                         (0, e.useEffect)((function() {
                 if (false) {}
@@ -608,11 +623,11 @@
             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 Oe = pe ? de : me;
-            var Ae = (0, e.useCallback)((function(e) {
+            var Ae = pe ? de : me;
+            var Oe = (0, e.useCallback)((function(e) {
                 Ce.current = e;
-                F(q, e);
-            }), [ q, Ce ]);
+                F(M, e);
+            }), [ M, Ce ]);
             var Ee = (0, e.useCallback)((function(e) {
                 G === null || G === void 0 ? void 0 : G(e);
             }), [ G ]);
@@ -658,33 +673,33 @@
                 }
             }), [ we, Se, ae, te, xe ]);
             var Ne = (0, e.useMemo)((function() {
-                return p()(Be, 100);
+                return d()(Be, 100);
             }), [ Be ]);
             (0, e.useLayoutEffect)((function() {
                 Be();
             }));
-            var Me = U(U({}, d()(fe, (function(e, r) {
+            var qe = U(U({}, c()(fe, (function(e, r) {
                 return r === "role" || r.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": g,
                 "aria-labelledby": D,
                 "aria-invalid": S || undefined
             });
-            var qe = c()(fe, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(L(l()(Me))));
+            var Me = l()(fe, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(L(a()(qe))));
             var De = {
                 $append: o || undefined,
                 $error: S,
                 $prepend: Z || undefined
             };
-            var _e = U(U({}, Me), {}, {
+            var _e = U(U({}, qe), {}, {
                 "data-test": "textbox",
-                autoCapitalize: a,
-                autoComplete: i,
-                autoCorrect: u,
-                autoFocus: f,
+                autoCapitalize: i,
+                autoComplete: u,
+                autoCorrect: s,
+                autoFocus: p,
                 className: N,
                 disabled: h,
-                id: M,
+                id: q,
                 maxLength: _,
                 name: V,
                 onBlur: Pe,
@@ -695,27 +710,27 @@
                 onClick: Ie,
                 placeholder: Q,
                 // support HTML attribute
-                ref: Ae,
+                ref: Oe,
                 required: ee,
                 spellCheck: le,
                 style: {
                     height: xe
                 },
                 tabIndex: se,
-                value: Oe,
+                value: Ae,
                 $error: S
             });
             
-            return r().createElement(r().Fragment, null,  r().createElement(A, $({
+            return r().createElement(r().Fragment, null,  r().createElement(O, $({
                 tabIndex: -1,
                 "data-test": "text-area",
-                "data-test-value": Oe,
+                "data-test-value": Ae,
                 "data-test-disabled": h ? "disabled" : undefined,
                 elementRef: w,
                 flex: true,
                 inline: B,
                 disabled: h
-            }, qe, De), ue &&  r().createElement(k, {
+            }, Me, De), ue &&  r().createElement(k, {
                 $disabled: !!h
             }, ue),  r().createElement(E, null,  r().createElement(I, {
                 "aria-hidden": "true",
@@ -723,10 +738,10 @@
                 onChange: ie,
                 rows: te,
                 ref: Se,
-                value: Q && !Oe ? Q : Oe
-            }),  r().createElement(j, _e)), v, O &&  r().createElement(k, {
+                value: Q && !Ae ? Q : Ae
+            }),  r().createElement(j, _e)), v, A &&  r().createElement(k, {
                 $disabled: !!h
-            }, O)),  r().createElement(b(), {
+            }, A)),  r().createElement(b(), {
                 target: R,
                 eventType: "resize",
                 listener: Ne