@plasmicpkgs/react-aria 0.0.145 → 0.0.147

package/dist/react-aria.esm.js

@@ -4644,12 +4644,16 @@ function BaseTextArea_(props, ref) {
     className,
     plasmicUpdateVariant,
     setControlContextData,
-    value
+    value,
+    resize,
+    autoResize
   } = _a, restProps = __objRest$2(_a, [
     "className",
     "plasmicUpdateVariant",
     "setControlContextData",
-    "value"
+    "value",
+    "resize",
+    "autoResize"
   ]);
   const textFieldContext = React.useContext(PlasmicTextFieldContext);
   const [textAreaContextProps, textAreaRef] = useContextProps(
@@ -4668,7 +4672,7 @@ function BaseTextArea_(props, ref) {
     hoverProps,
     {
       value: isDefined(textFieldContext) ? void 0 : value,
-      style: COMMON_STYLES,
+      style: __spreadValues$2(__spreadValues$2({}, COMMON_STYLES), autoResize ? { resize: "none" } : resize ? { resize } : {}),
       className
     }
   );
@@ -4677,6 +4681,13 @@ function BaseTextArea_(props, ref) {
   setControlContextData == null ? void 0 : setControlContextData({
     parent: textFieldContext
   });
+  React.useEffect(() => {
+    const el = textAreaRef.current;
+    if (autoResize && el) {
+      el.style.height = "auto";
+      el.style.height = `${el.scrollHeight}px`;
+    }
+  }, [mergedProps.value]);
   useEffect(() => {
     if (plasmicUpdateVariant) {
       plasmicUpdateVariant({
@@ -4710,7 +4721,7 @@ function registerTextArea(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
       variants: variants$1,
-      props: __spreadValues$2({}, getCommonProps("Text Area", [
+      props: __spreadProps$2(__spreadValues$2({}, getCommonProps("Text Area", [
         "name",
         "disabled",
         "readOnly",
@@ -4736,7 +4747,29 @@ function registerTextArea(loader, overrides) {
         "onSelect",
         "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.",
+          options: [
+            "both",
+            "horizontal",
+            "vertical",
+            "block",
+            "inline",
+            "none"
+          ],
+          defaultValueHint: "both",
+          hidden: (props) => Boolean(props.autoResize),
+          advanced: true
+        }
+      }),
       states: {
         value: __spreadValues$2({
           type: "writable",