@open-mercato/ui 0.6.6-develop.6413.1.ae875fb682 → 0.6.6-develop.6419.1.a632f417c4

package/dist/backend/CrudForm.js

@@ -2955,6 +2955,7 @@ function TextInput({
   autoFocus,
   onSubmit,
   disabled,
+  readOnly,
   suggestions,
   inputType = "text"
 }) {
@@ -2972,12 +2973,12 @@ function TextInput({
     }
   }, [value]);
   const handleChange = React.useCallback((e) => {
-    if (disabled) return;
+    if (disabled || readOnly) return;
     const next = e.target.value;
     userTypingRef.current = true;
     setLocal(next);
     onChange(next);
-  }, [disabled, onChange]);
+  }, [disabled, readOnly, onChange]);
   const handleKeyDown = React.useCallback((e) => {
     if (disabled) return;
     if (e.key === "Enter" && !e.shiftKey) {
@@ -3007,7 +3008,8 @@ function TextInput({
         spellCheck: false,
         autoFocus,
         "data-crud-focus-target": "",
-        disabled
+        disabled,
+        readOnly
       }
     );
   }
@@ -3026,6 +3028,7 @@ function TextInput({
         autoFocus,
         "data-crud-focus-target": "",
         disabled,
+        readOnly,
         list: suggestions && suggestions.length > 0 ? datalistId : void 0
       }
     ),
@@ -3095,7 +3098,8 @@ function TextAreaInput({
   maxLength,
   showCount,
   rows,
-  disabled
+  disabled,
+  readOnly
 }) {
   const [local, setLocal] = React.useState(value);
   const isFocusedRef = React.useRef(false);
@@ -3107,10 +3111,11 @@ function TextAreaInput({
     if (!isFocusedRef.current) setLocal(value);
   }, [value]);
   const handleChange = React.useCallback((e) => {
+    if (disabled || readOnly) return;
     const next = e.target.value;
     setLocal(next);
     onChange(next);
-  }, [onChange]);
+  }, [disabled, readOnly, onChange]);
   const handleFocus = React.useCallback(() => {
     isFocusedRef.current = true;
   }, []);
@@ -3131,6 +3136,7 @@ function TextAreaInput({
       showCount,
       rows,
       disabled,
+      readOnly,
       "data-crud-focus-target": ""
     }
   );
@@ -3373,6 +3379,7 @@ const FieldControl = React.memo(
               autoFocus: autoFocusField,
               onSubmit: onSubmitRequest,
               disabled,
+              readOnly,
               suggestions: field.type === "text" ? field.suggestions : void 0
             }
           ),
@@ -3385,6 +3392,7 @@ const FieldControl = React.memo(
               autoFocus: autoFocusField,
               onSubmit: onSubmitRequest,
               disabled,
+              readOnly,
               inputType: "password"
             }
           ),
@@ -3479,7 +3487,8 @@ const FieldControl = React.memo(
               maxLength: builtin?.maxLength,
               showCount: builtin?.showCount,
               rows: builtin?.rows,
-              disabled
+              disabled,
+              readOnly
             }
           ),
           field.type === "richtext" && builtin?.editor === "simple" && /* @__PURE__ */ jsx(SimpleMarkdownEditor, { value: String(value ?? ""), onChange: fieldSetValue }),
@@ -3543,7 +3552,7 @@ const FieldControl = React.memo(
                 }
                 setValue(field.id, next);
               },
-              disabled,
+              disabled: disabled || readOnly,
               children: [
                 /* @__PURE__ */ jsx(SelectTrigger, { "data-crud-focus-target": "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ui.forms.select.emptyOption", "\u2014"), children: singleSelectLabel }) }),
                 /* @__PURE__ */ jsxs(SelectContent, { children: [