@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/inputs/TextArea/TextArea.js

@@ -1,10 +1,8 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
 import useTooltipAutoShow from '../../hooks/useTooltipAutoShow.js';
 import { isEmpty } from 'lodash';
 import useMergedRefs from '@restart/hooks/useMergedRefs';
 import { nanoid } from 'nanoid';
-import PropTypes from 'prop-types';
 import '../../data/Alert/Alert.js';
 import '../../data/Badge/Badge.js';
 import '../../data/Popover/Popover.js';
@@ -15,7 +13,9 @@ 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 { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
+const NOOP = () => {};
 const TextArea = React__default.forwardRef(function TextArea({
   value,
   defaultValue,
@@ -24,24 +24,24 @@ const TextArea = React__default.forwardRef(function TextArea({
   placeholder,
   required,
   disabled,
-  hidden,
-  readOnly,
-  edit,
+  hidden = false,
+  readOnly = false,
+  edit = false,
   autoComplete,
   description,
-  type,
+  type = '',
   icon,
-  rows,
+  rows = 4,
   className,
   style,
-  onChange,
+  onChange = NOOP,
   onBlur,
-  noBorder,
+  noBorder = false,
   loadingIcon,
   successIcon,
-  padding,
-  descriptionToolTip,
-  borderRadius,
+  padding = 'medium',
+  descriptionToolTip = '',
+  borderRadius = 0,
   fieldLabel,
   ...rest
 }, forwardedRef) {
@@ -65,120 +65,95 @@ const TextArea = React__default.forwardRef(function TextArea({
     }
   }, []);
   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 && (edit || 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)));
+    return jsxs(TextAreaContainter, {
+      children: [fieldLabel && jsxs(Label, {
+        htmlFor: uniqueId,
+        disabled: disabled,
+        children: [fieldLabel, jsxs(SuccessContainerLabel, {
+          children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+        })]
+      }), jsxs(TextInput, {
+        $fieldLabel: !isEmpty(fieldLabel),
+        disabled: disabled,
+        readOnly: readOnly,
+        $type: type,
+        className: className,
+        style: style,
+        children: [jsx(TextInputFieldIconAlert, {
+          $type: type,
+          children: icon
+        }), jsx(TextInputField, {
+          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}`,
+          $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
+        }, uniqueId), !fieldLabel && (type === 'loading' || type === 'success') && jsxs(SuccessContainer, {
+          children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+        }), !readOnly && (edit || noBorder) && jsx(InputIconContainer, {
+          disabled: disabled,
+          children: jsx(SvgEditNote, {
+            className: padding === 'small' ? 'smallPadingIcon' : undefined
+          })
+        }), label && jsxs(TextInputLabel, {
+          htmlFor: `text-input-${uniqueId}`,
+          $hasPlaceholder: Boolean(placeholder),
+          $hasIcon: Boolean(icon),
+          $inputIsEmpty: inputIsEmpty,
+          children: [label, required && ' *']
+        }), typeof description === 'string' && description.length > 0 && jsx(Description, {
+          $type: type,
+          children: description
+        })]
+      })]
+    });
   };
   if (hidden) return null;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    onMouseLeave: toolTipOnMouseLeave
-  }, React__default.createElement(Tooltip, {
-    content: toolTipContent,
-    key: "tooltipTextArea1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    disabled: toolTipDisabled,
-    zIndex: 999999,
-    visible: toolTipVisible
-  }, input())));
+  return jsx(Fragment, {
+    children: jsx("div", {
+      onMouseLeave: toolTipOnMouseLeave,
+      children: jsx(Tooltip, {
+        content: toolTipContent,
+        placement: "bottom-end",
+        trigger: 'mouseenter',
+        disabled: toolTipDisabled,
+        zIndex: 999999,
+        visible: toolTipVisible,
+        children: input()
+      }, "tooltipTextArea1")
+    })
+  });
 });
-TextArea.defaultProps = {
-  rows: 4,
-  noBorder: false,
-  readOnly: false,
-  edit: false,
-  hidden: false,
-  type: '',
-  padding: 'medium',
-  descriptionToolTip: '',
-  onChange: () => {},
-  borderRadius: 0
-};
-TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
-  value: PropTypes.string,
-  defaultValue: PropTypes.string,
-  name: PropTypes.string,
-  label: PropTypes.string,
-  fieldLabel: PropTypes.string,
-  placeholder: PropTypes.string,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  hidden: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  edit: PropTypes.bool,
-  autoComplete: PropTypes.string,
-  description: PropTypes.string,
-  icon: PropTypes.element,
-  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
-  style: PropTypes.object,
-  padding: PropTypes.oneOf(['small', 'medium', 'large']),
-  onChange: PropTypes.func,
-  onBlur: PropTypes.func,
-  noBorder: PropTypes.bool,
-  type: PropTypes.oneOf(['', 'error', 'error-border', 'warning-border', 'warning', 'loading', 'success']),
-  loadingIcon: PropTypes.element,
-  successIcon: PropTypes.element,
-  descriptionToolTip: PropTypes.string,
-  borderRadius: PropTypes.number
-} : {};
 
 export { TextArea 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 } from 'react';\nimport useTooltipAutoShow from '../../../hooks/useTooltipAutoShow';\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 { toolTipDisabled, toolTipVisible, toolTipOnMouseLeave, toolTipContent } =\n    useTooltipAutoShow(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 && (edit || 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      <div onMouseLeave={toolTipOnMouseLeave}>\n        <Tooltip\n          content={toolTipContent}\n          key=\"tooltipTextArea1\"\n          placement=\"bottom-end\"\n          trigger={'mouseenter'}\n          disabled={toolTipDisabled}\n          zIndex={999999}\n          visible={toolTipVisible}\n        >\n          {input()}\n        </Tooltip>\n      </div>\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","toolTipDisabled","toolTipVisible","toolTipOnMouseLeave","toolTipContent","useTooltipAutoShow","useEffect","onKeyDown","useCallback","event","key","stopPropagation","input","createElement","S","htmlFor","$fieldLabel","isEmpty","$type","_extends","$borderRadius","ref","$edit","$hasIcon","Boolean","id","$padding","e","target","$noBorder","EditNoteIcon","undefined","$hasPlaceholder","$inputIsEmpty","length","Fragment","onMouseLeave","Tooltip","content","placement","trigger","zIndex","visible","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.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport useTooltipAutoShow from '../../../hooks/useTooltipAutoShow';\n\nimport { isEmpty } from 'lodash';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { nanoid } from 'nanoid';\nimport { Tooltip } from '../../data';\n\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport * as S from './TextArea.styled';\n\nconst NOOP = () => {};\n\ntype TextAreaOwnProps = {\n  /**\n   * Value to be sent. Typically the content of the text area.\n   */\n  value?: string;\n  /**\n   * Default value/text to be displayed in the text area by default.\n   */\n  defaultValue?: string;\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name?: string;\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?: string;\n  /**\n   * Field Label text for the text area field. I\n   */\n  fieldLabel?: string;\n  /**\n   * Placeholder text to be displayed if the text area is empty (no input)\n   */\n  placeholder?: string;\n  /**\n   * Whether the user is required to fill in the text area\n   */\n  required?: boolean;\n  /**\n   * Whether the text area is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the text area is read-only\n   */\n  readOnly?: boolean;\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit?: boolean;\n  /**\n   * ?\n   */\n  autoComplete?: string;\n  /**\n   * Descriptive text displayed below the text area\n   */\n  description?: string;\n  /**\n   * Optional icon to be displayed left of the text inside the text area\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows?: number | string;\n  /**\n   * Add custom class names to the HTML element\n   */\n  className?: string;\n  /**\n   * Add custom CSS styling\n   */\n  style?: any;\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding?: '' | 'small' | 'medium' | 'large';\n  /**\n   * Optional callback function for the `onChange` event\n   */\n  onChange?: (...args: any[]) => any;\n  /**\n   * Optional callback function for the `onBlur` event\n   */\n  onBlur?: (...args: any[]) => any;\n  noBorder?: boolean;\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type?:\n    | ''\n    | 'error'\n    | 'error-border'\n    | 'warning-border'\n    | 'warning'\n    | 'loading'\n    | 'success'\n    | 'instructions-warning';\n  /**\n   * Icon element â€\" E.g: `icon={<Spinner />}`\n   */\n  loadingIcon?: React.ReactElement<any>;\n  /**\n   * Icon element â€\" E.g: `icon={<Check />}`\n   */\n  successIcon?: React.ReactElement<any>;\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip?: string;\n  /**\n   * Border Radius for rounded borders.\n   */\n  borderRadius?: number;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype TextAreaProps = Omit<\n  React.ComponentPropsWithoutRef<typeof S.TextInputField>,\n  keyof TextAreaOwnProps\n> &\n  TextAreaOwnProps;\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<any, TextAreaProps>(function TextArea(\n  {\n    value,\n    defaultValue,\n    name,\n    label,\n    placeholder,\n    required,\n    disabled,\n    hidden = false,\n    readOnly = false,\n    edit = false,\n    autoComplete,\n    description,\n    type = '',\n    icon,\n    rows = 4,\n    className,\n    style,\n    onChange = NOOP,\n    onBlur,\n    noBorder = false,\n    loadingIcon,\n    successIcon,\n    padding = 'medium',\n    descriptionToolTip = '',\n    borderRadius = 0,\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 { toolTipDisabled, toolTipVisible, toolTipOnMouseLeave, toolTipContent } =\n    useTooltipAutoShow(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 && (edit || 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      <div onMouseLeave={toolTipOnMouseLeave}>\n        <Tooltip\n          content={toolTipContent}\n          key=\"tooltipTextArea1\"\n          placement=\"bottom-end\"\n          trigger={'mouseenter'}\n          disabled={toolTipDisabled}\n          zIndex={999999}\n          visible={toolTipVisible}\n        >\n          {input()}\n        </Tooltip>\n      </div>\n    </>\n  );\n});\n\nexport default TextArea;\n"],"names":["NOOP","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","toolTipDisabled","toolTipVisible","toolTipOnMouseLeave","toolTipContent","useTooltipAutoShow","useEffect","onKeyDown","useCallback","event","key","stopPropagation","input","_jsxs","S","children","htmlFor","$fieldLabel","isEmpty","$type","_jsx","$borderRadius","ref","$edit","$hasIcon","Boolean","id","$padding","e","target","$noBorder","EditNoteIcon","undefined","$hasPlaceholder","$inputIsEmpty","length","_Fragment","onMouseLeave","Tooltip","content","placement","trigger","zIndex","visible"],"mappings":"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"}