@firecms/ui 3.0.0-canary.205 → 3.0.0-canary.207

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/ui",
   "type": "module",
-  "version": "3.0.0-canary.205",
+  "version": "3.0.0-canary.207",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -115,7 +115,7 @@
     "index.css",
     "tailwind.config.js"
   ],
-  "gitHead": "b3a2a795ce5eb7edc68efea5caa69b8d477901be",
+  "gitHead": "04f84602ba162577101f88759b0c56d429c73ff8",
   "publishConfig": {
     "access": "public"
   }

package/src/components/TextField.tsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useCallback, useEffect, useRef, forwardRef, ForwardedRef } from "react";
+import React, { ForwardedRef, forwardRef, useEffect, useRef } from "react";
 
 import { TextareaAutosize } from "./TextareaAutosize";
 import {
@@ -33,7 +33,6 @@ export type TextFieldProps<T extends string | number> = {
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     label?: React.ReactNode;
     multiline?: boolean;
-    rows?: number;
     disabled?: boolean;
     invisible?: boolean;
     error?: boolean;
@@ -46,6 +45,15 @@ export type TextFieldProps<T extends string | number> = {
     inputClassName?: string;
     inputStyle?: React.CSSProperties;
     inputRef?: React.ForwardedRef<any>;
+    /**
+     * Maximum number of rows to display.
+     */
+    maxRows?: number | string;
+    /**
+     * Minimum number of rows to display.
+     * @default 1
+     */
+    minRows?: number | string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">;
 
 export const TextField = forwardRef<HTMLDivElement, TextFieldProps<string | number>>(
@@ -57,7 +65,8 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps<string | numb
             type = "text",
             multiline = false,
             invisible,
-            rows,
+            maxRows,
+            minRows,
             disabled,
             error,
             endAdornment,
@@ -101,7 +110,8 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps<string | numb
                 ref={inputRef}
                 placeholder={focused || hasValue || !label ? placeholder : undefined}
                 autoFocus={autoFocus}
-                rows={rows}
+                minRows={minRows}
+                maxRows={maxRows}
                 value={value ?? ""}
                 onChange={onChange}
                 style={inputStyle}