@ntbjs/react-components 2.0.2-rc.2 → 2.0.2-rc.3

package/build/inputs/TextArea/TextArea.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import React__default, { useRef, useState, useEffect, useCallback, useMemo, memo } from 'react';
 import { isEmpty } from 'lodash';
 import useMergedRefs from '@restart/hooks/useMergedRefs';
 import { nanoid } from 'nanoid';
@@ -12,7 +12,7 @@ import '../../data/Tabs/Tabs.js';
 import Tooltip from '../../data/Tooltip/Tooltip.js';
 import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
 import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
-import { TextAreaContainter, Label, SuccessContainerLabel, TextInput, TextInputFieldIconAlert, TextInputField, SuccessContainer, InputIconContainer, TextInputLabel, Description } from './TextArea.styled.js';
+import { TextInputField, TextAreaContainter, Label, SuccessContainerLabel, TextInput, TextInputFieldIconAlert, SuccessContainer, InputIconContainer, TextInputLabel, Description } from './TextArea.styled.js';
 
 const TextArea = React__default.forwardRef(function TextArea({
   value,
@@ -46,89 +46,77 @@ const TextArea = React__default.forwardRef(function TextArea({
   const textInputDomNode = useRef(null);
   const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
   const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));
-  const [autoFocus, setAutoFocus] = useState(false);
-  const [uniqueId] = useState(nanoid());
-  const memoizedDescriptionToolTip = useMemo(() => {
-    return descriptionToolTip;
-  }, [descriptionToolTip]);
+  const [uniqueId] = useState(() => nanoid());
   useEffect(() => {
-    setAutoFocus(false);
+    setInputIsEmpty(!(value || defaultValue));
   }, [value, defaultValue]);
   const onKeyDown = useCallback(event => {
     if (event.key === 'Enter') {
       event.stopPropagation();
     }
   }, []);
-  const input = () => {
-    return React__default.createElement(TextAreaContainter, null, fieldLabel && React__default.createElement(Label, {
-      htmlFor: uniqueId,
-      disabled: disabled
-    }, fieldLabel, React__default.createElement(SuccessContainerLabel, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(TextInput, {
-      $fieldLabel: !isEmpty(fieldLabel),
-      disabled: disabled,
-      readOnly: readOnly,
-      type: type,
-      className: className,
-      style: style
-    }, React__default.createElement(TextInputFieldIconAlert, {
-      type: type
-    }, icon), React__default.createElement(TextInputField, _extends({
-      autoFocus: autoFocus,
-      $borderRadius: borderRadius,
-      ref: textInputRef,
-      rows: rows,
-      value: value,
-      defaultValue: defaultValue,
-      name: name,
-      placeholder: placeholder || ' ',
-      required: required,
-      readOnly: readOnly,
-      disabled: disabled,
-      $edit: edit,
-      type: type,
-      autoComplete: autoComplete,
-      $hasIcon: Boolean(icon),
-      id: `text-input-${uniqueId}`,
-      key: uniqueId,
-      $padding: padding,
-      onChange: e => {
-        if (e.target.value) {
-          setInputIsEmpty(false);
-          if (!autoFocus) {
-            setAutoFocus(true);
-          }
-        } else {
-          setInputIsEmpty(true);
-          if (!autoFocus) {
-            setAutoFocus(true);
-          }
-        }
-        onChange(e);
-      },
-      onKeyDown: onKeyDown,
-      onBlur: onBlur,
-      $noBorder: noBorder
-    }, rest)), !fieldLabel && (type === 'loading' || type === 'success') && React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
-      disabled: disabled
-    }, React__default.createElement(SvgEditNote, {
-      className: padding === 'small' ? 'smallPadingIcon' : undefined
-    })), label && React__default.createElement(TextInputLabel, {
-      htmlFor: `text-input-${uniqueId}`,
-      $hasPlaceholder: Boolean(placeholder),
-      $hasIcon: Boolean(icon),
-      $inputIsEmpty: inputIsEmpty
-    }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
-      type: type
-    }, description)));
-  };
+  const handleChange = useCallback(e => {
+    setInputIsEmpty(!e.target.value);
+    onChange(e);
+  }, [onChange]);
+  const textAreaElement = useMemo(() => React__default.createElement(TextInputField, _extends({
+    ref: textInputRef,
+    rows: rows,
+    value: value,
+    defaultValue: defaultValue,
+    name: name,
+    placeholder: placeholder,
+    required: required,
+    readOnly: readOnly,
+    disabled: disabled,
+    $edit: edit,
+    $type: type,
+    autoComplete: autoComplete,
+    $hasIcon: Boolean(icon),
+    id: `text-input-${uniqueId}`,
+    $padding: padding,
+    $borderRadius: borderRadius,
+    $noBorder: noBorder,
+    onChange: handleChange,
+    onKeyDown: onKeyDown,
+    onBlur: onBlur
+  }, rest)), [textInputRef, rows, value, defaultValue, name, placeholder, required, readOnly, disabled, edit, type, autoComplete, icon, uniqueId, padding, borderRadius, noBorder, handleChange, onKeyDown, onBlur, rest]);
+  const wrappedInput = useMemo(() => React__default.createElement(TextAreaContainter, null, fieldLabel && React__default.createElement(Label, {
+    htmlFor: uniqueId,
+    $disabled: disabled
+  }, fieldLabel, React__default.createElement(SuccessContainerLabel, {
+    $type: type
+  }, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(TextInput, {
+    $fieldLabel: !isEmpty(fieldLabel),
+    disabled: disabled,
+    readOnly: readOnly,
+    $type: type,
+    className: className,
+    style: style
+  }, icon && React__default.createElement(TextInputFieldIconAlert, {
+    $type: type
+  }, icon), textAreaElement, !fieldLabel && (type === 'loading' || type === 'success') && React__default.createElement(SuccessContainer, {
+    $type: type
+  }, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
+    $disabled: disabled
+  }, React__default.createElement(SvgEditNote, {
+    className: padding === 'small' ? 'smallPadingIcon' : undefined
+  })), label && React__default.createElement(TextInputLabel, {
+    htmlFor: `text-input-${uniqueId}`,
+    $hasPlaceholder: Boolean(placeholder),
+    $hasIcon: Boolean(icon),
+    $inputIsEmpty: inputIsEmpty
+  }, label, required && ' *'), typeof description === 'string' && description.length > 0 && React__default.createElement(Description, {
+    $type: type
+  }, description))), [fieldLabel, uniqueId, disabled, type, loadingIcon, successIcon, icon, textAreaElement, readOnly, noBorder, padding, label, placeholder, inputIsEmpty, required, description, className, style]);
   if (hidden) return null;
-  return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
-    content: memoizedDescriptionToolTip,
-    key: "tooltipTextArea1",
+  return React__default.createElement(Tooltip, {
+    content: descriptionToolTip || '',
     placement: "bottom-end",
-    trigger: 'mouseenter',
-    zIndex: 999999
-  }, input())));
+    trigger: "mouseenter",
+    zIndex: 999999,
+    disabled: !descriptionToolTip
+  }, wrappedInput);
 });
 TextArea.defaultProps = {
   rows: 4,
@@ -164,12 +152,14 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   onBlur: PropTypes.func,
   noBorder: PropTypes.bool,
+  isExpanded: PropTypes.func,
   type: PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
   loadingIcon: PropTypes.element,
   successIcon: PropTypes.element,
   descriptionToolTip: PropTypes.string,
   borderRadius: PropTypes.number
 } : {};
+var TextArea$1 = memo(TextArea);
 
-export { TextArea as default };
+export { TextArea$1 as default };
 //# sourceMappingURL=TextArea.js.map

package/build/inputs/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/inputs/TextArea/TextArea.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport { isEmpty } from 'lodash';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '../../data';\n\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport * as S from './TextArea.styled';\n\n/**\n * Text areas let users enter and edit text in the UI. They typically appear in forms and dialogs.\n *\n * ### Import\n *\n * ``` js\n * import { TextArea } from '@ntbjs/react-components/inputs'\n * // or\n * import TextArea from '@ntbjs/react-components/inputs/TextArea'\n * ```\n */\nconst TextArea = React.forwardRef(function TextArea(\n  {\n    value,\n    defaultValue,\n    name,\n    label,\n    placeholder,\n    required,\n    disabled,\n    hidden,\n    readOnly,\n    edit,\n    autoComplete,\n    description,\n    type,\n    icon,\n    rows,\n    className,\n    style,\n    onChange,\n    onBlur,\n    noBorder,\n    loadingIcon,\n    successIcon,\n    padding,\n    descriptionToolTip,\n    borderRadius,\n    fieldLabel,\n    ...rest\n  },\n  forwardedRef\n) {\n  const textInputDomNode = useRef(null);\n  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);\n\n  const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));\n  const [autoFocus, setAutoFocus] = useState(false);\n\n  const [uniqueId] = useState(nanoid());\n\n  const memoizedDescriptionToolTip = useMemo(() => {\n    return descriptionToolTip;\n  }, [descriptionToolTip]);\n\n  useEffect(() => {\n    setAutoFocus(false);\n  }, [value, defaultValue]);\n\n  const onKeyDown = useCallback(event => {\n    if (event.key === 'Enter') {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const input = () => {\n    return (\n      <S.TextAreaContainter>\n        {fieldLabel && (\n          <S.Label htmlFor={uniqueId} disabled={disabled}>\n            {fieldLabel}\n            <S.SuccessContainerLabel>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainerLabel>\n          </S.Label>\n        )}\n        <S.TextInput\n          $fieldLabel={!isEmpty(fieldLabel)}\n          disabled={disabled}\n          readOnly={readOnly}\n          type={type}\n          className={className}\n          style={style}\n        >\n          <S.TextInputFieldIconAlert type={type}>{icon}</S.TextInputFieldIconAlert>\n          <S.TextInputField\n            autoFocus={autoFocus}\n            $borderRadius={borderRadius}\n            ref={textInputRef}\n            rows={rows}\n            value={value}\n            defaultValue={defaultValue}\n            name={name}\n            placeholder={placeholder || ' '}\n            required={required}\n            readOnly={readOnly}\n            disabled={disabled}\n            $edit={edit}\n            type={type}\n            autoComplete={autoComplete}\n            $hasIcon={Boolean(icon)}\n            id={`text-input-${uniqueId}`}\n            key={uniqueId}\n            $padding={padding}\n            onChange={e => {\n              if (e.target.value) {\n                setInputIsEmpty(false);\n                if (!autoFocus) {\n                  setAutoFocus(true);\n                }\n              } else {\n                setInputIsEmpty(true);\n                if (!autoFocus) {\n                  setAutoFocus(true);\n                }\n              }\n              onChange(e);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={onBlur}\n            $noBorder={noBorder}\n            {...rest}\n          />\n          {!fieldLabel && (type === 'loading' || type === 'success') && (\n            <S.SuccessContainer>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainer>\n          )}\n          {!readOnly && noBorder && (\n            <S.InputIconContainer disabled={disabled}>\n              <EditNoteIcon className={padding === 'small' ? 'smallPadingIcon' : undefined} />\n            </S.InputIconContainer>\n          )}\n          {label && (\n            <S.TextInputLabel\n              htmlFor={`text-input-${uniqueId}`}\n              $hasPlaceholder={Boolean(placeholder)}\n              $hasIcon={Boolean(icon)}\n              $inputIsEmpty={inputIsEmpty}\n            >\n              {label}\n              {required && ' *'}\n            </S.TextInputLabel>\n          )}\n          {typeof description === 'string' && description.length > 0 && (\n            <S.Description type={type}>{description}</S.Description>\n          )}\n        </S.TextInput>\n      </S.TextAreaContainter>\n    );\n  };\n\n  if (hidden) return null;\n\n  return (\n    <>\n      {!memoizedDescriptionToolTip && input()}\n      {memoizedDescriptionToolTip && (\n        <div>\n          <Tooltip\n            content={memoizedDescriptionToolTip}\n            key=\"tooltipTextArea1\"\n            placement=\"bottom-end\"\n            trigger={'mouseenter'}\n            zIndex={999999}\n          >\n            {input()}\n          </Tooltip>\n        </div>\n      )}\n    </>\n  );\n});\n\nTextArea.defaultProps = {\n  rows: 4,\n  noBorder: false,\n  readOnly: false,\n  edit: false,\n  hidden: false,\n  type: '',\n  padding: 'medium',\n  descriptionToolTip: '',\n  onChange: () => {},\n  borderRadius: 0\n};\n\nTextArea.propTypes = {\n  /**\n   * Value to be sent. Typically the content of the text area.\n   */\n  value: PropTypes.string,\n\n  /**\n   * Default value/text to be displayed in the text area by default.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n\n  /**\n   * Label text for the text area. If the text area is empty (no input and no placeholder)\n   * and isn't in focus, the label text will be displayed grayed out in the text area itself.\n   * Otherwise, the label text will be displayed in the top left corner.\n   */\n  label: PropTypes.string,\n\n  /**\n   * Field Label text for the text area field. I\n   */\n  fieldLabel: PropTypes.string,\n\n  /**\n   * Placeholder text to be displayed if the text area is empty (no input)\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Whether the user is required to fill in the text area\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Whether the text area is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Whether the text area is read-only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * ?\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * Descriptive text displayed below the text area\n   */\n  description: PropTypes.string,\n\n  /**\n   * Optional icon to be displayed left of the text inside the text area\n   */\n  icon: PropTypes.element,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Add custom class names to the HTML element\n   */\n  className: PropTypes.string,\n  /**\n   * Add custom CSS styling\n   */\n  style: PropTypes.object,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['small', 'medium', 'large']),\n  /**\n   * Optional callback function for the `onChange` event\n   */\n  onChange: PropTypes.func,\n  /**\n   * Optional callback function for the `onBlur` event\n   */\n  onBlur: PropTypes.func,\n  noBorder: PropTypes.bool,\n  // warningAlert: PropTypes.bool,\n  // errorAlert: PropTypes.bool,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning-border',\n    'warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip: PropTypes.string,\n  /**\n   * Border Radius for rounded borders.\n   */\n  borderRadius: PropTypes.number\n};\n\nexport default TextArea;\n"],"names":["TextArea","React","forwardRef","value","defaultValue","name","label","placeholder","required","disabled","hidden","readOnly","edit","autoComplete","description","type","icon","rows","className","style","onChange","onBlur","noBorder","loadingIcon","successIcon","padding","descriptionToolTip","borderRadius","fieldLabel","rest","forwardedRef","textInputDomNode","useRef","textInputRef","useMergedRefs","inputIsEmpty","setInputIsEmpty","useState","autoFocus","setAutoFocus","uniqueId","nanoid","memoizedDescriptionToolTip","useMemo","useEffect","onKeyDown","useCallback","event","key","stopPropagation","input","createElement","S","htmlFor","$fieldLabel","isEmpty","_extends","$borderRadius","ref","$edit","$hasIcon","Boolean","id","$padding","e","target","$noBorder","EditNoteIcon","undefined","$hasPlaceholder","$inputIsEmpty","length","Fragment","Tooltip","content","placement","trigger","zIndex","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","bool","element","oneOfType","number","object","oneOf","func"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/inputs/TextArea/TextArea.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo, memo } from 'react';\nimport { isEmpty } from 'lodash';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport { Tooltip } from '../../data';\n\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport * as S from './TextArea.styled';\n\n/**\n * Text areas let users enter and edit text in the UI. They typically appear in forms and dialogs.\n *\n * ### Import\n *\n * ``` js\n * import { TextArea } from '@ntbjs/react-components/inputs'\n * // or\n * import TextArea from '@ntbjs/react-components/inputs/TextArea'\n * ```\n */\nconst TextArea = React.forwardRef(function TextArea(\n  {\n    value,\n    defaultValue,\n    name,\n    label,\n    placeholder,\n    required,\n    disabled,\n    hidden,\n    readOnly,\n    edit,\n    autoComplete,\n    description,\n    type,\n    icon,\n    rows,\n    className,\n    style,\n    onChange,\n    onBlur,\n    noBorder,\n    loadingIcon,\n    successIcon,\n    padding,\n    descriptionToolTip,\n    borderRadius,\n    fieldLabel,\n    ...rest\n  },\n  forwardedRef\n) {\n  const textInputDomNode = useRef(null);\n  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);\n\n  const [inputIsEmpty, setInputIsEmpty] = useState(!(value || defaultValue));\n  const [uniqueId] = useState(() => nanoid());\n\n  useEffect(() => {\n    setInputIsEmpty(!(value || defaultValue));\n  }, [value, defaultValue]);\n\n  const onKeyDown = useCallback(event => {\n    if (event.key === 'Enter') {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    e => {\n      setInputIsEmpty(!e.target.value);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  const textAreaElement = useMemo(\n    () => (\n      <S.TextInputField\n        ref={textInputRef}\n        rows={rows}\n        value={value}\n        defaultValue={defaultValue}\n        name={name}\n        placeholder={placeholder}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        $edit={edit}\n        $type={type}\n        autoComplete={autoComplete}\n        $hasIcon={Boolean(icon)}\n        id={`text-input-${uniqueId}`}\n        $padding={padding}\n        $borderRadius={borderRadius}\n        $noBorder={noBorder}\n        onChange={handleChange}\n        onKeyDown={onKeyDown}\n        onBlur={onBlur}\n        {...rest}\n      />\n    ),\n    [\n      textInputRef,\n      rows,\n      value,\n      defaultValue,\n      name,\n      placeholder,\n      required,\n      readOnly,\n      disabled,\n      edit,\n      type,\n      autoComplete,\n      icon,\n      uniqueId,\n      padding,\n      borderRadius,\n      noBorder,\n      handleChange,\n      onKeyDown,\n      onBlur,\n      rest\n    ]\n  );\n\n  const wrappedInput = useMemo(\n    () => (\n      <S.TextAreaContainter>\n        {fieldLabel && (\n          <S.Label htmlFor={uniqueId} $disabled={disabled}>\n            {fieldLabel}\n            <S.SuccessContainerLabel $type={type}>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainerLabel>\n          </S.Label>\n        )}\n        <S.TextInput\n          $fieldLabel={!isEmpty(fieldLabel)}\n          disabled={disabled}\n          readOnly={readOnly}\n          $type={type}\n          className={className}\n          style={style}\n        >\n          {icon && <S.TextInputFieldIconAlert $type={type}>{icon}</S.TextInputFieldIconAlert>}\n          {textAreaElement}\n          {!fieldLabel && (type === 'loading' || type === 'success') && (\n            <S.SuccessContainer $type={type}>\n              {type === 'loading' && loadingIcon}\n              {type === 'success' && successIcon}\n            </S.SuccessContainer>\n          )}\n          {!readOnly && noBorder && (\n            <S.InputIconContainer $disabled={disabled}>\n              <EditNoteIcon className={padding === 'small' ? 'smallPadingIcon' : undefined} />\n            </S.InputIconContainer>\n          )}\n          {label && (\n            <S.TextInputLabel\n              htmlFor={`text-input-${uniqueId}`}\n              $hasPlaceholder={Boolean(placeholder)}\n              $hasIcon={Boolean(icon)}\n              $inputIsEmpty={inputIsEmpty}\n            >\n              {label}\n              {required && ' *'}\n            </S.TextInputLabel>\n          )}\n          {typeof description === 'string' && description.length > 0 && (\n            <S.Description $type={type}>{description}</S.Description>\n          )}\n        </S.TextInput>\n      </S.TextAreaContainter>\n    ),\n    [\n      fieldLabel,\n      uniqueId,\n      disabled,\n      type,\n      loadingIcon,\n      successIcon,\n      icon,\n      textAreaElement,\n      readOnly,\n      noBorder,\n      padding,\n      label,\n      placeholder,\n      inputIsEmpty,\n      required,\n      description,\n      className,\n      style\n    ]\n  );\n\n  if (hidden) return null;\n\n  return (\n    <Tooltip\n      content={descriptionToolTip || ''}\n      placement=\"bottom-end\"\n      trigger=\"mouseenter\"\n      zIndex={999999}\n      disabled={!descriptionToolTip}\n    >\n      {wrappedInput}\n    </Tooltip>\n  );\n});\n\nTextArea.defaultProps = {\n  rows: 4,\n  noBorder: false,\n  readOnly: false,\n  edit: false,\n  hidden: false,\n  type: '',\n  padding: 'medium',\n  descriptionToolTip: '',\n  onChange: () => {},\n  borderRadius: 0\n};\n\nTextArea.propTypes = {\n  /**\n   * Value to be sent. Typically the content of the text area.\n   */\n  value: PropTypes.string,\n\n  /**\n   * Default value/text to be displayed in the text area by default.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n\n  /**\n   * Label text for the text area. If the text area is empty (no input and no placeholder)\n   * and isn't in focus, the label text will be displayed grayed out in the text area itself.\n   * Otherwise, the label text will be displayed in the top left corner.\n   */\n  label: PropTypes.string,\n\n  /**\n   * Field Label text for the text area field. I\n   */\n  fieldLabel: PropTypes.string,\n\n  /**\n   * Placeholder text to be displayed if the text area is empty (no input)\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Whether the user is required to fill in the text area\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Whether the text area is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Whether the text area is read-only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * ?\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * Descriptive text displayed below the text area\n   */\n  description: PropTypes.string,\n\n  /**\n   * Optional icon to be displayed left of the text inside the text area\n   */\n  icon: PropTypes.element,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Add custom class names to the HTML element\n   */\n  className: PropTypes.string,\n  /**\n   * Add custom CSS styling\n   */\n  style: PropTypes.object,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['small', 'medium', 'large']),\n  /**\n   * Optional callback function for the `onChange` event\n   */\n  onChange: PropTypes.func,\n  /**\n   * Optional callback function for the `onBlur` event\n   */\n  onBlur: PropTypes.func,\n  noBorder: PropTypes.bool,\n  // warningAlert: PropTypes.bool,\n  // errorAlert: PropTypes.bool,\n  isExpanded: PropTypes.func,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning-border',\n    'warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip: PropTypes.string,\n  /**\n   * Border Radius for rounded borders.\n   */\n  borderRadius: PropTypes.number\n};\n\nexport default memo(TextArea);\n"],"names":["TextArea","React","forwardRef","value","defaultValue","name","label","placeholder","required","disabled","hidden","readOnly","edit","autoComplete","description","type","icon","rows","className","style","onChange","onBlur","noBorder","loadingIcon","successIcon","padding","descriptionToolTip","borderRadius","fieldLabel","rest","forwardedRef","textInputDomNode","useRef","textInputRef","useMergedRefs","inputIsEmpty","setInputIsEmpty","useState","uniqueId","nanoid","useEffect","onKeyDown","useCallback","event","key","stopPropagation","handleChange","e","target","textAreaElement","useMemo","createElement","S","_extends","ref","$edit","$type","$hasIcon","Boolean","id","$padding","$borderRadius","$noBorder","wrappedInput","htmlFor","$disabled","$fieldLabel","isEmpty","EditNoteIcon","undefined","$hasPlaceholder","$inputIsEmpty","length","Tooltip","content","placement","trigger","zIndex","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","bool","element","oneOfType","number","object","oneOf","func","isExpanded","memo"],"mappings":"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"}