[fields] Disable clear and clearEdit action buttons for read-only fields and disabled forms

Author: x0k

.changeset/bright-geese-play.md

@@ -0,0 +1,5 @@
+---
+"@sjsf/form": patch
+---
+
+Disable `clear` and `clearEdit` action buttons for read-only fields and disabled forms

packages/form/src/fields/actions/clear-edit.svelte

@@ -5,6 +5,7 @@
   import {
     getComponent,
     getDefaultFieldState,
+    isDisabled,
     retrieveTranslate,
     Text,
     type Config,
@@ -35,12 +36,15 @@
   <Button
     type="clear-edit-action"
     {config}
-    disabled={false}
+    disabled={config.schema.readOnly || isDisabled(ctx)}
     {errors}
     onclick={() => {
       valueRef.current = isNil(valueRef.current)
-        ? (getDefaultFieldState(ctx, config.schema, undefined) ??
-          getDefaultValueForType(getSimpleSchemaType(config.schema)))
+        ? (getDefaultFieldState(ctx, {
+            schema: config.schema,
+            formData: undefined,
+            includeUndefinedValues: "excludeObjectChildren",
+          }) ?? getDefaultValueForType(getSimpleSchemaType(config.schema)))
         : undefined;
     }}
   >

packages/form/src/fields/actions/clear.svelte

@@ -2,6 +2,7 @@
   import type { Ref } from "@/lib/svelte.svelte.js";
   import {
     getComponent,
+    isDisabled,
     retrieveTranslate,
     Text,
     type Config,
@@ -31,7 +32,7 @@
   <Button
     type="clear-action"
     {config}
-    disabled={false}
+    disabled={config.schema.readOnly || isDisabled(ctx)}
     {errors}
     onclick={() => {
       valueRef.current = undefined;

packages/form/src/form/state/attributes.ts

@@ -144,6 +144,9 @@ export function assignProps<O>(options: O) {
   return <T extends object>(props: T) => Object.assign(props, options);
 }
 
+/**
+ * @query
+ */
 export function isDisabled<T>(
   ctx: FormState<T>,
   attributes?: Partial<Nullable<Disabled>>