@applica-software-guru/react-admin 1.4.209 → 1.4.211

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

@@ -10,6 +10,10 @@ export default function Dialog(theme: any): {
                         paddingBottom: string;
                     };
                 };
+                '& .MuiPaper-root:has(.tabbed-form)': {
+                    overflowY: string;
+                    width: 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;;;;;;;;;;;;;;;EAiBC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Dialog.jsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;EAqBC"}

package/package.json

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

package/src/components/ActionsMenu.tsx

@@ -64,8 +64,6 @@ export function ActionsMenu({ horizontal = false, children }: ActionsMenuProps):
   }
 
   const handleOnClick = useCallback((e: any) => {
-    e.stopPropagation();
-    e.preventDefault();
     setOpen(null);
 
     if (typeof e.currentTarget?.onClick === 'function') {

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

@@ -71,7 +71,7 @@ const StyledForm = styled(Form, { slot: 'root' })(({ theme, spacing }: StyledFor
     minHeight: 'unset'
   },
   '& .RaToolbar-mobileToolbar': {
-    paddingTop: '20px !important',
+    paddingTop: `${theme.spacing(2.5)} !important`,
     paddingRight: '0 !important',
     paddingLeft: '0 !important',
     paddingBottom: '0 !important',

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

@@ -83,8 +83,8 @@ export const Create = styled(CreateWithDefaults, { slot: 'root' })(({ theme }) =
   },
   '& .RaToolbar-mobileToolbar': {
     position: 'initial !important',
-    paddingLeft: '20px !important',
-    paddingRight: '20px !important',
+    paddingLeft: `${theme.spacing(2.5)} !important`,
+    paddingRight: `${theme.spacing(2.5)} !important`,
     paddingTop: '0 !important',
   },
   // Ci ho messo 4 ore per scrivere questa riga di codice e risolvere un problema con react-sticky-box ed i Long Form.

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

@@ -16,8 +16,8 @@ const StyledEdit = styled(RaEdit, { slot: 'root' })(({ theme }) => ({
 
   '& .RaToolbar-mobileToolbar': {
     position: 'initial !important',
-    paddingLeft: '20px !important',
-    paddingRight: '20px !important',
+    paddingLeft: `${theme.spacing(2.5)} !important`,
+    paddingRight: `${theme.spacing(2.5)} !important`,
     paddingTop: '0 !important'
   },
   '& .RaEdit-main': {

package/src/components/ra-forms/LongForm/BaseForm.tsx

@@ -31,7 +31,7 @@ const StyledGrid = styled(Grid, {
   },
   '& .RaToolbar-mobileToolbar': {
     position: 'initial !important',
-    paddingTop: '20px !important',
+    paddingTop: `${theme.spacing(2.5)} !important`,
     paddingLeft: '0 !important',
     paddingRight: '0 !important',
     paddingBottom: '0 !important',

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

@@ -13,7 +13,7 @@ import Toolbar from './Toolbar';
 
 const StyledSimpleForm = styled(RaSimpleForm, { slot: 'Root' })(({ theme }: { theme: any }) => ({
   [theme.breakpoints.down('sm')]: {
-    paddingBottom: '20px'
+    paddingBottom: `${theme.spacing(2.5)}`
   }
 }));
 
@@ -58,12 +58,11 @@ export function SimpleForm({
         ...sx,
         '& .MuiToolbar-root': {
           position: 'initial',
-          paddingLeft: 2.5,
-          paddingRight: 2.5,
-          paddingBottom: 2.5,
-
-          paddingTop: modal ? 2.5 : 0,
-          borderTop: modal ? `1px solid ${theme.palette.divider}` : undefined
+          paddingLeft: theme.spacing(2.5),
+          paddingRight: theme.spacing(2.5),
+          paddingBottom: theme.spacing(2.5),
+          paddingTop: modal ? theme.spacing(2.5) : 0,
+          borderTop: modal ? `1px solid ${theme.palette.divider}` : undefined,
         }
       }}
       border={!modal}

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

@@ -1,4 +1,4 @@
-import { Box } from '@mui/material';
+import { Box, useTheme } from '@mui/material';
 import { styled } from '@mui/system';
 import {
   TabbedForm as RaTabbedForm,
@@ -62,6 +62,7 @@ export function TabbedForm(props: TabbedFormProps): JSX.Element {
     ...rest
   } = props;
   const title = useResourceTitle(_title);
+  const theme = useTheme();
 
   return (
     <MainCard
@@ -82,10 +83,11 @@ export function TabbedForm(props: TabbedFormProps): JSX.Element {
         },
         '& .MuiToolbar-root.RaToolbar-desktopToolbar': {
           position: 'initial',
-          paddingTop: 0
+          paddingTop: modal ? theme.spacing(2.5) : 0
         },
         '& .MuiToolbar-root': {
-          padding: 2.5
+          padding: theme.spacing(2.5),
+          borderTop: modal ? `1px solid ${theme.palette.divider}` : undefined
         }
       }}
       border={!modal}

package/src/themes/index.jsx

@@ -72,7 +72,7 @@ const ThemeCustomization = ({ themeOverrides, children }) => {
   return (
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={themes}>
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         {children}
       </ThemeProvider>
     </StyledEngineProvider>

package/src/themes/overrides/Dialog.jsx

@@ -13,8 +13,12 @@ export default function Dialog(theme) {
           },
           '& .MuiCardContent-root': {
             [theme.breakpoints.down('sm')]: {
-              paddingBottom: '20px'
+              paddingBottom: `${theme.spacing(2.5)}`
             }
+          },
+          '& .MuiPaper-root:has(.tabbed-form)': {
+            overflowY: 'unset',
+            width: '100%'
           }
         }
       }