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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.4.202",
+  "version": "1.4.204",
   "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/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/MenuPopover/styles.jsx

@@ -5,8 +5,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
 
   const POSITION = -(SIZE / 2);
 
-  const borderStyle =
-    theme.palette.mode === 'dark' ? `solid 1px ${theme.palette.grey[100]}` : `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`;
+  const borderStyle = theme.palette.mode === 'dark' ? `none` : `solid 1px ${alpha(theme.palette.grey[500], 0.12)}`;
 
   const topStyle = {
     borderRadius: '0 0 3px 0',
@@ -31,7 +30,7 @@ export const StyledArrow = styled('span')(({ arrow, theme }) => {
 
   const rightStyle = {
     borderRadius: '0 0 0 3px',
-    right: POSITION - 1,
+    right: POSITION,
     borderBottom: borderStyle,
     borderLeft: borderStyle
   };

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: [