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

package/TextArea.js

@@ -1,34 +1,105 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/ // The require scope
-    /******/    var e = {};
+    /******/    var e = {
+        /***/ 2907: 
+        /***/ (e, r, t) => {
+            // EXPORTS
+            t.d(r, {
+                default: () => /* reexport */ l
+            });
+            // EXTERNAL MODULE: external "react"
+                        var n = t(9497);
+            // EXTERNAL MODULE: external "lodash/has"
+                        var o = t(5919);
+            var a =  t.n(o);
+            // CONCATENATED MODULE: ./src/useControlled/useControlled.tsx
+            /**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * A hook that accepts a default value (as used in an uncontrolled component)
+ * and validates that actions that aren't valid in an uncontrolled component
+ * such as updating the default value, combining default value with value, etc.
+ * 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, s = u === void 0 ? "value" : u;
+                var c = (0, n.useRef)(a()(r, s));
+                var d = (0, n.useRef)(r[l]);
+                (0, n.useEffect)((function() {
+                    if (false) {}
+                }), [ o, r, l, s ]);
+                (0, n.useEffect)((function() {
+                    if (false) {}
+                    if (false) {}
+                }), [ o, r, l, s ]);
+                return c.current;
+            }
+            /* harmony default export */            const l = i;
+        } // CONCATENATED MODULE: ./src/useControlled/index.ts
+        /***/ ,
+        /***/ 5919: 
+        /***/ e => {
+            e.exports = require("lodash/has");
+            /***/        },
+        /***/ 9497: 
+        /***/ e => {
+            e.exports = require("react");
+            /***/
+            /******/        }
+    };
+    /************************************************************************/
+    /******/ // The module cache
+    /******/    var r = {};
+    /******/
+    /******/ // The require function
+    /******/    function t(n) {
+        /******/ // Check if module is in cache
+        /******/ var o = r[n];
+        /******/        if (o !== undefined) {
+            /******/ return o.exports;
+            /******/        }
+        /******/ // Create a new module (and put it into the cache)
+        /******/        var a = r[n] = {
+            /******/ // no module.id needed
+            /******/ // no module.loaded needed
+            /******/ exports: {}
+            /******/        };
+        /******/
+        /******/ // Execute the module function
+        /******/        e[n](a, a.exports, t);
+        /******/
+        /******/ // Return the exports of the module
+        /******/        return a.exports;
+        /******/    }
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
-            /******/ () => r["default"]
-            /******/ : () => r
+        /******/ t.n = e => {
+            /******/ var r = e && e.__esModule ? 
+            /******/ () => e["default"]
+            /******/ : () => e
             /******/;
-            e.d(t, {
-                a: t
+            t.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+        /******/ t.d = (e, r) => {
+            /******/ for (var n in r) {
+                /******/ if (t.o(r, n) && !t.o(e, n)) {
+                    /******/ Object.defineProperty(e, n, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,14 +108,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ e.r = e => {
+        /******/ t.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -56,983 +127,490 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
-    // ESM COMPAT FLAG
-        e.r(r);
-    // EXPORTS
-        e.d(r, {
-        default: () => /* reexport */ qe
-    });
-    // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
-    // CONCATENATED MODULE: external "lodash/defer"
-    const i = require("lodash/defer");
-    var l =  e.n(i);
-    // CONCATENATED MODULE: external "lodash/has"
-    const s = require("lodash/has");
-    var c =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/keys"
-    const d = require("lodash/keys");
-    var p =  e.n(d);
-    // CONCATENATED MODULE: external "lodash/noop"
-    const u = require("lodash/noop");
-    var f =  e.n(u);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const v = require("lodash/omit");
-    var h =  e.n(v);
-    // CONCATENATED MODULE: external "lodash/pickBy"
-    const b = require("lodash/pickBy");
-    var m =  e.n(b);
-    // CONCATENATED MODULE: external "lodash/throttle"
-    const y = require("lodash/throttle");
-    var g =  e.n(y);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
-    const x = require("@splunk/react-ui/ControlGroup");
-    // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const w = require("@splunk/react-ui/EventListener");
-    var C =  e.n(w);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const k = require("@splunk/themes");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const S = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/style"
-    const A = require("@splunk/ui-utils/style");
-    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const O = require("@splunk/react-icons/Cross");
-    var I =  e.n(O);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-    const j = require("@splunk/react-icons/enterprise/Close");
-    var E =  e.n(j);
-    // CONCATENATED MODULE: external "styled-components"
-    const P = require("styled-components");
-    var T =  e.n(P);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const M = require("@splunk/react-ui/Box");
-    var $ =  e.n(M);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const _ = require("@splunk/react-ui/Button");
-    var W =  e.n(_);
-    // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
-    var q = T()(W()).withConfig({
-        displayName: "TextAreaStyles__StyledClearButton",
-        componentId: "gfy8yp-0"
-    })([ "display:none;visibility:hidden;border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0, 
-    k.pick)({
-        enterprise: k.variables.borderRadius,
-        prisma: "50%"
-    }), (0, k.pick)({
-        enterprise: (0, P.css)([ "width:", ";height:", ";" ], k.variables.inputHeight, k.variables.inputHeight),
-        prisma: {
-            comfortable: (0, P.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
-            compact: (0, P.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
-        }
-    }), (0, k.pick)({
-        enterprise: {
-            light: k.variables.gray60,
-            dark: k.variables.white
-        },
-        prisma: k.variables.contentColorMuted
-    }));
-    var D = T().span.withConfig({
-        displayName: "TextAreaStyles__StyledSearchIconWrapper",
-        componentId: "gfy8yp-1"
-    })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], k.mixins.reset("inline-block"), (0, 
-    k.pick)({
-        enterprise: {
-            light: k.variables.gray60,
-            dark: k.variables.white
-        },
-        prisma: k.variables.contentColorMuted
-    }), (0, k.pick)({
-        comfortable: "0 8px",
-        compact: "0 6px"
-    }), (function(e) {
-        var r = e.$disabled;
-        return r && (0, P.css)([ "", "" ], (0, k.pick)({
-            enterprise: (0, P.css)([ "color:", ";" ], k.variables.textDisabledColor),
-            prisma: (0, P.css)([ "color:", ";" ], k.variables.contentColorDisabled)
-        }));
-    }));
-    var N = "230px";
-    var B = T()($()).withConfig({
-        displayName: "TextAreaStyles__StyledBox",
-        componentId: "gfy8yp-2"
-    })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:", ";flex-basis:", ";[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", " ", "{visibility:visible;display:block;}}" ], N, N, k.variables.spacingSmall, (0, 
-    k.pick)({
-        enterprise: (0, P.css)([ "", "{display:none;}" ], /* sc-sel */ D)
-    }), /* sc-sel */ q);
-    var R = (0, k.pick)({
-        prisma: "12px",
-        enterprise: "10px"
-    });
-    var z = (0, k.pick)({
-        prisma: "12px",
-        enterprise: "0"
-    });
-    var F = T().span.withConfig({
-        displayName: "TextAreaStyles__StyledTextAreaWrapper",
-        componentId: "gfy8yp-3"
-    })([ "", " flex-grow:1;min-height:", ";position:relative;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;padding:0 ", " 0 ", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], k.mixins.reset("inline-flex"), k.variables.inputHeight, (0, 
-    k.pick)({
-        enterprise: {
-            light: k.variables.borderColorStrong,
-            dark: k.variables.borderColorWeak
-        },
-        prisma: k.variables.interactiveColorBorder
-    }), k.variables.borderRadius, (0, k.pick)({
-        enterprise: {
-            light: k.variables.white,
-            dark: k.variables.gray22
-        },
-        prisma: k.variables.transparent
-    }), z, R, (function(e) {
-        var r = e.$hasEndAdornment;
-        return r && (0, P.css)([ "padding-right:0;" ]);
-    }), (function(e) {
-        var r = e.$hasStartAdornment;
-        return r && (0, P.css)([ "padding-left:0;" ]);
-    }), (0, k.pick)({
-        enterprise: {
-            light: k.variables.borderColorStrong,
-            dark: k.variables.borderColorWeak
-        },
-        prisma: k.variables.interactiveColorBorderHover
-    }), k.variables.focusShadow, k.variables.contentColorActive, (function(e) {
-        var r = e.$error;
-        return r && (0, P.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], k.variables.accentColorNegative, k.variables.focusShadow, k.variables.contentColorActive);
-    }), (function(e) {
-        var r = e.$append;
-        return r && (0, P.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, P.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
-    }), (function(e) {
-        var r = e.disabled;
-        return r && (0, P.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0, 
-        k.pick)({
-            enterprise: {
-                light: (0, P.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray96, k.variables.gray92),
-                dark: (0, P.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray22, k.variables.gray30)
-            },
-            prisma: (0, P.css)([ "border-color:", ";" ], k.variables.interactiveColorBorderDisabled)
-        }));
-    }));
-    var H = T().textarea.withConfig({
-        displayName: "TextAreaStyles__StyledTextArea",
-        componentId: "gfy8yp-4"
-    })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], k.mixins.reset("inline-flex"), k.variables.contentColorActive, k.variables.sansFontFamily, (0, 
-    k.pick)({
-        enterprise: {
-            comfortable: k.variables.spacingXSmall,
-            compact: "3px"
-        },
-        prisma: {
-            comfortable: k.variables.spacingSmall,
-            compact: "5px"
-        }
-    }), (0, k.pick)({
-        enterprise: {
-            comfortable: k.variables.spacingXSmall,
-            compact: "3px"
-        },
-        prisma: {
-            comfortable: k.variables.spacingSmall,
-            compact: "5px"
-        }
-    }), (0, k.pick)({
-        enterprise: "10px",
-        prisma: "14px"
-    }), (function(e) {
-        var r = e.$rowsMin;
-        return r && (0, P.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], k.variables.inputHeight, r - 1, k.variables.lineHeight, r > 1 ? "-3px" : "-2px");
-    }), k.variables.contentColorMuted, (function(e) {
-        var r = e.$error;
-        return r && (0, P.css)([ "color:", ";" ], (0, k.pick)({
-            enterprise: {
-                light: k.variables.errorColorD10,
-                dark: k.variables.errorColorL20
-            },
-            prisma: k.variables.contentColorActive
-        }));
-    }), (function(e) {
-        var r = e.disabled;
-        return r && (0, P.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], k.variables.contentColorDisabled, k.variables.contentColorDisabled);
-    }));
-    var V = T()(H).withConfig({
-        displayName: "TextAreaStyles__StyledTextAreaShadow",
-        componentId: "gfy8yp-5"
-    })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;", "" ], (function(e) {
-        var r = e.$startAdornmentWidth, t = e.$endAdornmentWidth;
-        var n = r ? "".concat(r, "px") : R;
-        var a = t ? "".concat(t, "px") : z;
-        return (0, P.css)([ "width:calc(100% - ", " - ", ");" ], n, a);
-    }));
-    var K = (0, k.pick)({
-        enterprise: {
-            comfortable: "30px",
-            compact: "26px"
-        },
-        prisma: {
-            comfortable: "38px",
-            compact: "30px"
-        }
-    });
-    var L = (0, k.pick)({
-        enterprise: "10px",
-        prisma: "14px"
-    });
-    var G = T().span.withConfig({
-        displayName: "TextAreaStyles__StyledPlaceholder",
-        componentId: "gfy8yp-6"
-    })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;height:", ";margin-right:", ";", ";", ";", "" ], (0, 
-    k.pick)({
-        enterprise: k.variables.textGray,
-        prisma: k.variables.contentColorMuted
-    }), k.variables.lineHeight, L, (function(e) {
-        var r = e.$hasStartAdornment, t = e.$startAdornmentWidth;
-        return r && (t ? (0, P.css)([ "margin-left:", "px;" ], t) : (0, P.css)([ "margin-left:", ";" ], K));
-    }), (function(e) {
-        var r = e.$hasEndAdornment, t = e.$endAdornmentWidth;
-        return r && (t ? (0, P.css)([ "max-width:calc(100% - ", " - ", "px);" ], L, t) : (0, 
-        P.css)([ "max-width:calc(100% - ", " - ", ");" ], L, K));
-    }), (function(e) {
-        var r = e.$hasBothAdornment, t = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
-        return r && (0, P.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, t);
-    }));
-    var U = T().div.withConfig({
-        displayName: "TextAreaStyles__StyledAdornmentSpacer",
-        componentId: "gfy8yp-7"
-    })([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;", ";" ], K, (function(e) {
-        var r = e.$width;
-        return r ? (0, P.css)([ "min-width:", "px;" ], r) : (0, P.css)([ "min-width:", ";" ], K);
-    }));
-    var X = T().div.withConfig({
-        displayName: "TextAreaStyles__StyledAdornment",
-        componentId: "gfy8yp-8"
-    })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", " ", ";", "" ], K, (0, 
-    k.pick)({
-        enterprise: {
-            light: k.variables.gray60,
-            dark: k.variables.white
-        },
-        prisma: k.variables.contentColorMuted
-    }), (0, k.pickVariant)("$position", {
-        start: (0, P.css)([ "top:1px;left:1px;" ]),
-        end: (0, P.css)([ "top:1px;right:1px;" ])
-    }), (function(e) {
-        var r = e.disabled;
-        return r && (0, P.css)([ "cursor:not-allowed;color:", ";" ], k.variables.contentColorDisabled);
-    }), (0, k.pick)({
-        enterprise: (0, P.css)([ "margin-left:-1px;margin-right:-1px;" ])
-    }));
-    // CONCATENATED MODULE: ./src/TextArea/icons/ClearButton.tsx
-    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) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
-                }
-            }
-            return e;
-        }, J.apply(null, arguments);
-    }
-    function Q(e) {
-        var r = (0, k.useSplunkTheme)(), t = r.isEnterprise, a = r.isCompact;
-        var o = t ? "pill" : "secondary";
-        var i = a ? "20px" : "24px";
-        var l = t ?  n().createElement(E(), {
-            size: 1
-        }) :  n().createElement(I(), {
-            width: i,
-            height: i
+    /************************************************************************/    var n = {};
+    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+        (() => {
+        // ESM COMPAT FLAG
+        t.r(n);
+        // EXPORTS
+                t.d(n, {
+            default: () => /* reexport */ ee
         });
-        
-        return n().createElement(q, J({
-            "data-test": "clear",
-            icon: l,
-            appearance: o,
-            inline: false
-        }, e));
-    }
-    // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
-    const Y = require("@splunk/react-icons/Magnifier");
-    var Z =  e.n(Y);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const ee = require("@splunk/react-icons/enterprise/Search");
-    var re =  e.n(ee);
-    // CONCATENATED MODULE: ./src/TextArea/icons/SearchIcon.tsx
-    function te() {
-        var e = (0, k.useSplunkTheme)(), r = e.isCompact, t = e.isEnterprise;
-        if (t) {
-            
-            return n().createElement(re(), {
-                hideDefaultTooltip: true,
-                inline: false,
-                screenReaderText: "Search",
-                size: "16px"
-            });
-        }
-        var a = r ? "20px" : "24px";
-        
-        return n().createElement(Z(), {
-            "aria-label": "Search",
-            height: a,
-            width: a
-        });
-    }
-    // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
-    // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
-    // which is MIT-licensed:
-    // The MIT License (MIT)
-    // Copyright (c) 2014 Call-Em-All
-    // Permission is hereby granted, free of charge, to any person obtaining a copy
-    // of this software and associated documentation files (the "Software"), to deal
-    // in the Software without restriction, including without limitation the rights
-    // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    // copies of the Software, and to permit persons to whom the Software is
-    // furnished to do so, subject to the following conditions:
-    // The above copyright notice and this permission notice shall be included in all
-    // copies or substantial portions of the Software.
-    // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    // SOFTWARE.
-    // End of MIT license text.
-    function ne(e) {
-        var r = e.height, t = e.rowsMax, n = e.rowsMin, a = e.shadow;
-        if (a) {
-            var o = window.getComputedStyle(a);
-            var i = o.getPropertyValue("line-height");
-            // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
-                        if (i === "inherit" || i === "normal") {
-                return false;
-            }
-            var l = parseInt(i, 10);
-            var s = parseInt(o.getPropertyValue("padding-top"), 10);
-            var c = parseInt(o.getPropertyValue("padding-bottom"), 10);
-            var d = parseInt(o.getPropertyValue("border-top-width"), 10);
-            var p = parseInt(o.getPropertyValue("border-bottom-width"), 10);
-            var u = a.scrollHeight + d + p + 1;
- // need one extra.
-            /* 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.
-                        if (u === undefined || isNaN(u)) {
-                return false;
-            }
-            /* eslint-enable no-restricted-globals */            if (t >= n) {
-                var f = t * l + s + c + d + p + 1;
- // need one extra.
-                                u = Math.min(f, u);
-            }
-            var v = n * l + s + c + d + p + 1;
- // need one extra.
-                        u = Math.max(v, u);
-            if (r !== u) {
-                return u;
+        // 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);
+        // CONCATENATED MODULE: external "lodash/omit"
+        const u = require("lodash/omit");
+        var s =  t.n(u);
+        // CONCATENATED MODULE: external "lodash/pickBy"
+        const c = require("lodash/pickBy");
+        var d =  t.n(c);
+        // CONCATENATED MODULE: external "lodash/throttle"
+        const f = require("lodash/throttle");
+        var p =  t.n(f);
+        // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+        const v = require("@splunk/react-ui/EventListener");
+        var b =  t.n(v);
+        // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
+        // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
+        // which is MIT-licensed:
+        // The MIT License (MIT)
+        // Copyright (c) 2014 Call-Em-All
+        // Permission is hereby granted, free of charge, to any person obtaining a copy
+        // of this software and associated documentation files (the "Software"), to deal
+        // in the Software without restriction, including without limitation the rights
+        // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+        // copies of the Software, and to permit persons to whom the Software is
+        // furnished to do so, subject to the following conditions:
+        // The above copyright notice and this permission notice shall be included in all
+        // copies or substantial portions of the Software.
+        // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+        // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+        // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+        // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+        // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+        // 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) {
+            var r = e.height, t = e.rowsMax, n = e.rowsMin, o = e.shadow;
+            if (o) {
+                var a = window.getComputedStyle(o);
+                var i = a.getPropertyValue("line-height");
+                // jsdom does not properly inherit/re-calculate the line-height property so we skip in these cases SUI-1943, SUI-2428
+                                if (i === "inherit" || i === "normal") {
+                    return false;
+                }
+                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 d = parseInt(a.getPropertyValue("border-bottom-width"), 10);
+                var f = o.scrollHeight + c + 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.
+                                if (f === undefined || isNaN(f)) {
+                    return false;
+                }
+                /* eslint-enable no-restricted-globals */                if (t >= n) {
+                    var p = t * l + u + s + c + d;
+                    f = Math.min(p, f);
+                }
+                var v = n * l + u + s + c + d;
+                f = Math.max(v, f);
+                if (r !== f) {
+                    return f;
+                }
             }
+            return false;
         }
-        return false;
-    }
-    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-    /**
+        // CONCATENATED MODULE: external "styled-components"
+        const m = require("styled-components");
+        var g =  t.n(m);
+        // CONCATENATED MODULE: external "@splunk/themes"
+        const h = 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;
+        // 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({
+            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) {
+            var r = e.$error;
+            return r && (0, m.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], h.variables.interactiveColorAccentError, h.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;" ]);
+        }), (function(e) {
+            var r = e.$prepend;
+            return r && (0, m.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);
+        }), 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({
+            displayName: "TextAreaStyles__StyledTextAreaAndShadowWrapper",
+            componentId: "gfy8yp-1"
+        })([ "", ";position:relative;overflow:hidden;flex-grow:1;" ], h.mixins.reset("inline-flex"));
+        var I = g().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({
+            displayName: "TextAreaStyles__StyledTextAreaShadow",
+            componentId: "gfy8yp-3"
+        })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;" ]);
+        var P = g().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) {
+            var r = e.$disabled;
+            return r && (0, m.css)([ "cursor:not-allowed;color:", ";" ], h.variables.contentColorDisabled);
+        }));
+        // EXTERNAL MODULE: ./src/useControlled/index.ts + 1 modules
+                var E = t(2907);
+        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+        /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
  *
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function ae(e, r) {
-        if (e) {
-            if (typeof e === "function") {
-                e(r);
-            } else {
-                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = r;
+        function T(e, r) {
+            if (e) {
+                if (typeof e === "function") {
+                    e(r);
+                } else {
+                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                    // the intention here is to signal "we will take care of setting 'current', not you".
+                    e.current = r;
  // eslint-disable-line no-param-reassign
-                        }
+                                }
+            }
         }
-    }
-    // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
-    function oe(e) {
-        "@babel/helpers - typeof";
-        return oe = "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;
-        }, oe(e);
-    }
-    function ie() {
-        return ie = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+        // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
+        function B(e) {
+            "@babel/helpers - typeof";
+            return B = "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);
+        }
+        function M() {
+            return M = Object.assign ? Object.assign.bind() : function(e) {
+                for (var r = 1; r < arguments.length; r++) {
+                    var t = arguments[r];
+                    for (var n in t) {
+                        ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+                    }
                 }
-            }
-            return e;
-        }, ie.apply(null, arguments);
-    }
-    function le(e) {
-        return pe(e) || de(e) || ce(e) || se();
-    }
-    function se() {
-        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 ce(e, r) {
-        if (e) {
-            if ("string" == typeof e) return ue(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) ? ue(e, r) : void 0;
+                return e;
+            }, M.apply(null, arguments);
         }
-    }
-    function de(e) {
-        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-    }
-    function pe(e) {
-        if (Array.isArray(e)) return ue(e);
-    }
-    function ue(e, r) {
-        (null == r || r > e.length) && (r = e.length);
-        for (var t = 0, n = Array(r); t < r; t++) {
-            n[t] = e[t];
+        function N(e) {
+            return _(e) || D(e) || H(e) || q();
         }
-        return n;
-    }
-    function fe(e, r) {
-        var t = Object.keys(e);
-        if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            r && (n = n.filter((function(r) {
-                return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }))), t.push.apply(t, n);
+        function q() {
+            throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        return t;
-    }
-    function ve(e) {
-        for (var r = 1; r < arguments.length; r++) {
-            var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? fe(Object(t), !0).forEach((function(r) {
-                Ie(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : fe(Object(t)).forEach((function(r) {
-                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-            }));
+        function D(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);
         }
-        return e;
-    }
-    function he(e, r) {
-        if (null == e) return {};
-        var t, n, a = be(e, r);
-        if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+        function R(e, r) {
+            var t = Object.keys(e);
+            if (Object.getOwnPropertySymbols) {
+                var n = Object.getOwnPropertySymbols(e);
+                r && (n = n.filter((function(r) {
+                    return Object.getOwnPropertyDescriptor(e, r).enumerable;
+                }))), t.push.apply(t, n);
             }
+            return t;
         }
-        return a;
-    }
-    function be(e, r) {
-        if (null == e) return {};
-        var t = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
-                t[n] = e[n];
+        function $(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) {
+                    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, {
+                value: t,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0
+            }) : e[r] = t, e;
         }
-        return t;
-    }
-    function me(e, r) {
-        if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
-    }
-    function ye(e, r) {
-        for (var t = 0; t < r.length; t++) {
-            var n = r[t];
-            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, je(n.key), n);
+        function V(e) {
+            var r = z(e, "string");
+            return "symbol" == B(r) ? r : r + "";
         }
-    }
-    function ge(e, r, t) {
-        return r && ye(e.prototype, r), t && ye(e, t), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function xe(e, r) {
-        if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(r && r.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+        function z(e, r) {
+            if ("object" != B(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;
+                throw new TypeError("@@toPrimitive must return a primitive value.");
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), r && we(e, r);
-    }
-    function we(e, r) {
-        return we = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
-            return e.__proto__ = r, e;
-        }, we(e, r);
-    }
-    function Ce(e) {
-        var r = Ae();
-        return function() {
-            var t, n = Oe(e);
-            if (r) {
-                var a = Oe(this).constructor;
-                t = Reflect.construct(n, arguments, a);
-            } else t = n.apply(this, arguments);
-            return ke(this, t);
-        };
-    }
-    function ke(e, r) {
-        if (r && ("object" == oe(r) || "function" == typeof r)) return r;
-        if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
-        return Se(e);
-    }
-    function Se(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function Ae() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (Ae = function r() {
-            return !!e;
-        })();
-    }
-    function Oe(e) {
-        return Oe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, Oe(e);
-    }
-    function Ie(e, r, t) {
-        return (r = je(r)) in e ? Object.defineProperty(e, r, {
-            value: t,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[r] = t, e;
-    }
-    function je(e) {
-        var r = Ee(e, "string");
-        return "symbol" == oe(r) ? r : r + "";
-    }
-    function Ee(e, r) {
-        if ("object" != oe(e) || !e) return e;
-        var t = e[Symbol.toPrimitive];
-        if (void 0 !== t) {
-            var n = t.call(e, r || "default");
-            if ("object" != oe(n)) return n;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+            return ("string" === r ? String : Number)(e);
         }
-        return ("string" === r ? String : Number)(e);
-    }
-    /** @public */
-    /** @public */
-    /** @public */    var Pe = {
-        appearance: o().oneOf([ "default", "search" ]),
-        append: o().bool,
-        autoCapitalize: o().string,
-        autoComplete: o().string,
-        autoCorrect: o().string,
-        autoFocus: o().bool,
-        canClear: o().bool,
-        children: o().node,
-        /** @private. */
-        classNamePrivate: o().string,
-        defaultValue: o().string,
-        describedBy: o().string,
-        disabled: o().bool,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        endAdornment: o().node,
-        error: o().bool,
-        inline: o().bool,
-        /** @private. */
-        inputClassName: o().string,
-        inputId: o().string,
-        inputRef: o().oneOfType([ o().func, o().object ]),
-        labelledBy: o().string,
-        maxLength: o().number,
-        name: o().string,
-        onBlur: o().func,
-        onChange: o().func,
-        onFocus: o().func,
-        onKeyDown: o().func,
-        onSelect: o().func,
-        onInputClick: o().func,
-        placeholder: o().string,
-        prepend: o().bool,
-        /** @private. */
-        required: o().bool,
-        rowsMax: o().number,
-        rowsMin: o().number,
-        spellCheck: o().bool,
-        tabIndex: o().number,
-        startAdornment: o().node,
-        /** @private */
-        splunkTheme: o().object,
-        value: o().string
-    };
-    var Te = {
-        appearance: "default",
-        append: false,
-        autoFocus: false,
-        canClear: false,
-        disabled: false,
-        error: false,
-        inline: false,
-        placeholder: "",
-        prepend: false,
-        rowsMax: 8,
-        rowsMin: 2,
-        tabIndex: 0
-    };
-    var Me = function e(r) {
-        var t = r ? r.getBoundingClientRect() : undefined;
-        var n = t && Math.round(t.width);
-        return n;
-    };
-    /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    var $e =  function(e) {
-        xe(t, e);
-        var r = Ce(t);
-        ge(t, null, [ {
-            key: "validateRows",
-            // @docs-props-type TextAreaPropsBase
-            value: function e(r) {
-                var t = r.rowsMin, n = r.rowsMax;
-                if (false) {}
+        function L(e, r) {
+            return G(e) || W(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);
+                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;
             }
-        } ]);
-        function t(e) {
-            var a;
-            me(this, t);
-            a = r.call(this, e);
-            Ie(Se(a), "controlledExternally", void 0);
-            Ie(Se(a), "input", null);
-            Ie(Se(a), "shadow", null);
-            Ie(Se(a), "startAdornment", null);
-            Ie(Se(a), "endAdornment", null);
-            Ie(Se(a), "getAdornmentWidth", (function() {
-                var e = Me(a.startAdornment);
-                if (a.state.startAdornmentWidth !== e) {
-                    a.setState({
-                        startAdornmentWidth: e
-                    });
+        }
+        function U(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) {
+            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;
+                try {
+                    if (a = (t = t.call(e)).next, 0 === r) {
+                        if (Object(t) !== t) return;
+                        u = !1;
+                    } else for (;!(u = (n = a.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
+                    }
+                } catch (e) {
+                    s = !0, o = e;
+                } finally {
+                    try {
+                        if (!u && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
+                    } finally {
+                        if (s) throw o;
+                    }
                 }
-                var r = Me(a.endAdornment);
-                if (a.state.endAdornmentWidth !== r) {
-                    a.setState({
-                        endAdornmentWidth: r
-                    });
+                return l;
+            }
+        }
+        function G(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function J(e, r) {
+            if (null == e) return {};
+            var t, n, o = Q(e, r);
+            if (Object.getOwnPropertySymbols) {
+                var a = Object.getOwnPropertySymbols(e);
+                for (n = 0; n < a.length; n++) {
+                    t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
                 }
-            }));
-            Ie(Se(a), "handleResize", (function() {
-                a.syncHeightWithShadow();
-            }));
-            Ie(Se(a), "handleInputMount", (function(e) {
-                a.input = e;
-                ae(a.props.inputRef, e);
-            }));
-            Ie(Se(a), "handleShadowMount", (function(e) {
-                a.shadow = e;
-            }));
-            Ie(Se(a), "handleInputChange", (function(e) {
-                var r, t;
-                var n = e.target.value;
-                var o = a.props.name;
-                if (!a.isControlled()) {
-                    a.setState({
-                        value: n
-                    });
+            }
+            return o;
+        }
+        function Q(e, r) {
+            if (null == e) return {};
+            var t = {};
+            for (var n in e) {
+                if ({}.hasOwnProperty.call(e, n)) {
+                    if (r.includes(n)) continue;
+                    t[n] = e[n];
                 }
-                (r = (t = a.props).onChange) === null || r === void 0 ? void 0 : r.call(t, e, {
-                    value: n,
-                    name: o
-                });
-            }));
-            Ie(Se(a), "handleInputKeyDown", (function(e) {
-                var r, t;
-                (r = (t = a.props).onKeyDown) === null || r === void 0 ? void 0 : r.call(t, e);
-            }));
-            Ie(Se(a), "handleInputSelect", (function(e) {
-                var r, t;
-                (r = (t = a.props).onSelect) === null || r === void 0 ? void 0 : r.call(t, e);
-            }));
-            Ie(Se(a), "handleInputClick", (function(e) {
-                var r, t;
-                (r = (t = a.props).onInputClick) === null || r === void 0 ? void 0 : r.call(t, e);
-            }));
-            Ie(Se(a), "handleInputFocus", (function(e) {
-                var r, t;
-                var n = e.target.value;
-                var o = a.props.name;
-                (r = (t = a.props).onFocus) === null || r === void 0 ? void 0 : r.call(t, e, {
-                    value: n,
-                    name: o
+            }
+            return t;
+        }
+        /** @public */
+        /** @public */
+        /** @public */        var X = {
+            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,
+            /** @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,
+            /** @private. */
+            required: a().bool,
+            rowsMax: a().number,
+            rowsMin: a().number,
+            spellCheck: a().bool,
+            tabIndex: a().number,
+            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" ]);
+            // @docs-props-type TextAreaPropsBase
+                        (0, e.useEffect)((function() {
+                if (false) {}
+            }), [ ne, ae ]);
+            var fe = (0, E["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 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) {
+                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 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, {
+                    value: r,
+                    name: z
                 });
-            }));
-            Ie(Se(a), "handleInputBlur", (function(e) {
-                var r, t;
-                var n = e.target.value;
-                var o = a.props.name;
-                (r = (t = a.props).onBlur) === null || r === void 0 ? void 0 : r.call(t, e, {
-                    value: n,
-                    name: o
+            }), [ z, U ]);
+            var Pe = (0, e.useCallback)((function(e) {
+                var r = e.target.value;
+                K === null || K === void 0 ? void 0 : K(e, {
+                    value: r,
+                    name: z
                 });
-            }));
-            Ie(Se(a), "handleClear", (function(e) {
-                var r, t;
-                e.preventDefault();
-                var n = "";
-                var o = a.props.name;
-                if (!a.isControlled()) {
-                    a.setState({
-                        value: n
-                    });
+            }), [ z, K ]);
+            var Ee = (0, e.useCallback)((function(e) {
+                var r = e.target.value;
+                if (!fe) {
+                    ye(r);
                 }
-                a.focus();
-                (r = (t = a.props).onChange) === null || r === void 0 ? void 0 : r.call(t, e, {
-                    value: n,
-                    name: o
+                H === null || H === void 0 ? void 0 : H(e, {
+                    value: r,
+                    name: z
                 });
-            }));
-            Ie(Se(a), "syncHeightWithShadow", (function() {
-                var e = ne({
-                    height: a.state.height,
-                    rowsMax: a.props.rowsMax,
-                    rowsMin: a.props.rowsMin,
-                    shadow: a.shadow
+            }), [ H, ye, fe, z ]);
+            var Te = (0, e.useCallback)((function() {
+                var e = y({
+                    height: he,
+                    rowsMax: ae,
+                    rowsMin: ne,
+                    shadow: Ce.current
                 });
                 if (e !== false) {
-                    a.setState({
-                        height: e
-                    });
-                }
-            }));
-            Ie(Se(a), "renderAdornment", (function(e, r) {
-                var t = a.props.disabled;
-                var o = r === "start" ? function(e) {
-                    a.startAdornment = e;
-                } : function(e) {
-                    a.endAdornment = e;
-                };
-                var i = {
-                    ref: o,
-                    disabled: t,
-                    $position: r
-                };
-                
-                return n().createElement(X, i, e);
-            }));
-            Ie(Se(a), "renderEndAdornment", (function() {
-                var e;
-                var r = a.props, t = r.appearance, o = r.endAdornment, i = r.disabled, l = r.canClear, s = r.splunkTheme;
-                var c = s.isPrisma, d = s.isEnterprise;
-                if (o) {
-                    return a.renderAdornment(o, "end");
-                }
-                var p = a.context;
-                var u = (e = p.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-                var f = u ? (0, S._)("Clear ".concat(u, " text field")) : (0, S._)("Clear text field");
-                if (d && t === "search") {
-                    /* Both icons are rendered, and StyledBox toggles visibility based on :focus-within */
-                    return a.renderAdornment( n().createElement(n().Fragment, null,  n().createElement(Q, {
-                        "aria-label": f,
-                        onClick: a.handleClear
-                    }),  n().createElement(D, {
-                        $disabled: i
-                    },  n().createElement(te, null))), "end");
-                }
-                var v = !!a.getDisplayValue();
-                if (v && (c && t === "search" || l)) {
-                    return a.renderAdornment(!i &&  n().createElement(Q, {
-                        "aria-label": f,
-                        onClick: a.handleClear
-                    }), "end");
-                }
-                return undefined;
-            }));
-            Ie(Se(a), "renderStartAdornment", (function() {
-                var e = a.props, r = e.appearance, t = e.startAdornment, o = e.splunkTheme, i = e.disabled;
-                var l = o.isPrisma;
-                if (t) {
-                    return a.renderAdornment(t, "start");
-                }
-                if (l && r === "search") {
-                    return a.renderAdornment( n().createElement(D, {
-                        $disabled: i
-                    },  n().createElement(te, null)), "start");
+                    xe(e);
                 }
-                return undefined;
-            }));
-            Ie(Se(a), "getDisplayValue", (function() {
-                var e = a.isControlled() ? a.props.value : a.state.value;
-                return e;
+            }), [ xe, Ce, ae, ne, he ]);
+            var Be = (0, e.useMemo)((function() {
+                return p()(Te, 100);
+            }), [ Te ]);
+            (0, e.useLayoutEffect)((function() {
+                Te();
             }));
-            a.controlledExternally = c()(e, "value");
-            a.state = {
-                value: e.defaultValue || ""
+            var Me = $($({}, d()(de, (function(e, r) {
+                return r === "role" || r.indexOf("aria-") === 0;
+            }))), {}, {
+                "aria-describedby": h,
+                "aria-labelledby": F,
+                "aria-invalid": S || undefined
+            });
+            var Ne = s()(de, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(N(l()(Me))));
+            var qe = {
+                $append: o || undefined,
+                $error: S,
+                $prepend: ee || undefined
             };
-            if (false) {}
-            if (false) {}
-            if (false) {}
-            t.validateRows(e);
-            a.handleResize = g()(a.handleResize, 100);
-            return a;
+            var De = $($({}, Me), {}, {
+                "data-test": "textbox",
+                autoCapitalize: a,
+                autoComplete: i,
+                autoCorrect: u,
+                autoFocus: f,
+                className: D,
+                disabled: g,
+                id: _,
+                maxLength: V,
+                name: z,
+                onBlur: Pe,
+                onChange: Ee,
+                onFocus: ke,
+                onKeyDown: je,
+                onSelect: Ae,
+                onClick: Ie,
+                placeholder: X,
+                // support HTML attribute
+                ref: Oe,
+                required: re,
+                spellCheck: ie,
+                style: {
+                    height: he
+                },
+                tabIndex: se,
+                value: Se,
+                $error: S
+            });
+            
+            return r().createElement(r().Fragment, null,  r().createElement(j, M({
+                tabIndex: -1,
+                "data-test": "text-area",
+                "data-test-value": Se,
+                elementRef: w,
+                flex: true,
+                inline: q,
+                disabled: g
+            }, Ne, qe), le &&  r().createElement(P, {
+                $disabled: !!g
+            }, le),  r().createElement(A, null,  r().createElement(k, {
+                "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
+            }, O)),  r().createElement(b(), {
+                target: window,
+                eventType: "resize",
+                listener: Be
+            }));
         }
-        ge(t, [ {
-            key: "componentDidMount",
-            value: function e() {
-                l()(this.syncHeightWithShadow);
- // wait for styles to load
-                                this.getAdornmentWidth();
-            }
-        }, {
-            key: "componentDidUpdate",
-            value: function e(r) {
-                if (false) {}
-                if (false) {}
-                this.syncHeightWithShadow();
-                t.validateRows(this.props);
-                this.getAdornmentWidth();
-            }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
-            }
-        }, {
-            key: "blur",
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e() {
-                var r;
-                (r = this.input) === null || r === void 0 ? void 0 : r.blur();
-            }
-            /**
-     * Place focus on the input.
-     */        }, {
-            key: "focus",
-            value: function e() {
-                var r;
-                (r = this.input) === null || r === void 0 ? void 0 : r.focus();
-            }
- // eslint-disable-next-line react/no-unused-class-component-methods
-                }, {
-            key: "select",
-            value: function e() {
-                var r;
-                (r = this.input) === null || r === void 0 ? void 0 : r.select();
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var r = this.props, t = r.append, a = r.autoCapitalize, o = r.autoComplete, i = r.autoCorrect, l = r.autoFocus, s = r.children, c = r.className, d = r.classNamePrivate, u = r.disabled, v = r.describedBy, b = r.elementRef, y = r.error, g = r.inline, x = r.inputClassName, w = r.inputId, k = r.labelledBy, S = r.maxLength, O = r.name, I = r.placeholder, j = r.prepend, E = r.required, P = r.rowsMin, T = r.spellCheck, M = r.tabIndex, $ = r.title, _ = he(r, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "rowsMin", "spellCheck", "tabIndex", "title" ]);
-                var W = ve(ve({}, m()(_, (function(e, r) {
-                    return r === "role" || r.indexOf("aria-") === 0;
-                }))), {}, {
-                    "aria-describedby": v,
-                    "aria-labelledby": k,
-                    "aria-invalid": y || undefined
-                });
-                var q = h()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(le(p()(W))));
-                var D = this.getDisplayValue();
-                var N = {
-                    className: (0, A.toClassName)(c, x),
-                    $append: t || undefined,
-                    $error: y,
-                    $prepend: j || undefined
-                };
-                var R = ve(ve({}, W), {}, {
-                    "data-test": "textbox",
-                    autoCapitalize: a,
-                    autoComplete: o,
-                    autoCorrect: i,
-                    autoFocus: l,
-                    disabled: u,
-                    id: w,
-                    maxLength: S,
-                    placeholder: I,
-                    name: O,
-                    onChange: this.handleInputChange,
-                    onKeyDown: this.handleInputKeyDown,
-                    onSelect: this.handleInputSelect,
-                    onClick: this.handleInputClick,
-                    onFocus: this.handleInputFocus,
-                    onBlur: this.handleInputBlur,
-                    ref: this.handleInputMount,
-                    required: E,
-                    spellCheck: T,
-                    style: {
-                        height: this.state.height
-                    },
-                    tabIndex: M,
-                    title: $,
-                    value: D,
-                    $error: y
-                });
-                var z = this.renderStartAdornment();
-                var K = this.renderEndAdornment();
-                var L = !!z;
-                var G = !!K;
-                
-                return n().createElement(B, ie({
-                    tabIndex: -1,
-                    className: (0, A.toClassName)(c, d),
-                    "data-test": "text-area",
-                    "data-test-value": D,
-                    elementRef: b,
-                    flex: true,
-                    inline: g
-                }, q), z,  n().createElement(F, ie({
-                    $hasEndAdornment: G,
-                    $hasStartAdornment: L,
-                    disabled: u
-                }, N), L &&  n().createElement(U, {
-                    $width: this.state.startAdornmentWidth
-                }),  n().createElement(V, {
-                    "aria-hidden": "true",
-                    onChange: f(),
-                    $startAdornmentWidth: this.state.startAdornmentWidth,
-                    $endAdornmentWidth: this.state.endAdornmentWidth,
-                    tabIndex: -1,
-                    rows: this.props.rowsMin,
-                    ref: this.handleShadowMount,
-                    value: I && !D ? I : D
-                }),  n().createElement(H, ie({
-                    $rowsMin: P
-                }, R, {
-                    onClick: this.handleInputClick
-                })),  n().createElement(C(), {
-                    target: window,
-                    eventType: "resize",
-                    listener: this.handleResize
-                }), s, G &&  n().createElement(U, {
-                    $width: this.state.endAdornmentWidth
-                })), K);
-            }
-        } ]);
-        return t;
-    }(t.Component);
-    Ie($e, "propTypes", Pe);
-    Ie($e, "defaultProps", Te);
-    Ie($e, "componentType", "TextArea");
-    Ie($e, "contextType", x.ControlGroupContext);
-    var _e = (0, k.withSplunkTheme)($e);
-    var We = _e;
-    We.propTypes = $e.propTypes;
-    We.componentType = $e.componentType;
-    /* harmony default export */    const qe = We;
-    // only for styled components using TextArea
-        // CONCATENATED MODULE: ./src/TextArea/index.ts
-    module.exports = r;
+        Z.propTypes = X;
+        Z.componentType = "TextArea";
+        /* harmony default export */        const ee = Z;
+        // only for styled components using TextArea
+        }) // CONCATENATED MODULE: ./src/TextArea/index.ts
+    ();
+    module.exports = n;
     /******/})();