@doist/reactist 17.9.0 → 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) {
@@ -2374,7 +2398,7 @@ function usePrevious(value) {
   return ref.current;
 }
 
-var modules_40c67f5b = {"tab":"a1064a3b","track":"_06f1b8a1","tab-neutral":"dabbec7d","tab-themed":"e6f5ae4e","track-neutral":"_43913ce5","track-themed":"_39bdfdde","track-xsmall":"_1c148f4e","track-small":"_2a370df5","track-medium":"_77430437","track-large":"_33db5352","track-xlarge":"_60bf9564","track-xxlarge":"_29a35080"};
+var modules_40c67f5b = {"tab":"e96bf360","track":"_430e252d","tab-neutral":"f631ccbe","tab-themed":"_6ba96acc","track-neutral":"ef4cd8d3","track-themed":"_344b3b10"};
 
 const _excluded$r = ["as", "children", "id", "exceptionallySetClassName"],
       _excluded2$2 = ["children", "space"],
@@ -2419,6 +2443,7 @@ function Tabs({
  * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.
  */
 
+
 const Tab = /*#__PURE__*/polymorphicComponent(function Tab(_ref, ref) {
   let {
     as,
@@ -2477,7 +2502,7 @@ function TabList(_ref2) {
       position: "relative",
       width: "maxContent"
     }, props), /*#__PURE__*/React.createElement(Box, {
-      className: classNames(modules_40c67f5b.track, modules_40c67f5b["track-" + space], modules_40c67f5b["track-" + variant])
+      className: [modules_40c67f5b.track, modules_40c67f5b["track-" + variant]]
     }), /*#__PURE__*/React.createElement(Inline, {
       space: space
     }, children)))
@@ -2487,6 +2512,7 @@ function TabList(_ref2) {
  * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a corresponding `<Tab>` component.
  */
 
+
 const TabPanel = /*#__PURE__*/polymorphicComponent(function TabPanel(_ref3, ref) {
   let {
     children,