@applica-software-guru/react-admin 1.4.203 → 1.4.205

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.203",
+  "version": "1.4.205",
   "private": false,
   "repository": {
     "type": "git",

package/react-admin.code-workspace

@@ -0,0 +1,13 @@
+{
+	"folders": [
+		{
+			"path": ".",
+			"name": "Framework"
+		},
+		{
+			"path": "src/playground",
+			"name": "Sample App"
+		}
+	],
+	"settings": {}
+}

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/Layout/Navigation/NavGroup.tsx

@@ -1,12 +1,11 @@
 import { Box, ClickAwayListener, List, ListItemButton, ListItemIcon, ListItemText, Paper, Popper, Typography, Theme } from '@mui/material';
 import { DownOutlined, RightOutlined } from '@ant-design/icons';
-import { Fragment, useEffect, useState } from 'react';
+import React, { Fragment, useEffect, useState } from 'react';
 import { styled, useTheme } from '@mui/material/styles';
 import { useMenuConfig } from '../../../hooks';
 
 import NavCollapse from './NavCollapse';
 import NavItem from './NavItem';
-import PropTypes from 'prop-types';
 import { Transitions } from '../../@extended';
 import { useTranslate } from 'react-admin';
 import { useLayoutMediaState } from '../Provider';
@@ -336,15 +335,4 @@ const NavGroup = ({
   );
 };
 
-NavGroup.propTypes = {
-  item: PropTypes.object,
-  lastItem: PropTypes.number,
-  remItems: PropTypes.array,
-  lastItemId: PropTypes.string,
-  setSelectedItems: PropTypes.func,
-  selectedItems: PropTypes.string,
-  setSelectedLevel: PropTypes.func,
-  selectedLevel: PropTypes.number
-};
-
 export { NavGroup };

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/contexts/MenuConfigContext.tsx

@@ -1,6 +1,5 @@
 import { MenuProps } from '../types';
-import { createContext, useEffect } from 'react';
-import { useLocalStorage } from '../hooks';
+import { createContext, useEffect, useState } from 'react';
 
 export type MenuConfigContextProps = {
   openItem: string[];
@@ -40,7 +39,7 @@ export type MenuConfigProviderProps = {
 };
 
 const MenuConfigProvider = ({ menu, children }: MenuConfigProviderProps) => {
-  const [menuConfig, setMenuConfig] = useLocalStorage('menu-config', { ...initialState, menu }) as any;
+  const [menuConfig, setMenuConfig] = useState({ ...initialState, menu }) as any;
   const setMenu = (menu: MenuProps) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, menu }));
   const activeItem = (openItem: string) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, openItem }));
   const activeID = (selectedID: string) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, selectedID }));

package/src/playground/menu.jsx

@@ -3,7 +3,7 @@ import { DashboardOutlined, FlagOutlined, NotificationOutlined, TableOutlined, U
 const config = [
   {
     id: 'dashboard',
-    title: 'Dashboard',
+    title: 'Dashboard AA',
     type: 'group',
     icon: DashboardOutlined,
     children: [

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),