@applica-software-guru/react-admin 1.4.204 → 1.4.206

package/dist/themes/overrides/Dialog.d.ts

@@ -1,10 +1,15 @@
-export default function Dialog(): {
+export default function Dialog(theme: any): {
     MuiDialog: {
         styleOverrides: {
             root: {
                 '& .MuiBackdrop-root': {
                     backgroundColor: string;
                 };
+                '& .MuiCardContent-root': {
+                    [x: number]: {
+                        paddingBottom: string;
+                    };
+                };
             };
         };
     };

package/dist/themes/overrides/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Dialog.jsx"],"names":[],"mappings":"AAKA;;;;;;;;;;EAYC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Dialog.jsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;EAiBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.4.204",
+  "version": "1.4.206",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/ActionsMenu.tsx

@@ -17,7 +17,6 @@ const StyledMenuPopover = styled(MenuPopover, {
   '& .MuiMenuItem-root': {
     padding: 0,
     margin: 0,
-    // backgroundColor: theme.palette.background.paper,
     '& .MuiButton-startIcon': {
       marginRight: theme.spacing(0)
     }

package/src/components/ra-buttons/CreateInDialogButton.tsx

@@ -209,7 +209,7 @@ export function CreateInDialogButton({
   onSubmit,
   onSuccess,
   onError,
-  ...props
+  ...controllerProps
 }: CreateInDialogButtonProps): JSX.Element {
   const [open, setOpen] = useState(false);
   const translate = useTranslate();
@@ -224,7 +224,6 @@ export function CreateInDialogButton({
     <>
       {isSmall ? (
         <StyledFab
-          {...props}
           // @ts-ignore
           state={scrollStates[String(scrollToTop)]}
           color="primary"
@@ -235,7 +234,7 @@ export function CreateInDialogButton({
           <ContentAdd />
         </StyledFab>
       ) : (
-        <Button {...props} sx={sx} label={label} onClick={handleOpen} style={style}>
+        <Button sx={sx} label={label} onClick={handleOpen} style={style}>
           <ContentAdd />
         </Button>
       )}
@@ -254,7 +253,7 @@ export function CreateInDialogButton({
         maxWidth={maxWidth}
       >
         <CreateInDialogContent
-          {...props}
+          {...controllerProps}
           redirect={redirect}
           record={record}
           onClose={handleClose}

package/src/components/ra-forms/CardForm.tsx

@@ -74,7 +74,7 @@ const StyledForm = styled(Form, { slot: 'root' })(({ theme, spacing }: StyledFor
     paddingTop: '20px !important',
     paddingRight: '0 !important',
     paddingLeft: '0 !important',
-    paddingBottom: 0,
+    paddingBottom: '0 !important',
   }
 }));
 

package/src/components/ra-forms/SimpleForm.tsx

@@ -11,13 +11,10 @@ import ActionsMenu from '../ActionsMenu';
 import MainCard from '../MainCard';
 import Toolbar from './Toolbar';
 
-const StyledSimpleForm = styled(RaSimpleForm, { slot: 'Root' })(({ theme, modal }: { theme: any; modal: boolean }) => ({
-  '& .MuiGrid-root.MuiGrid-container': {
-    paddingBottom: theme.spacing(modal ? 0 : 2.5)
-  } as any,
-  // [theme.breakpoints.down('sm')]: {
-  paddingBottom: '0 !important',
-  // }
+const StyledSimpleForm = styled(RaSimpleForm, { slot: 'Root' })(({ theme }: { theme: any }) => ({
+  [theme.breakpoints.down('sm')]: {
+    paddingBottom: '20px',
+  }
 }));
 
 export type SimpleFormProps = RaSimpleFormProps & {
@@ -61,7 +58,8 @@ export function SimpleForm({
         '& .MuiToolbar-root': {
           paddingLeft: 2.5,
           paddingRight: 2.5,
-          paddingBottom: 2.5
+          paddingBottom: 2.5,
+          paddingTop: 0
         }
       }}
       border={!modal}

package/src/components/ra-forms/TabbedForm.tsx

@@ -25,9 +25,9 @@ export type TabbedFormProps = RaTabbedFormProps & {
   noPadding?: boolean;
 };
 
-const StyledTabbedForm = styled(RaTabbedForm, { slot: 'Root' })(({ theme, modal }: { theme: any; modal: boolean }) => ({
+const StyledTabbedForm = styled(RaTabbedForm, { slot: 'Root' })(({ theme }: { theme: any }) => ({
   '& .MuiGrid-root.MuiGrid-container': {
-    paddingBottom: theme.spacing(modal ? 0 : 1)
+    paddingBottom: 0
   } as any,
   [theme.breakpoints.down('sm')]: {
     paddingBottom: 0,

package/src/themes/overrides/Dialog.jsx

@@ -3,13 +3,18 @@ import { alpha } from '@mui/material/styles';
 
 // ==============================|| OVERRIDES - DIALOG ||============================== //
 
-export default function Dialog() {
+export default function Dialog(theme) {
   return {
     MuiDialog: {
       styleOverrides: {
         root: {
           '& .MuiBackdrop-root': {
             backgroundColor: alpha('#000', 0.7)
+          },
+          '& .MuiCardContent-root': {
+            [theme.breakpoints.down('sm')]: {
+              paddingBottom: '20px'
+            }
           }
         }
       }

package/src/themes/overrides/index.jsx

@@ -64,7 +64,7 @@ export default function ComponentsOverrides(theme) {
     CardContent(),
     Checkbox(theme),
     Chip(theme),
-    Dialog(),
+    Dialog(theme),
     DialogContentText(theme),
     DialogTitle(),
     Fab(theme),