@splunk/react-ui 4.11.0 → 4.12.0

package/TextArea.js

@@ -0,0 +1,1444 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("prop-types");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * 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 updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } 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".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
+
+
+/***/ }),
+
+/***/ 145:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_TextArea_TextArea; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+
+// EXTERNAL MODULE: external "prop-types"
+var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+
+// EXTERNAL MODULE: external "lodash"
+var external_lodash_ = __webpack_require__(4);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/style"
+var style_ = __webpack_require__(31);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(15);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
+
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
+var ControlGroup_ = __webpack_require__(78);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(5);
+
+// EXTERNAL MODULE: ./src/icons/Search.tsx
+var Search = __webpack_require__(34);
+
+// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
+var CrossMark = __webpack_require__(19);
+
+// 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 syncHeightWithShadow(_ref) {
+  var height = _ref.height,
+      rowsMax = _ref.rowsMax,
+      rowsMin = _ref.rowsMin,
+      shadow = _ref.shadow;
+
+  if (shadow) {
+    var style = window.getComputedStyle(shadow);
+    var lineHeightValue = style.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 (lineHeightValue === 'inherit' || lineHeightValue === 'normal') {
+      return false;
+    }
+
+    var lineHeight = parseInt(lineHeightValue, 10);
+    var paddingTop = parseInt(style.getPropertyValue('padding-top'), 10);
+    var paddingBottom = parseInt(style.getPropertyValue('padding-bottom'), 10);
+    var borderTop = parseInt(style.getPropertyValue('border-top-width'), 10);
+    var borderBottom = parseInt(style.getPropertyValue('border-bottom-width'), 10);
+    var newHeight = shadow.scrollHeight + borderTop + borderBottom;
+    /* 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 (newHeight === undefined || isNaN(newHeight)) {
+      return false;
+    }
+    /* eslint-enable no-restricted-globals */
+
+
+    if (rowsMax >= rowsMin) {
+      var maxHeight = rowsMax * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom + 1; // need one extra.
+
+      newHeight = Math.min(maxHeight, newHeight);
+    }
+
+    var minHeight = rowsMin * lineHeight + paddingTop + paddingBottom + borderTop + borderBottom + 1; // need one extra.
+
+    newHeight = Math.max(minHeight, newHeight);
+
+    if (height !== newHeight) {
+      return newHeight;
+    }
+  }
+
+  return false;
+}
+// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
+var updateReactRef = __webpack_require__(11);
+
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(3);
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Box"
+var Box_ = __webpack_require__(8);
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Button"
+var Button_ = __webpack_require__(16);
+var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
+
+// CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
+
+
+
+
+var disabledStyles = Object(external_styled_components_["css"])(["cursor:not-allowed;color:", ";&::placeholder{color:", ";}"], Object(themes_["pick"])({
+  enterprise: themes_["variables"].textDisabledColor,
+  prisma: themes_["variables"].contentColorDisabled
+}), Object(themes_["pick"])({
+  enterprise: themes_["variables"].textDisabledColor,
+  prisma: themes_["variables"].contentColorDisabled
+}));
+var buttonStyles = Object(external_styled_components_["css"])(["border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}"], Object(themes_["pick"])({
+  enterprise: themes_["variables"].borderRadius,
+  prisma: '50%'
+}), Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["width:", ";height:", ";"], themes_["variables"].inputHeight, themes_["variables"].inputHeight),
+  prisma: {
+    comfortable: Object(external_styled_components_["css"])(["width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;"]),
+    compact: Object(external_styled_components_["css"])(["width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;"])
+  }
+}), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorDefault
+}));
+var StyledClearButton = external_styled_components_default()(Button_default.a).withConfig({
+  displayName: "TextAreaStyles__StyledClearButton",
+  componentId: "gfy8yp-0"
+})(["display:none;visibility:hidden;", ""], buttonStyles);
+var StyledSearchIconWrapper = external_styled_components_default.a.span.withConfig({
+  displayName: "TextAreaStyles__StyledSearchIconWrapper",
+  componentId: "gfy8yp-1"
+})(["", ";color:", ";pointer-events:none;padding:", ";&[disabled]{", ";}"], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
+}), Object(themes_["pick"])({
+  comfortable: '0 8px',
+  compact: '0 6px'
+}), Object(themes_["pick"])({
+  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
+}));
+var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
+  displayName: "TextAreaStyles__StyledBox",
+  componentId: "gfy8yp-2"
+})(["display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}"], Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingHalf,
+  prisma: themes_["variables"].spacingSmall
+}),
+/* sc-sel */
+StyledSearchIconWrapper, Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["display:none;"])
+}),
+/* sc-sel */
+StyledClearButton);
+var StyledTextAreaWrapper = external_styled_components_default.a.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);padding:", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", ""], themes_["mixins"].reset('inline-flex'), themes_["variables"].inputHeight, Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].gray20
+  },
+  prisma: themes_["variables"].interactiveColorBorder
+}), themes_["variables"].borderRadius, Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].white,
+    dark: themes_["variables"].gray22
+  },
+  prisma: themes_["variables"].transparent
+}), Object(themes_["pick"])({
+  enterprise: '0px 10px',
+  prisma: '0px 12px'
+}), function (_ref) {
+  var $hasEndAdornment = _ref.$hasEndAdornment;
+  return $hasEndAdornment && Object(external_styled_components_["css"])(["padding-right:0;"]);
+}, function (_ref2) {
+  var $hasStartAdornment = _ref2.$hasStartAdornment;
+  return $hasStartAdornment && Object(external_styled_components_["css"])(["padding-left:0;"]);
+}, Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].gray20
+  },
+  prisma: themes_["variables"].interactiveColorBorderHover
+}), Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
+  prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
+}), function (_ref3) {
+  var $error = _ref3.$error;
+  return $error && Object(external_styled_components_["css"])(["&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}"], Object(themes_["pick"])({
+    enterprise: themes_["variables"].errorColor,
+    prisma: themes_["variables"].accentColorNegative
+  }), Object(themes_["pick"])({
+    enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
+    prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
+  }));
+}, function (_ref4) {
+  var $append = _ref4.$append;
+  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
+}, function (_ref5) {
+  var $prepend = _ref5.$prepend;
+  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+}, function (_ref6) {
+  var disabled = _ref6.disabled;
+  return disabled && Object(external_styled_components_["css"])(["", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);"], Object(themes_["pick"])({
+    enterprise: {
+      light: Object(external_styled_components_["css"])(["background-color:", ";border-color:", ";"], themes_["variables"].gray96, themes_["variables"].gray92),
+      dark: Object(external_styled_components_["css"])(["background-color:", ";border-color:", ";"], themes_["variables"].gray22, themes_["variables"].gray30)
+    },
+    prisma: Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].interactiveColorBorderDisabled)
+  }));
+});
+var StyledTextArea = external_styled_components_default.a.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;}", " ", ""], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
+  enterprise: themes_["variables"].textColor,
+  prisma: themes_["variables"].contentColorActive
+}), themes_["variables"].sansFontFamily, Object(themes_["pick"])({
+  enterprise: {
+    comfortable: themes_["variables"].spacingQuarter,
+    compact: '3px'
+  },
+  prisma: {
+    comfortable: themes_["variables"].spacingSmall,
+    compact: '5px'
+  }
+}), Object(themes_["pick"])({
+  enterprise: {
+    comfortable: themes_["variables"].spacingQuarter,
+    compact: '3px'
+  },
+  prisma: {
+    comfortable: themes_["variables"].spacingSmall,
+    compact: '5px'
+  }
+}), Object(themes_["pick"])({
+  enterprise: '10px',
+  prisma: '14px'
+}), themes_["variables"].contentColorMuted, function (_ref7) {
+  var $error = _ref7.$error;
+  return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], Object(themes_["pick"])({
+    enterprise: {
+      light: themes_["variables"].errorColorD10,
+      dark: themes_["variables"].errorColorL20
+    },
+    prisma: themes_["variables"].contentColorActive
+  }));
+}, function (_ref8) {
+  var disabled = _ref8.disabled;
+  return disabled && disabledStyles;
+});
+var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
+  displayName: "TextAreaStyles__StyledVisibilityToggle",
+  componentId: "gfy8yp-5"
+})(["", ""], buttonStyles);
+var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
+  displayName: "TextAreaStyles__StyledPlaceholder",
+  componentId: "gfy8yp-6"
+})(["pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", ""], Object(themes_["pick"])({
+  enterprise: themes_["variables"].textGray,
+  prisma: themes_["variables"].contentColorMuted
+}), themes_["variables"].lineHeight, Object(themes_["pick"])({
+  enterprise: '10px',
+  prisma: '14px'
+}), function (_ref9) {
+  var $hasStartAdornment = _ref9.$hasStartAdornment,
+      $startAdornmentWidth = _ref9.$startAdornmentWidth;
+  return $hasStartAdornment && ($startAdornmentWidth ? Object(external_styled_components_["css"])(["margin-left:", "px;"], $startAdornmentWidth) : Object(external_styled_components_["css"])(["margin-left:", ";"], Object(themes_["pick"])({
+    enterprise: {
+      comfortable: '30px',
+      compact: '26px'
+    },
+    prisma: {
+      comfortable: '38px',
+      compact: '30px'
+    }
+  })));
+}, function (_ref10) {
+  var $hasEndAdornment = _ref10.$hasEndAdornment,
+      $endAdornmentWidth = _ref10.$endAdornmentWidth;
+  return $hasEndAdornment && ($endAdornmentWidth // calc(100% - padding - adorment width)
+  ? Object(external_styled_components_["css"])(["max-width:calc( 100% - ", " - ", "px );"], Object(themes_["pick"])({
+    enterprise: '10px',
+    prisma: '14px'
+  }), $endAdornmentWidth) : Object(external_styled_components_["css"])(["max-width:calc( 100% - ", " - ", " );"], Object(themes_["pick"])({
+    enterprise: '10px',
+    prisma: '14px'
+  }), Object(themes_["pick"])({
+    enterprise: {
+      comfortable: '30px',
+      compact: '26px'
+    },
+    prisma: {
+      comfortable: '38px',
+      compact: '30px'
+    }
+  })));
+}, function (_ref11) {
+  var $hasBothAdornment = _ref11.$hasBothAdornment,
+      $endAdornmentWidth = _ref11.$endAdornmentWidth,
+      $startAdornmentWidth = _ref11.$startAdornmentWidth;
+  return $hasBothAdornment && Object(external_styled_components_["css"])(["max-width:calc(100% - ", "px - ", "px);"], $startAdornmentWidth, $endAdornmentWidth);
+});
+var adornmentHolder = Object(external_styled_components_["css"])(["display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;"], Object(themes_["pick"])({
+  enterprise: {
+    comfortable: '30px',
+    compact: '26px'
+  },
+  prisma: {
+    comfortable: '38px',
+    compact: '30px'
+  }
+}));
+var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
+  displayName: "TextAreaStyles__StyledStartAdornmentHolder",
+  componentId: "gfy8yp-7"
+})(["", " ", ";"], adornmentHolder, function (_ref12) {
+  var $width = _ref12.$width;
+  return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
+    enterprise: {
+      comfortable: '30px',
+      compact: '26px'
+    },
+    prisma: {
+      comfortable: '38px',
+      compact: '30px'
+    }
+  }));
+});
+var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
+  displayName: "TextAreaStyles__StyledEndAdornmentHolder",
+  componentId: "gfy8yp-8"
+})(["", " ", ";"], adornmentHolder, function (_ref13) {
+  var $width = _ref13.$width;
+  return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
+    enterprise: {
+      comfortable: '30px',
+      compact: '26px'
+    },
+    prisma: {
+      comfortable: '38px',
+      compact: '30px'
+    }
+  }));
+});
+var StyledAdornment = external_styled_components_default.a.div.withConfig({
+  displayName: "TextAreaStyles__StyledAdornment",
+  componentId: "gfy8yp-9"
+})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";", ";", ";", ""], Object(themes_["pick"])({
+  enterprise: {
+    comfortable: '30px',
+    compact: '26px'
+  },
+  prisma: {
+    comfortable: '38px',
+    compact: '30px'
+  }
+}), function (_ref14) {
+  var $position = _ref14.$position;
+  return $position === 'start' ? Object(external_styled_components_["css"])(["top:1px;left:1px;"]) : Object(external_styled_components_["css"])(["top:1px;right:1px;"]);
+}, function (_ref15) {
+  var disabled = _ref15.disabled;
+  return disabled && disabledStyles;
+}, Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
+}));
+
+// CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/** @public */
+
+var propTypes = {
+  appearance: external_prop_types_default.a.oneOf(['default', 'search']),
+  append: external_prop_types_default.a.bool,
+  autoCapitalize: external_prop_types_default.a.string,
+  autoComplete: external_prop_types_default.a.string,
+  autoCorrect: external_prop_types_default.a.string,
+  autoFocus: external_prop_types_default.a.bool,
+  canClear: external_prop_types_default.a.bool,
+  children: external_prop_types_default.a.node,
+
+  /** @private. */
+  classNamePrivate: external_prop_types_default.a.string,
+  defaultValue: external_prop_types_default.a.string,
+  describedBy: external_prop_types_default.a.string,
+  disabled: external_prop_types_default.a.bool,
+  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  endAdornment: external_prop_types_default.a.node,
+  error: external_prop_types_default.a.bool,
+  inline: external_prop_types_default.a.bool,
+
+  /** @private. */
+  inputClassName: external_prop_types_default.a.string,
+  inputId: external_prop_types_default.a.string,
+  inputRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  labelledBy: external_prop_types_default.a.string,
+  maxLength: external_prop_types_default.a.number,
+  name: external_prop_types_default.a.string,
+  onBlur: external_prop_types_default.a.func,
+  onChange: external_prop_types_default.a.func,
+  onFocus: external_prop_types_default.a.func,
+  onKeyDown: external_prop_types_default.a.func,
+  onSelect: external_prop_types_default.a.func,
+  onInputClick: external_prop_types_default.a.func,
+  placeholder: external_prop_types_default.a.string,
+  prepend: external_prop_types_default.a.bool,
+  rowsMax: external_prop_types_default.a.number,
+  rowsMin: external_prop_types_default.a.number,
+  spellCheck: external_prop_types_default.a.bool,
+  tabIndex: external_prop_types_default.a.number,
+  startAdornment: external_prop_types_default.a.node,
+
+  /** @private */
+  splunkTheme: external_prop_types_default.a.object,
+  value: external_prop_types_default.a.string
+};
+var defaultProps = {
+  appearance: 'default',
+  append: false,
+  autoFocus: false,
+  canClear: false,
+  disabled: false,
+  error: false,
+  inline: false,
+  placeholder: '',
+  prepend: false,
+  rowsMax: 8,
+  rowsMin: 2,
+  tabIndex: 0
+};
+
+/** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */
+var TextArea_TextArea = /*#__PURE__*/function (_Component) {
+  _inherits(TextArea, _Component);
+
+  var _super = _createSuper(TextArea);
+
+  _createClass(TextArea, null, [{
+    key: "validateRows",
+    // @docs-props-type TextAreaPropsBase
+    value: function validateRows(_ref) {
+      var rowsMin = _ref.rowsMin,
+          rowsMax = _ref.rowsMax;
+
+      if (false) {}
+    }
+  }]);
+
+  function TextArea(props) {
+    var _this;
+
+    _classCallCheck(this, TextArea);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "input", null);
+
+    _defineProperty(_assertThisInitialized(_this), "shadow", null);
+
+    _defineProperty(_assertThisInitialized(_this), "startAdornment", null);
+
+    _defineProperty(_assertThisInitialized(_this), "endAdornment", null);
+
+    _defineProperty(_assertThisInitialized(_this), "getAdornmentWidth", function () {
+      var startIconRect = _this.startAdornment ? _this.startAdornment.getBoundingClientRect() : undefined;
+      var startIconWidth = startIconRect && Math.round(startIconRect.width);
+
+      if (_this.state.startAdornmentWidth !== startIconWidth) {
+        _this.setState({
+          startAdornmentWidth: startIconWidth
+        });
+      }
+
+      var endIconRect = _this.endAdornment ? _this.endAdornment.getBoundingClientRect() : undefined;
+      var endIconWidth = endIconRect && Math.round(endIconRect.width);
+
+      if (_this.state.endAdornmentWidth !== endIconWidth) {
+        _this.setState({
+          endAdornmentWidth: endIconWidth
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
+      _this.syncHeightWithShadow();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputMount", function (el) {
+      _this.input = el;
+      Object(updateReactRef["a" /* updateReactRef */])(_this.props.inputRef, el);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (e) {
+      var _this$props$onChange, _this$props;
+
+      var value = e.target.value;
+      var name = _this.props.name;
+
+      if (!_this.isControlled()) {
+        _this.setState({
+          value: value
+        });
+      }
+
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, {
+        value: value,
+        name: name
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputKeyDown", function (e) {
+      var _this$props$onKeyDown, _this$props2;
+
+      (_this$props$onKeyDown = (_this$props2 = _this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props2, e);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputSelect", function (e) {
+      var _this$props$onSelect, _this$props3;
+
+      (_this$props$onSelect = (_this$props3 = _this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props3, e);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputClick", function (e) {
+      var _this$props$onInputCl, _this$props4;
+
+      (_this$props$onInputCl = (_this$props4 = _this.props).onInputClick) === null || _this$props$onInputCl === void 0 ? void 0 : _this$props$onInputCl.call(_this$props4, e);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputFocus", function (e) {
+      var _this$props$onFocus, _this$props5;
+
+      (_this$props$onFocus = (_this$props5 = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props5, e);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputBlur", function (e) {
+      var _this$props$onBlur, _this$props6;
+
+      (_this$props$onBlur = (_this$props6 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props6, e);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClear", function (e) {
+      var _this$props$onChange2, _this$props7;
+
+      e.preventDefault();
+      var value = '';
+      var name = _this.props.name;
+
+      if (!_this.isControlled()) {
+        _this.setState({
+          value: value
+        });
+      }
+
+      (_this$props$onChange2 = (_this$props7 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props7, e, {
+        value: value,
+        name: name
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "syncHeightWithShadow", function () {
+      var newHeight = syncHeightWithShadow({
+        height: _this.state.height,
+        rowsMax: _this.props.rowsMax,
+        rowsMin: _this.props.rowsMin,
+        shadow: _this.shadow
+      });
+
+      if (newHeight !== false) {
+        _this.setState({
+          height: newHeight
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderEndAdornment", function () {
+      var _controlGroupContext$;
+
+      var _this$props8 = _this.props,
+          appearance = _this$props8.appearance,
+          endAdornment = _this$props8.endAdornment,
+          disabled = _this$props8.disabled,
+          canClear = _this$props8.canClear,
+          splunkTheme = _this$props8.splunkTheme;
+      var isPrisma = splunkTheme.isPrisma;
+      var adornmentProps = {
+        ref: function ref(el) {
+          _this.endAdornment = el;
+        },
+        disabled: disabled,
+        $position: 'end'
+      };
+
+      if (endAdornment) {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, endAdornment);
+      }
+
+      var controlGroupContext = _this.context;
+      var controlGroupLabel = (_controlGroupContext$ = controlGroupContext.labelAttrs) === null || _controlGroupContext$ === void 0 ? void 0 : _controlGroupContext$.text;
+      var clearButtonText = controlGroupLabel ? Object(i18n_["_"])("Clear ".concat(controlGroupLabel, " text field")) : Object(i18n_["_"])('Clear text field');
+
+      if (!isPrisma && appearance === 'search') {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
+          appearance: isPrisma ? 'secondary' : 'pill',
+          "data-test": "clear",
+          inline: false,
+          icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
+            enterpriseSize: 1,
+            screenReaderText: clearButtonText
+          }),
+          onClick: _this.handleClear
+        }), /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
+          $disabled: disabled
+        }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
+          enterpriseSize: "16px",
+          inline: false
+        })));
+      }
+
+      var displayValue = _this.getDisplayValue();
+
+      if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
+          "data-test": "clear",
+          appearance: isPrisma ? 'secondary' : 'pill',
+          onClick: _this.handleClear,
+          icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
+            inline: false,
+            enterpriseSize: 1,
+            screenReaderText: clearButtonText
+          })
+        }));
+      }
+
+      return undefined;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderStartAdornment", function () {
+      var _this$props9 = _this.props,
+          appearance = _this$props9.appearance,
+          startAdornment = _this$props9.startAdornment,
+          splunkTheme = _this$props9.splunkTheme,
+          disabled = _this$props9.disabled;
+      var isPrisma = splunkTheme.isPrisma;
+      var adornmentProps = {
+        ref: function ref(el) {
+          _this.startAdornment = el;
+        },
+        disabled: disabled,
+        $position: 'start'
+      };
+
+      if (startAdornment) {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, startAdornment);
+      }
+
+      if (isPrisma && appearance === 'search') {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
+          $disabled: disabled
+        }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
+          enterpriseSize: "16px",
+          inline: false,
+          screenReaderText: "Search"
+        })));
+      }
+
+      return undefined;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getDisplayValue", function () {
+      var displayValue = _this.isControlled() ? _this.props.value : _this.state.value;
+      return displayValue;
+    });
+
+    _this.controlledExternally = Object(external_lodash_["has"])(props, 'value');
+    _this.state = {
+      value: props.defaultValue || ''
+    };
+
+    if (false) {}
+
+    TextArea.validateRows(props);
+    _this.handleResize = Object(external_lodash_["throttle"])(_this.handleResize, 100);
+    return _this;
+  }
+
+  _createClass(TextArea, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      Object(external_lodash_["defer"])(this.syncHeightWithShadow); // wait for styles to load
+
+      this.getAdornmentWidth();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (false) {}
+
+      if (false) {}
+
+      this.syncHeightWithShadow();
+      TextArea.validateRows(this.props);
+      this.getAdornmentWidth();
+    }
+  }, {
+    key: "isControlled",
+    value: function isControlled() {
+      return this.controlledExternally;
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      var _this$input;
+
+      (_this$input = this.input) === null || _this$input === void 0 ? void 0 : _this$input.blur();
+    }
+    /**
+     * Place focus on the input.
+     */
+
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$input2;
+
+      (_this$input2 = this.input) === null || _this$input2 === void 0 ? void 0 : _this$input2.focus();
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      var _this$input3;
+
+      (_this$input3 = this.input) === null || _this$input3 === void 0 ? void 0 : _this$input3.select();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props10 = this.props,
+          append = _this$props10.append,
+          autoCapitalize = _this$props10.autoCapitalize,
+          autoComplete = _this$props10.autoComplete,
+          autoCorrect = _this$props10.autoCorrect,
+          autoFocus = _this$props10.autoFocus,
+          children = _this$props10.children,
+          className = _this$props10.className,
+          classNamePrivate = _this$props10.classNamePrivate,
+          disabled = _this$props10.disabled,
+          describedBy = _this$props10.describedBy,
+          elementRef = _this$props10.elementRef,
+          error = _this$props10.error,
+          inline = _this$props10.inline,
+          inputClassName = _this$props10.inputClassName,
+          inputId = _this$props10.inputId,
+          labelledBy = _this$props10.labelledBy,
+          maxLength = _this$props10.maxLength,
+          name = _this$props10.name,
+          placeholder = _this$props10.placeholder,
+          prepend = _this$props10.prepend,
+          spellCheck = _this$props10.spellCheck,
+          tabIndex = _this$props10.tabIndex,
+          title = _this$props10.title,
+          value = _this$props10.value,
+          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "spellCheck", "tabIndex", "title", "value"]);
+
+      var ariaProps = _objectSpread(_objectSpread({}, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
+        return key === 'role' || key.indexOf('aria-') === 0;
+      })), {}, {
+        'aria-describedby': describedBy,
+        'aria-labelledby': labelledBy,
+        'aria-invalid': error || undefined,
+        'aria-multiline': true
+      });
+
+      var boxProps = Object(external_lodash_["omit"])(otherProps, ['inputRef', 'onBlur', 'onChange', 'onFocus', 'onKeyDown', 'onSelect', 'onInputClick', 'rowsMax', 'rowsMin'].concat(_toConsumableArray(Object(external_lodash_["keys"])(ariaProps))));
+      var displayValue = this.getDisplayValue();
+      var displayProps = {
+        className: Object(style_["toClassName"])(className, inputClassName),
+        $append: append || undefined,
+        $error: error,
+        $prepend: prepend || undefined
+      };
+
+      var inputProps = _objectSpread(_objectSpread({}, ariaProps), {}, {
+        'data-test': 'textbox',
+        autoCapitalize: autoCapitalize,
+        autoComplete: autoComplete,
+        autoCorrect: autoCorrect,
+        autoFocus: autoFocus,
+        id: inputId,
+        maxLength: maxLength,
+        placeholder: placeholder,
+        name: name,
+        onChange: this.handleInputChange,
+        onKeyDown: this.handleInputKeyDown,
+        onSelect: this.handleInputSelect,
+        onClick: this.handleInputClick,
+        onFocus: this.handleInputFocus,
+        onBlur: this.handleInputBlur,
+        ref: this.handleInputMount,
+        role: 'textbox',
+        spellCheck: spellCheck,
+        style: {
+          height: this.state.height
+        },
+        title: title,
+        tabIndex: tabIndex,
+        value: displayValue,
+        $error: error
+      });
+
+      var hasEndAdornment = !!this.renderEndAdornment();
+      var hasStartAdornment = !!this.renderStartAdornment();
+      return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
+        tabIndex: -1,
+        className: Object(style_["toClassName"])(className, classNamePrivate),
+        "data-test": "text",
+        "data-test-value": displayValue,
+        elementRef: elementRef,
+        flex: true,
+        inline: inline
+      }, boxProps), this.renderStartAdornment(), /*#__PURE__*/external_react_default.a.createElement(StyledTextAreaWrapper, _extends({
+        $hasEndAdornment: hasEndAdornment,
+        $hasStartAdornment: hasStartAdornment,
+        disabled: disabled
+      }, displayProps), hasStartAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledStartAdornmentHolder, {
+        $width: this.state.startAdornmentWidth
+      }), /*#__PURE__*/external_react_default.a.createElement(StyledTextArea, {
+        "aria-hidden": "true",
+        onChange: external_lodash_["noop"],
+        onClick: this.handleInputClick,
+        style: {
+          width: '100%',
+          position: 'absolute',
+          overflow: 'hidden',
+          left: -10000,
+          top: -10000
+        },
+        tabIndex: -1,
+        ref: function ref(el) {
+          _this2.shadow = el;
+        },
+        value: displayValue
+      }), disabled ? /*#__PURE__*/external_react_default.a.createElement(StyledTextArea, _extends({
+        as: "textarea",
+        className: Object(style_["toClassName"])(className, classNamePrivate),
+        "data-multiline": "true",
+        "data-test": "text",
+        disabled: true,
+        readOnly: true,
+        style: {
+          height: this.state.height
+        },
+        value: displayValue,
+        placeholder: placeholder,
+        ref: function ref(el) {
+          _this2.shadow = el;
+        }
+      }, ariaProps)) : /*#__PURE__*/external_react_default.a.createElement(StyledTextArea, _extends({
+        as: "textarea"
+      }, inputProps, {
+        onClick: this.handleInputClick
+      })), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "resize",
+        listener: this.handleResize
+      }), children, hasEndAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledEndAdornmentHolder, {
+        $width: this.state.endAdornmentWidth
+      })), this.renderEndAdornment());
+    }
+  }]);
+
+  return TextArea;
+}(external_react_["Component"]);
+
+_defineProperty(TextArea_TextArea, "propTypes", propTypes);
+
+_defineProperty(TextArea_TextArea, "defaultProps", defaultProps);
+
+_defineProperty(TextArea_TextArea, "componentType", 'TextArea');
+
+_defineProperty(TextArea_TextArea, "contextType", ControlGroup_["ControlGroupContext"]);
+
+var TextAreaWithThemeBase = Object(themes_["withSplunkTheme"])(TextArea_TextArea);
+var TextAreaWithTheme = TextAreaWithThemeBase;
+TextAreaWithTheme.propTypes = TextArea_TextArea.propTypes;
+TextAreaWithTheme.componentType = TextArea_TextArea.componentType;
+/* harmony default export */ var src_TextArea_TextArea = (TextAreaWithTheme);
+// CONCATENATED MODULE: ./src/TextArea/index.ts
+
+
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/EventListener");
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
+/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+function Prisma24(_ref) {
+  var otherProps = _extends({}, _ref);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 24 24"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.2929 17.2929C4.90238 17.6834 4.90238 18.3166 5.2929 18.7071C5.68342 19.0976 6.31659 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289Z",
+    fill: "currentColor"
+  }));
+}
+
+function Prisma16(_ref2) {
+  var otherProps = _extends({}, _ref2);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 16 16"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M12.2024 2.69009C12.5092 2.38325 13.0067 2.38325 13.3136 2.69009C13.6204 2.99693 13.6204 3.49442 13.3136 3.80126L9.11721 7.99762L13.3114 12.1918C13.6206 12.501 13.6206 13.0023 13.3114 13.3114C13.0023 13.6206 12.501 13.6206 12.1918 13.3114L7.99762 9.11721L3.885 13.2298C3.57816 13.5367 3.08067 13.5367 2.77383 13.2298C2.46699 12.923 2.46699 12.4255 2.77383 12.1187L6.88645 8.00604L2.69183 3.81142C2.38267 3.50226 2.38267 3.001 2.69183 2.69183C3.001 2.38267 3.50226 2.38267 3.81142 2.69183L8.00604 6.88646L12.2024 2.69009Z",
+    fill: "currentColor"
+  }));
+}
+
+function CrossMark(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Close");
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/style");
+
+/***/ }),
+
+/***/ 34:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
+/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+function Prisma24(_ref) {
+  var otherProps = _extends({}, _ref);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 24 24"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
+    fill: "currentColor"
+  }));
+}
+
+function Prisma16(_ref2) {
+  var otherProps = _extends({}, _ref2);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 16 16"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
+    fill: "currentColor"
+  }));
+}
+
+function Search(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
+/***/ }),
+
+/***/ 41:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Search");
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
+  displayName: "SVG__Styled",
+  componentId: "sc-1bz0ryh-0"
+})(["flex:0 0 auto;"]);
+function SVG(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props));
+}
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
+/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+var inlineStyles = {
+  display: 'inline-block',
+  flex: '0 0 auto',
+  overflow: 'visible',
+  verticalAlign: 'middle'
+};
+var blockStyles = {
+  display: 'block',
+  flex: '0 0 auto',
+  margin: '0 auto',
+  overflow: 'visible'
+};
+var propTypes = {
+  Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+  enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
+  enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
+  enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
+  Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
+  Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+  Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+  prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
+  inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+  screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
+};
+var defaultProps = {
+  inline: true,
+  prismaSize: 'medium'
+};
+function Icon(_ref) {
+  var Enterprise = _ref.Enterprise,
+      Prisma24 = _ref.Prisma24,
+      Prisma20 = _ref.Prisma20,
+      Prisma16 = _ref.Prisma16,
+      prismaSize = _ref.prismaSize,
+      inline = _ref.inline,
+      enterpriseSize = _ref.enterpriseSize,
+      enterpriseWidth = _ref.enterpriseWidth,
+      enterpriseHeight = _ref.enterpriseHeight,
+      screenReaderText = _ref.screenReaderText,
+      otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
+
+  var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
+      family = _useSplunkTheme.family,
+      density = _useSplunkTheme.density; // Enterprise - all variants
+
+
+  if (family === 'enterprise') {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
+      size: enterpriseSize,
+      width: enterpriseWidth,
+      height: enterpriseHeight,
+      screenReaderText: screenReaderText || null,
+      hideDefaultTooltip: true,
+      inline: inline
+    }, otherProps));
+  }
+
+  var prismaProps = _objectSpread({
+    'aria-label': screenReaderText,
+    style: inline ? inlineStyles : blockStyles
+  }, otherProps); // Prisma - small+compact, small+comfortable
+
+
+  if (prismaSize === 'small') {
+    var SVG = Prisma16 || Prisma24;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
+      width: "16",
+      height: "16"
+    }, prismaProps));
+  } // Prisma - medium+compact
+
+
+  if (density === 'compact') {
+    var _SVG = Prisma20 || Prisma24;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
+      width: "20",
+      height: "20"
+    }, prismaProps));
+  } // Prisma - medium+comfortable
+
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
+    width: "24",
+    height: "24"
+  }, prismaProps));
+}
+Icon.propTypes = propTypes;
+Icon.defaultProps = defaultProps;
+
+/***/ }),
+
+/***/ 78:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ControlGroup");
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Box");
+
+/***/ })
+
+/******/ });