Allow to set default props for UpdateButton, BulkDeleteButton and BulkUpdateButton.

Author: Madeorsk

packages/ra-ui-materialui/src/button/BulkDeleteButton.tsx

@@ -1,4 +1,7 @@
 import * as React from 'react';
+import { MutationMode, useCanAccess, useResourceContext } from 'ra-core';
+import { useThemeProps } from '@mui/material/styles';
+
 import {
     BulkDeleteWithConfirmButton,
     BulkDeleteWithConfirmButtonProps,
@@ -7,7 +10,6 @@ import {
     BulkDeleteWithUndoButton,
     BulkDeleteWithUndoButtonProps,
 } from './BulkDeleteWithUndoButton';
-import { MutationMode, useCanAccess, useResourceContext } from 'ra-core';
 
 /**
  * Deletes the selected rows.
@@ -32,10 +34,12 @@ import { MutationMode, useCanAccess, useResourceContext } from 'ra-core';
  *     </List>
  * );
  */
-export const BulkDeleteButton = ({
-    mutationMode = 'undoable',
-    ...props
-}: BulkDeleteButtonProps) => {
+export const BulkDeleteButton = (inProps: BulkDeleteButtonProps) => {
+    const { mutationMode = 'undoable', ...props } = useThemeProps({
+        name: PREFIX,
+        props: inProps,
+    });
+
     const resource = useResourceContext(props);
     if (!resource) {
         throw new Error(
@@ -62,3 +66,17 @@ interface Props {
 
 export type BulkDeleteButtonProps = Props &
     (BulkDeleteWithUndoButtonProps | BulkDeleteWithConfirmButtonProps);
+
+const PREFIX = 'RaBulkDeleteButton';
+
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        [PREFIX]: Partial<BulkDeleteButtonProps>;
+    }
+
+    interface Components {
+        [PREFIX]?: {
+            defaultProps?: ComponentsPropsList[typeof PREFIX];
+        };
+    }
+}

packages/ra-ui-materialui/src/button/BulkUpdateButton.tsx

@@ -1,4 +1,7 @@
 import * as React from 'react';
+import { MutationMode } from 'ra-core';
+import { useThemeProps } from '@mui/material/styles';
+
 import {
     BulkUpdateWithConfirmButton,
     BulkUpdateWithConfirmButtonProps,
@@ -7,7 +10,6 @@ import {
     BulkUpdateWithUndoButton,
     BulkUpdateWithUndoButtonProps,
 } from './BulkUpdateWithUndoButton';
-import { MutationMode } from 'ra-core';
 
 /**
  * Updates the selected rows.
@@ -33,7 +35,14 @@ import { MutationMode } from 'ra-core';
  * );
  */
 export const BulkUpdateButton = (props: BulkUpdateButtonProps) => {
-    const { mutationMode = 'undoable', data = defaultData, ...rest } = props;
+    const {
+        mutationMode = 'undoable',
+        data = defaultData,
+        ...rest
+    } = useThemeProps({
+        name: PREFIX,
+        props: props,
+    });
 
     return mutationMode === 'undoable' ? (
         <BulkUpdateWithUndoButton data={data} {...rest} />
@@ -54,3 +63,17 @@ export type BulkUpdateButtonProps = Props &
     (BulkUpdateWithUndoButtonProps | BulkUpdateWithConfirmButtonProps);
 
 const defaultData = [];
+
+const PREFIX = 'RaBulkUpdateButton';
+
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        [PREFIX]: Partial<BulkUpdateButtonProps>;
+    }
+
+    interface Components {
+        [PREFIX]?: {
+            defaultProps?: ComponentsPropsList[typeof PREFIX];
+        };
+    }
+}

packages/ra-ui-materialui/src/button/UpdateButton.tsx

@@ -7,6 +7,7 @@ import {
     UpdateWithUndoButton,
     UpdateWithUndoButtonProps,
 } from './UpdateWithUndoButton';
+import { useThemeProps } from '@mui/material/styles';
 
 /**
  * Updates the current record.
@@ -30,7 +31,10 @@ import {
  * );
  */
 export const UpdateButton = (props: UpdateButtonProps) => {
-    const { mutationMode = 'undoable', ...rest } = props;
+    const { mutationMode = 'undoable', ...rest } = useThemeProps({
+        name: PREFIX,
+        props: props,
+    });
 
     return mutationMode === 'undoable' ? (
         <UpdateWithUndoButton {...rest} />
@@ -46,3 +50,17 @@ export type UpdateButtonProps =
     | ({
           mutationMode?: 'pessimistic' | 'optimistic';
       } & UpdateWithConfirmButtonProps);
+
+const PREFIX = 'RaUpdateButton';
+
+declare module '@mui/material/styles' {
+    interface ComponentsPropsList {
+        [PREFIX]: Partial<UpdateButtonProps>;
+    }
+
+    interface Components {
+        [PREFIX]?: {
+            defaultProps?: ComponentsPropsList[typeof PREFIX];
+        };
+    }
+}