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

package/TextArea.js

@@ -25,17 +25,17 @@
  * 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, s = u === void 0 ? "value" : u;
-                var c = (0, n.useRef)(a()(r, s));
+                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));
                 var d = (0, n.useRef)(r[l]);
                 (0, n.useEffect)((function() {
                     if (false) {}
-                }), [ o, r, l, s ]);
+                }), [ o, r, l, c ]);
                 (0, n.useEffect)((function() {
                     if (false) {}
                     if (false) {}
-                }), [ o, r, l, s ]);
-                return c.current;
+                }), [ o, r, l, c ]);
+                return s.current;
             }
             /* harmony default export */            const l = i;
         } // CONCATENATED MODULE: ./src/useControlled/index.ts
@@ -134,7 +134,7 @@
         t.r(n);
         // EXPORTS
                 t.d(n, {
-            default: () => /* reexport */ ee
+            default: () => /* reexport */ ue
         });
         // EXTERNAL MODULE: external "react"
                 var e = t(9497);
@@ -147,10 +147,10 @@
         var l =  t.n(i);
         // CONCATENATED MODULE: external "lodash/omit"
         const u = require("lodash/omit");
-        var s =  t.n(u);
+        var c =  t.n(u);
         // CONCATENATED MODULE: external "lodash/pickBy"
-        const c = require("lodash/pickBy");
-        var d =  t.n(c);
+        const s = require("lodash/pickBy");
+        var d =  t.n(s);
         // CONCATENATED MODULE: external "lodash/throttle"
         const f = require("lodash/throttle");
         var p =  t.n(f);
@@ -178,7 +178,7 @@
         // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
         // SOFTWARE.
         // End of MIT license text.
-        function y(e) {
+        function m(e) {
             var r = e.height, t = e.rowsMax, n = e.rowsMin, o = e.shadow;
             if (o) {
                 var a = window.getComputedStyle(o);
@@ -189,10 +189,10 @@
                 }
                 var l = parseInt(i, 10);
                 var u = parseInt(a.getPropertyValue("padding-top"), 10);
-                var s = parseInt(a.getPropertyValue("padding-bottom"), 10);
-                var c = parseInt(a.getPropertyValue("border-top-width"), 10);
+                var c = parseInt(a.getPropertyValue("padding-bottom"), 10);
+                var s = parseInt(a.getPropertyValue("border-top-width"), 10);
                 var d = parseInt(a.getPropertyValue("border-bottom-width"), 10);
-                var f = o.scrollHeight + c + d;
+                var f = o.scrollHeight + s + d;
                 /* eslint-disable no-restricted-globals */
                 // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
                 // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
@@ -200,10 +200,10 @@
                     return false;
                 }
                 /* eslint-enable no-restricted-globals */                if (t >= n) {
-                    var p = t * l + u + s + c + d;
+                    var p = t * l + u + c + s + d;
                     f = Math.min(p, f);
                 }
-                var v = n * l + u + s + c + d;
+                var v = n * l + u + c + s + d;
                 f = Math.max(v, f);
                 if (r !== f) {
                     return f;
@@ -212,61 +212,186 @@
             return false;
         }
         // CONCATENATED MODULE: external "styled-components"
-        const m = require("styled-components");
-        var g =  t.n(m);
+        const y = require("styled-components");
+        var h =  t.n(y);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const h = require("@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);
         // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
         var C = "230px";
-        var S = h.variables.spacingSmall;
+        var S = g.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 j = g()(w()).withConfig({
+        var A = h()(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:", ";}" ], 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) {
             var r = e.$error;
-            return r && (0, m.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], h.variables.interactiveColorAccentError, h.variables.interactiveColorAccentErrorStrong);
+            return r && (0, y.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], g.variables.interactiveColorAccentError, g.variables.interactiveColorAccentErrorStrong);
         }), (function(e) {
             var r = e.$append;
-            return r && (0, m.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
+            return r && (0, y.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
         }), (function(e) {
             var r = e.$prepend;
-            return r && (0, m.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
+            return r && (0, y.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
         }), (function(e) {
             var r = e.disabled;
-            return r && (0, m.css)([ "background-color:", ";border-color:", ";box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], h.variables.interactiveColorBackgroundDisabled, h.variables.interactiveColorBorderDisabled);
+            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);
         }), 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
         // are both set to be 100% of the wrapper.
         // Having the same width is necessary for the height to be calculated correctly
         // so that the value wrapping behavior is correct
-                var A = g().div.withConfig({
+                var E = h().div.withConfig({
             displayName: "TextAreaStyles__StyledTextAreaAndShadowWrapper",
             componentId: "gfy8yp-1"
-        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], h.mixins.reset("inline-flex"));
-        var I = g().textarea.withConfig({
+        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], g.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:", ";}}" ], h.mixins.reset(), h.variables.contentColorActive, O, O, h.variables.contentColorMuted, h.variables.contentColorDisabled, h.variables.contentColorDisabled);
-        var k = g()(I).withConfig({
+        })([ "", ";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);
+        var I = h()(j).withConfig({
             displayName: "TextAreaStyles__StyledTextAreaShadow",
             componentId: "gfy8yp-3"
         })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;" ]);
-        var P = g().div.withConfig({
+        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;", ";" ], h.variables.contentColorMuted, O, (function(e) {
+        })([ "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) {
             var r = e.$disabled;
-            return r && (0, m.css)([ "cursor:not-allowed;color:", ";" ], h.variables.contentColorDisabled);
+            return r && (0, y.css)([ "cursor:not-allowed;color:", ";" ], g.variables.contentColorDisabled);
         }));
         // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
-                var E = t(2907);
+                var P = t(2907);
+        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var T = {
+            body: {
+                appendChild: function e() {
+                    return [];
+                }
+            },
+            addEventListener: function e() {},
+            removeEventListener: function e() {},
+            activeElement: {
+                blur: function e() {},
+                nodeName: ""
+            },
+            querySelector: function e() {
+                return null;
+            },
+            querySelectorAll: function e() {
+                return [];
+            },
+            getElementById: function e() {
+                return null;
+            },
+            createEvent: function e() {
+                return {
+                    initEvent: function e() {}
+                };
+            },
+            createElement: function e() {
+                return {
+                    children: [],
+                    childNodes: [],
+                    style: {},
+                    setAttribute: function e() {},
+                    getElementsByTagName: function e() {
+                        return [];
+                    }
+                };
+            },
+            createElementNS: function e() {
+                return {};
+            },
+            importNode: function e() {
+                return null;
+            },
+            location: {
+                hash: "",
+                host: "",
+                hostname: "",
+                href: "",
+                origin: "",
+                pathname: "",
+                protocol: "",
+                search: ""
+            }
+        };
+        function B() {
+            var e = typeof document !== "undefined" ? document : T;
+            return e;
+        }
+        var N = B();
+        /* harmony default export */        const M = /* unused pure expression or super */ null && N;
+        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+        /* eslint-disable @typescript-eslint/no-empty-function */
+        var q = {
+            document: T,
+            navigator: {
+                userAgent: ""
+            },
+            location: {
+                hash: "",
+                host: "",
+                hostname: "",
+                href: "",
+                origin: "",
+                pathname: "",
+                protocol: "",
+                search: ""
+            },
+            history: {
+                replaceState: function e() {},
+                pushState: function e() {},
+                go: function e() {},
+                back: function e() {}
+            },
+            CustomEvent: function e() {
+                return this;
+            },
+            addEventListener: function e() {},
+            removeEventListener: function e() {},
+            getComputedStyle: function e() {
+                return {
+                    getPropertyValue: function e() {
+                        return "";
+                    }
+                };
+            },
+            Image: function e() {},
+            Date: function e() {},
+            screen: {},
+            setTimeout: function e() {},
+            clearTimeout: function e() {},
+            matchMedia: function e() {
+                return {};
+            },
+            requestAnimationFrame: function e(r) {
+                if (typeof setTimeout === "undefined") {
+                    r();
+                    return null;
+                }
+                return setTimeout(r, 0);
+            },
+            cancelAnimationFrame: function e(r) {
+                if (typeof setTimeout === "undefined") {
+                    return;
+                }
+                clearTimeout(r);
+            }
+        };
+        function D() {
+            var e = typeof window !== "undefined" ? window : q;
+            return e;
+        }
+        var _ = D();
+        /* harmony default export */        const R = _;
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -274,7 +399,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 F(e, r) {
             if (e) {
                 if (typeof e === "function") {
                     e(r);
@@ -287,16 +412,16 @@
             }
         }
         // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-        function B(e) {
+        function V(e) {
             "@babel/helpers - typeof";
-            return B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return V = "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);
+            }, V(e);
         }
-        function M() {
-            return M = Object.assign ? Object.assign.bind() : function(e) {
+        function $() {
+            return $ = Object.assign ? Object.assign.bind() : function(e) {
                 for (var r = 1; r < arguments.length; r++) {
                     var t = arguments[r];
                     for (var n in t) {
@@ -304,21 +429,21 @@
                     }
                 }
                 return e;
-            }, M.apply(null, arguments);
+            }, $.apply(null, arguments);
         }
-        function N(e) {
-            return _(e) || D(e) || H(e) || q();
+        function L(e) {
+            return H(e) || K(e) || Z(e) || z();
         }
-        function q() {
+        function z() {
             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 D(e) {
+        function K(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function _(e) {
-            if (Array.isArray(e)) return U(e);
+        function H(e) {
+            if (Array.isArray(e)) return ee(e);
         }
-        function R(e, r) {
+        function W(e, r) {
             var t = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var n = Object.getOwnPropertySymbols(e);
@@ -328,63 +453,63 @@
             }
             return t;
         }
-        function $(e) {
+        function U(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = null != arguments[r] ? arguments[r] : {};
-                r % 2 ? R(Object(t), !0).forEach((function(r) {
-                    F(e, r, t[r]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach((function(r) {
+                r % 2 ? W(Object(t), !0).forEach((function(r) {
+                    G(e, r, t[r]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : W(Object(t)).forEach((function(r) {
                     Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
                 }));
             }
             return e;
         }
-        function F(e, r, t) {
-            return (r = V(r)) in e ? Object.defineProperty(e, r, {
+        function G(e, r, t) {
+            return (r = J(r)) in e ? Object.defineProperty(e, r, {
                 value: t,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[r] = t, e;
         }
-        function V(e) {
-            var r = z(e, "string");
-            return "symbol" == B(r) ? r : r + "";
+        function J(e) {
+            var r = Q(e, "string");
+            return "symbol" == V(r) ? r : r + "";
         }
-        function z(e, r) {
-            if ("object" != B(e) || !e) return e;
+        function Q(e, r) {
+            if ("object" != V(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" != V(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();
+        function X(e, r) {
+            return te(e) || re(e, r) || Z(e, r) || Y();
         }
-        function K() {
+        function Y() {
             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) {
+        function Z(e, r) {
             if (e) {
-                if ("string" == typeof e) return U(e, r);
+                if ("string" == typeof e) return ee(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) ? ee(e, r) : void 0;
             }
         }
-        function U(e, r) {
+        function ee(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 re(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;
+                var n, o, a, i, l = [], u = !0, c = !1;
                 try {
                     if (a = (t = t.call(e)).next, 0 === r) {
                         if (Object(t) !== t) return;
@@ -392,23 +517,23 @@
                     } else for (;!(u = (n = a.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
                     }
                 } catch (e) {
-                    s = !0, o = e;
+                    c = !0, o = e;
                 } finally {
                     try {
                         if (!u && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
                     } finally {
-                        if (s) throw o;
+                        if (c) throw o;
                     }
                 }
                 return l;
             }
         }
-        function G(e) {
+        function te(e) {
             if (Array.isArray(e)) return e;
         }
-        function J(e, r) {
+        function ne(e, r) {
             if (null == e) return {};
-            var t, n, o = Q(e, r);
+            var t, n, o = oe(e, r);
             if (Object.getOwnPropertySymbols) {
                 var a = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < a.length; n++) {
@@ -417,7 +542,7 @@
             }
             return o;
         }
-        function Q(e, r) {
+        function oe(e, r) {
             if (null == e) return {};
             var t = {};
             for (var n in e) {
@@ -430,7 +555,7 @@
         }
         /** @public */
         /** @public */
-        /** @public */        var X = {
+        /** @public */        var ae = {
             append: a().bool,
             autoCapitalize: a().string,
             autoComplete: a().string,
@@ -467,148 +592,149 @@
             startAdornment: a().node,
             value: a().string
         };
-        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 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" ]);
             // @docs-props-type TextAreaPropsBase
                         (0, e.useEffect)((function() {
                 if (false) {}
-            }), [ ne, ae ]);
-            var fe = (0, E["default"])({
+            }), [ te, ae ]);
+            var pe = (0, P["default"])({
                 componentName: "TextArea",
                 /* eslint-disable-next-line prefer-rest-params */
                 componentProps: arguments[0]
             });
-            var pe = (0, e.useState)(x || ""), ve = L(pe, 2), be = ve[0], ye = ve[1];
-            var me = (0, e.useState)(), ge = L(me, 2), he = ge[0], xe = ge[1];
-            var we = (0, e.useRef)(null);
+            var ve = (0, e.useState)(x || ""), be = X(ve, 2), me = be[0], ye = be[1];
+            var he = (0, e.useState)(), ge = X(he, 2), xe = ge[0], we = ge[1];
             var Ce = (0, e.useRef)(null);
-            var Se = fe ? ce : be;
-            var Oe = (0, e.useCallback)((function(e) {
-                we.current = e;
-                T(R, e);
-            }), [ R, we ]);
-            var je = (0, e.useCallback)((function(e) {
+            var Se = (0, e.useRef)(null);
+            var Oe = pe ? de : me;
+            var Ae = (0, e.useCallback)((function(e) {
+                Ce.current = e;
+                F(q, e);
+            }), [ q, Ce ]);
+            var Ee = (0, e.useCallback)((function(e) {
                 G === null || G === void 0 ? void 0 : G(e);
             }), [ G ]);
-            var Ae = (0, e.useCallback)((function(e) {
-                Q === null || Q === void 0 ? void 0 : Q(e);
-            }), [ Q ]);
+            var je = (0, e.useCallback)((function(e) {
+                J === null || J === void 0 ? void 0 : J(e);
+            }), [ J ]);
             var Ie = (0, e.useCallback)((function(e) {
                 W === null || W === void 0 ? void 0 : W(e);
             }), [ W ]);
             var ke = (0, e.useCallback)((function(e) {
                 var r = e.target.value;
-                U === null || U === void 0 ? void 0 : U(e, {
+                H === null || H === void 0 ? void 0 : H(e, {
                     value: r,
-                    name: z
+                    name: V
                 });
-            }), [ z, U ]);
+            }), [ V, H ]);
             var Pe = (0, e.useCallback)((function(e) {
                 var r = e.target.value;
-                K === null || K === void 0 ? void 0 : K(e, {
+                z === null || z === void 0 ? void 0 : z(e, {
                     value: r,
-                    name: z
+                    name: V
                 });
-            }), [ z, K ]);
-            var Ee = (0, e.useCallback)((function(e) {
+            }), [ V, z ]);
+            var Te = (0, e.useCallback)((function(e) {
                 var r = e.target.value;
-                if (!fe) {
+                if (!pe) {
                     ye(r);
                 }
-                H === null || H === void 0 ? void 0 : H(e, {
+                K === null || K === void 0 ? void 0 : K(e, {
                     value: r,
-                    name: z
+                    name: V
                 });
-            }), [ H, ye, fe, z ]);
-            var Te = (0, e.useCallback)((function() {
-                var e = y({
-                    height: he,
+            }), [ K, ye, pe, V ]);
+            var Be = (0, e.useCallback)((function() {
+                var e = m({
+                    height: xe,
                     rowsMax: ae,
-                    rowsMin: ne,
-                    shadow: Ce.current
+                    rowsMin: te,
+                    shadow: Se.current
                 });
                 if (e !== false) {
-                    xe(e);
+                    we(e);
                 }
-            }), [ xe, Ce, ae, ne, he ]);
-            var Be = (0, e.useMemo)((function() {
-                return p()(Te, 100);
-            }), [ Te ]);
+            }), [ we, Se, ae, te, xe ]);
+            var Ne = (0, e.useMemo)((function() {
+                return p()(Be, 100);
+            }), [ Be ]);
             (0, e.useLayoutEffect)((function() {
-                Te();
+                Be();
             }));
-            var Me = $($({}, d()(de, (function(e, r) {
+            var Me = U(U({}, d()(fe, (function(e, r) {
                 return r === "role" || r.indexOf("aria-") === 0;
             }))), {}, {
-                "aria-describedby": h,
-                "aria-labelledby": F,
+                "aria-describedby": g,
+                "aria-labelledby": D,
                 "aria-invalid": S || undefined
             });
-            var Ne = s()(de, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(N(l()(Me))));
-            var qe = {
+            var qe = c()(fe, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(L(l()(Me))));
+            var De = {
                 $append: o || undefined,
                 $error: S,
-                $prepend: ee || undefined
+                $prepend: Z || undefined
             };
-            var De = $($({}, Me), {}, {
+            var _e = U(U({}, Me), {}, {
                 "data-test": "textbox",
                 autoCapitalize: a,
                 autoComplete: i,
                 autoCorrect: u,
                 autoFocus: f,
-                className: D,
-                disabled: g,
-                id: _,
-                maxLength: V,
-                name: z,
+                className: N,
+                disabled: h,
+                id: M,
+                maxLength: _,
+                name: V,
                 onBlur: Pe,
-                onChange: Ee,
+                onChange: Te,
                 onFocus: ke,
-                onKeyDown: je,
-                onSelect: Ae,
+                onKeyDown: Ee,
+                onSelect: je,
                 onClick: Ie,
-                placeholder: X,
+                placeholder: Q,
                 // support HTML attribute
-                ref: Oe,
-                required: re,
-                spellCheck: ie,
+                ref: Ae,
+                required: ee,
+                spellCheck: le,
                 style: {
-                    height: he
+                    height: xe
                 },
                 tabIndex: se,
-                value: Se,
+                value: Oe,
                 $error: S
             });
             
-            return r().createElement(r().Fragment, null,  r().createElement(j, M({
+            return r().createElement(r().Fragment, null,  r().createElement(A, $({
                 tabIndex: -1,
                 "data-test": "text-area",
-                "data-test-value": Se,
+                "data-test-value": Oe,
+                "data-test-disabled": h ? "disabled" : undefined,
                 elementRef: w,
                 flex: true,
-                inline: q,
-                disabled: g
-            }, Ne, qe), le &&  r().createElement(P, {
-                $disabled: !!g
-            }, le),  r().createElement(A, null,  r().createElement(k, {
+                inline: B,
+                disabled: h
+            }, qe, De), ue &&  r().createElement(k, {
+                $disabled: !!h
+            }, ue),  r().createElement(E, null,  r().createElement(I, {
                 "aria-hidden": "true",
                 tabIndex: -1,
-                onChange: Y,
-                rows: ne,
-                ref: Ce,
-                value: X && !Se ? X : Se
-            }),  r().createElement(I, De)), v, O &&  r().createElement(P, {
-                $disabled: !!g
+                onChange: ie,
+                rows: te,
+                ref: Se,
+                value: Q && !Oe ? Q : Oe
+            }),  r().createElement(j, _e)), v, O &&  r().createElement(k, {
+                $disabled: !!h
             }, O)),  r().createElement(b(), {
-                target: window,
+                target: R,
                 eventType: "resize",
-                listener: Be
+                listener: Ne
             }));
         }
-        Z.propTypes = X;
-        Z.componentType = "TextArea";
-        /* harmony default export */        const ee = Z;
+        le.propTypes = ae;
+        le.componentType = "TextArea";
+        /* harmony default export */        const ue = le;
         // only for styled components using TextArea
         }) // CONCATENATED MODULE: ./src/TextArea/index.ts
     ();