@plasmicpkgs/react-aria 0.0.146 → 0.0.147

package/dist/react-aria.js

@@ -4653,13 +4653,15 @@ function BaseTextArea_(props, ref) {
     plasmicUpdateVariant,
     setControlContextData,
     value,
-    resize
+    resize,
+    autoResize
   } = _a, restProps = __objRest$2(_a, [
     "className",
     "plasmicUpdateVariant",
     "setControlContextData",
     "value",
-    "resize"
+    "resize",
+    "autoResize"
   ]);
   const textFieldContext = React__default.default.useContext(PlasmicTextFieldContext);
   const [textAreaContextProps, textAreaRef] = reactAriaComponents.useContextProps(
@@ -4678,7 +4680,7 @@ function BaseTextArea_(props, ref) {
     hoverProps,
     {
       value: isDefined(textFieldContext) ? void 0 : value,
-      style: __spreadValues$2(__spreadValues$2({}, COMMON_STYLES), resize ? { resize } : {}),
+      style: __spreadValues$2(__spreadValues$2({}, COMMON_STYLES), autoResize ? { resize: "none" } : resize ? { resize } : {}),
       className
     }
   );
@@ -4687,6 +4689,13 @@ function BaseTextArea_(props, ref) {
   setControlContextData == null ? void 0 : setControlContextData({
     parent: textFieldContext
   });
+  React__default.default.useEffect(() => {
+    const el = textAreaRef.current;
+    if (autoResize && el) {
+      el.style.height = "auto";
+      el.style.height = `${el.scrollHeight}px`;
+    }
+  }, [mergedProps.value]);
   React.useEffect(() => {
     if (plasmicUpdateVariant) {
       plasmicUpdateVariant({
@@ -4747,6 +4756,12 @@ function registerTextArea(loader, overrides) {
         "onBeforeInput",
         "onInput"
       ])), {
+        autoResize: {
+          type: "boolean",
+          displayName: "Auto resize",
+          defaultValueHint: false,
+          description: "Grows or shrinks the element automatically based on text content. Disables manual resizing."
+        },
         resize: {
           type: "choice",
           description: "Controls if and how the element can be resized.",
@@ -4758,7 +4773,9 @@ function registerTextArea(loader, overrides) {
             "inline",
             "none"
           ],
-          defaultValueHint: "both"
+          defaultValueHint: "both",
+          hidden: (props) => Boolean(props.autoResize),
+          advanced: true
         }
       }),
       states: {