fix: ensure AutoField respects readOnly styles

measuredco · Oct 7, 2024 · 9ffe817 · 9ffe817
1 parent ea045f8
commit 9ffe817
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/core/components/AutoField/index.tsx b/packages/core/components/AutoField/index.tsx
@@ -222,12 +222,21 @@ export function AutoFieldPrivate<
   return <AutoFieldInternal<ValueType, FieldType> {...props} {...localProps} />;
 }
 
-const DefaultLabel = (props: any) => <div {...props} />;
-
 export function AutoField<
   ValueType = any,
   FieldType extends Field<ValueType> = Field<ValueType>
 >(props: FieldProps<ValueType, FieldType>) {
+  const DefaultLabel = useMemo(() => {
+    const DefaultLabel = (labelProps: any) => (
+      <div
+        {...labelProps}
+        className={getClassName({ readOnly: props.readOnly })}
+      />
+    );
+
+    return DefaultLabel;
+  }, [props.readOnly]);
+
   return (
     <AutoFieldInternal<ValueType, FieldType> {...props} Label={DefaultLabel} />
   );