@bigbinary/neetoui 7.0.1 → 7.0.3

package/dist/cjs/Textarea-2711696e.js

@@ -0,0 +1,175 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var classnames = require('classnames');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('@bigbinary/neeto-hotkeys');
+require('./overlayManager.js');
+var index = require('./index-f2e36d91.js');
+require('qs');
+var Label = require('./Label.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var useSyncedRef = function useSyncedRef(ref) {
+  var innerRef = React.useRef();
+  React.useEffect(function () {
+    if (!ref) return;
+    if (typeof ref === "function") {
+      ref(innerRef.current);
+    } else {
+      ref.current = innerRef.current;
+    }
+  });
+  return innerRef;
+};
+
+var _excluded = ["size", "resize", "suffix", "prefix", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps", "onBlur", "disableTrimOnBlur"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var ROWS = {
+  small: 1,
+  medium: 3,
+  large: 4
+};
+var RESIZE = {
+  vertical: "vertical",
+  none: "none"
+};
+var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref2, _otherProps$value, _otherProps$onChange;
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? RESIZE.vertical : _ref$resize,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? null : _ref$prefix,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$nakedTextarea = _ref.nakedTextarea,
+    nakedTextarea = _ref$nakedTextarea === void 0 ? false : _ref$nakedTextarea,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? "" : _ref$helpText,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    maxLength = _ref.maxLength,
+    _ref$unlimitedChars = _ref.unlimitedChars,
+    unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
+    labelProps = _ref.labelProps,
+    onBlur = _ref.onBlur,
+    _ref$disableTrimOnBlu = _ref.disableTrimOnBlur,
+    disableTrimOnBlur = _ref$disableTrimOnBlu === void 0 ? false : _ref$disableTrimOnBlu,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    valueInternal = _useState2[0],
+    setValueInternal = _useState2[1];
+  var value = (_ref2 = (_otherProps$value = otherProps.value) !== null && _otherProps$value !== void 0 ? _otherProps$value : valueInternal) !== null && _ref2 !== void 0 ? _ref2 : "";
+  var id = useId.useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var helpTextId = "helpText_".concat(id);
+  var textareaRef = useSyncedRef(ref);
+  var valueLength = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
+  var isCharacterLimitVisible = valueLength >= maxLength * 0.85;
+  var maxLengthError = unlimitedChars && valueLength > maxLength;
+  var onChangeInternal = function onChangeInternal(e) {
+    return setValueInternal(e.target.value);
+  };
+  var onChange = (_otherProps$onChange = otherProps.onChange) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : onChangeInternal;
+  var isMaxLengthPresent = !!maxLength || maxLength === 0;
+  React.useEffect(function () {
+    textareaRef.current.style.minHeight = "22px";
+    textareaRef.current.style.height = "auto";
+    var scrollHeight = textareaRef.current.scrollHeight;
+    textareaRef.current.style.height = "".concat(scrollHeight + 1, "px");
+  }, [value]);
+  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
+    if (disableTrimOnBlur || typeof value !== "string") return;
+    var trimmedValue = value.trim();
+    if (value === trimmedValue) return;
+    e.target.value = trimmedValue;
+    onChange(e);
+  };
+  var handleOnBlur = function handleOnBlur(e) {
+    handleTrimmedChangeOnBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"](["neeto-ui-input__wrapper", className])
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__label-wrapper"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
+    required: required,
+    "data-cy": "".concat(index.hyphenize(label), "-label"),
+    htmlFor: id
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: classnames__default["default"]("neeto-ui-input__max-length", {
+      "neeto-ui-input__max-length--error": maxLengthError
+    })
+  }, valueLength, "/", maxLength)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-cy": "".concat(index.hyphenize(label), "-text-input"),
+    className: classnames__default["default"]("neeto-ui-input", "neeto-ui-input--textarea", {
+      "neeto-ui-input--error": !!error,
+      "neeto-ui-input--disabled": !!disabled,
+      "neeto-ui-input--naked": !!nakedTextarea,
+      "neeto-ui-input--small": size === SIZES.small,
+      "neeto-ui-input--medium": size === SIZES.medium,
+      "neeto-ui-input--large": size === SIZES.large,
+      "neeto-ui-input--resize--vertical": resize === RESIZE.vertical,
+      "neeto-ui-input--resize--none": resize === RESIZE.none
+    })
+  }, prefix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__prefix"
+  }, prefix), /*#__PURE__*/React__default["default"].createElement("textarea", _extends__default["default"]({
+    ref: textareaRef,
+    rows: ROWS[size]
+  }, _objectSpread(_objectSpread(_objectSpread({
+    disabled: disabled
+  }, isMaxLengthPresent && !unlimitedChars && {
+    maxLength: maxLength
+  }), otherProps), {}, {
+    onChange: onChange,
+    value: value
+  }), {
+    onBlur: handleOnBlur
+  })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-input__suffix"
+  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index.hyphenize(label), "-input-error"),
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__help-text",
+    id: helpTextId
+  }, helpText));
+});
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+exports.useSyncedRef = useSyncedRef;
+//# sourceMappingURL=Textarea-2711696e.js.map

package/dist/cjs/Textarea-2711696e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea-2711696e.js","sources":["../../src/hooks/useSyncedRef.js","../../src/components/Textarea.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nconst useSyncedRef = ref => {\n  const innerRef = useRef();\n\n  useEffect(() => {\n    if (!ref) return;\n\n    if (typeof ref === \"function\") {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n\nexport default useSyncedRef;\n","import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["useSyncedRef","ref","innerRef","useRef","useEffect","current","SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}

package/dist/cjs/Textarea.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var classnames = require('classnames');
-var useId = require('./useId-4e3deb5c.js');
+require('@babel/runtime/helpers/defineProperty');
+require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+require('classnames');
+require('./useId-4e3deb5c.js');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-f2e36d91.js');
+require('./index-f2e36d91.js');
 require('qs');
-var useSyncedRef = require('./useSyncedRef-9c3dcd03.js');
-var Label = require('./Label.js');
+var Textarea = require('./Textarea-2711696e.js');
+require('./Label.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('dayjs');
@@ -32,148 +32,7 @@ require('tippy.js');
 require('./Popover.js');
 require('./Typography.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var _excluded = ["size", "resize", "suffix", "prefix", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps", "onBlur", "disableTrimOnBlur"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var SIZES = {
-  small: "small",
-  medium: "medium",
-  large: "large"
-};
-var ROWS = {
-  small: 1,
-  medium: 3,
-  large: 4
-};
-var RESIZE = {
-  vertical: "vertical",
-  none: "none"
-};
-var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref2, _otherProps$value, _otherProps$onChange;
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
-    _ref$resize = _ref.resize,
-    resize = _ref$resize === void 0 ? RESIZE.vertical : _ref$resize,
-    _ref$suffix = _ref.suffix,
-    suffix = _ref$suffix === void 0 ? null : _ref$suffix,
-    _ref$prefix = _ref.prefix,
-    prefix = _ref$prefix === void 0 ? null : _ref$prefix,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    _ref$nakedTextarea = _ref.nakedTextarea,
-    nakedTextarea = _ref$nakedTextarea === void 0 ? false : _ref$nakedTextarea,
-    _ref$helpText = _ref.helpText,
-    helpText = _ref$helpText === void 0 ? "" : _ref$helpText,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? "" : _ref$error,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    maxLength = _ref.maxLength,
-    _ref$unlimitedChars = _ref.unlimitedChars,
-    unlimitedChars = _ref$unlimitedChars === void 0 ? false : _ref$unlimitedChars,
-    labelProps = _ref.labelProps,
-    onBlur = _ref.onBlur,
-    _ref$disableTrimOnBlu = _ref.disableTrimOnBlur,
-    disableTrimOnBlur = _ref$disableTrimOnBlu === void 0 ? false : _ref$disableTrimOnBlu,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    valueInternal = _useState2[0],
-    setValueInternal = _useState2[1];
-  var value = (_ref2 = (_otherProps$value = otherProps.value) !== null && _otherProps$value !== void 0 ? _otherProps$value : valueInternal) !== null && _ref2 !== void 0 ? _ref2 : "";
-  var id = useId.useId(otherProps.id);
-  var errorId = "error_".concat(id);
-  var helpTextId = "helpText_".concat(id);
-  var textareaRef = useSyncedRef.useSyncedRef(ref);
-  var valueLength = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
-  var isCharacterLimitVisible = valueLength >= maxLength * 0.85;
-  var maxLengthError = unlimitedChars && valueLength > maxLength;
-  var onChangeInternal = function onChangeInternal(e) {
-    return setValueInternal(e.target.value);
-  };
-  var onChange = (_otherProps$onChange = otherProps.onChange) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : onChangeInternal;
-  var isMaxLengthPresent = !!maxLength || maxLength === 0;
-  React.useEffect(function () {
-    textareaRef.current.style.minHeight = "22px";
-    textareaRef.current.style.height = "auto";
-    var scrollHeight = textareaRef.current.scrollHeight;
-    textareaRef.current.style.height = "".concat(scrollHeight + 1, "px");
-  }, [value]);
-  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
-    if (disableTrimOnBlur || typeof value !== "string") return;
-    var trimmedValue = value.trim();
-    if (value === trimmedValue) return;
-    e.target.value = trimmedValue;
-    onChange(e);
-  };
-  var handleOnBlur = function handleOnBlur(e) {
-    handleTrimmedChangeOnBlur(e);
-    onBlur === null || onBlur === void 0 || onBlur(e);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"](["neeto-ui-input__wrapper", className])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-input__label-wrapper"
-  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
-    required: required,
-    "data-cy": "".concat(index.hyphenize(label), "-label"),
-    htmlFor: id
-  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: classnames__default["default"]("neeto-ui-input__max-length", {
-      "neeto-ui-input__max-length--error": maxLengthError
-    })
-  }, valueLength, "/", maxLength)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-cy": "".concat(index.hyphenize(label), "-text-input"),
-    className: classnames__default["default"]("neeto-ui-input", "neeto-ui-input--textarea", {
-      "neeto-ui-input--error": !!error,
-      "neeto-ui-input--disabled": !!disabled,
-      "neeto-ui-input--naked": !!nakedTextarea,
-      "neeto-ui-input--small": size === SIZES.small,
-      "neeto-ui-input--medium": size === SIZES.medium,
-      "neeto-ui-input--large": size === SIZES.large,
-      "neeto-ui-input--resize--vertical": resize === RESIZE.vertical,
-      "neeto-ui-input--resize--none": resize === RESIZE.none
-    })
-  }, prefix && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-input__prefix"
-  }, prefix), /*#__PURE__*/React__default["default"].createElement("textarea", _extends__default["default"]({
-    ref: textareaRef,
-    rows: ROWS[size]
-  }, _objectSpread(_objectSpread(_objectSpread({
-    disabled: disabled
-  }, isMaxLengthPresent && !unlimitedChars && {
-    maxLength: maxLength
-  }), otherProps), {}, {
-    onChange: onChange,
-    value: value
-  }), {
-    onBlur: handleOnBlur
-  })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-input__suffix"
-  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "neeto-ui-input__error",
-    "data-cy": "".concat(index.hyphenize(label), "-input-error"),
-    id: errorId
-  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "neeto-ui-input__help-text",
-    id: helpTextId
-  }, helpText));
-});
-Textarea.displayName = "Textarea";
-
-module.exports = Textarea;
+module.exports = Textarea.Textarea;
 //# sourceMappingURL=Textarea.js.map

package/dist/cjs/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/components/Textarea.jsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","useSyncedRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","useEffect","current","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}