@doist/reactist 17.9.1 → 17.10.0

package/dist/reactist.cjs.development.js

@@ -1910,11 +1910,10 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref
   }, hint) : null);
 });
 
-var modules_2728c236 = {"textAreaContainer":"_61447829","bordered":"_76f4ad88","error":"_4df3452b"};
+var modules_2728c236 = {"textAreaContainer":"_21dbfa84","innerContainer":"_43588660","bordered":"f081b428","error":"a862f0e5","autoExpand":"_46360b15"};
 
-const _excluded$m = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby"];
-
-function TextArea(_ref) {
+const _excluded$m = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
+const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
   let {
     variant = 'default',
     id,
@@ -1926,10 +1925,29 @@ function TextArea(_ref) {
     tone,
     maxWidth,
     hidden,
-    'aria-describedby': ariaDescribedBy
+    'aria-describedby': ariaDescribedBy,
+    rows,
+    autoExpand = false
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded$m);
 
+  const containerRef = React.useRef(null);
+  const internalRef = React.useRef(null);
+  const combinedRef = useCallbackRef.useMergeRefs([ref, internalRef]);
+  React.useEffect(function setupAutoExpand() {
+    const containerElement = containerRef.current;
+
+    function handleInput(event) {
+      if (containerElement) {
+        containerElement.dataset.replicatedValue = event.currentTarget.value;
+      }
+    }
+
+    const textAreaElement = internalRef.current;
+    if (!textAreaElement || !autoExpand) return undefined;
+    textAreaElement.addEventListener('input', handleInput);
+    return () => textAreaElement.removeEventListener('input', handleInput);
+  }, [autoExpand]);
   return /*#__PURE__*/React.createElement(BaseField, {
     variant: variant,
     id: id,
@@ -1945,9 +1963,15 @@ function TextArea(_ref) {
     maxWidth: maxWidth
   }, extraProps => /*#__PURE__*/React.createElement(Box, {
     width: "full",
-    display: "flex"
-  }, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2({}, props), extraProps))));
-}
+    display: "flex",
+    className: modules_2728c236.innerContainer,
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
+    ref: combinedRef,
+    rows: rows,
+    className: autoExpand ? modules_2728c236.autoExpand : undefined
+  }))));
+});
 
 const _excluded$n = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby", "startIcon"];
 const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {