Skip to content

Commit e6a8afd

Browse files
ct-dixitct-vrushtiphoenixcoded20
authored
Stage v2.0.0 (#85)
* free version * pr review complete --------- Co-authored-by: ct-vrushti <[email protected]> Co-authored-by: Dikshit Moradiya <[email protected]>
1 parent 675236e commit e6a8afd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+1697
-1226
lines changed

‎.env‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
VITE_APP_VERSION = v1.6.0
1+
VITE_APP_VERSION = v2.0.0
22
GENERATE_SOURCEMAP = false
33

44
## Public URL

‎.github/workflows/prod.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ jobs:
3030
- name: 🔨 Build Project
3131
run: |
3232
corepack enable
33-
yarn set version 4.9.1
33+
yarn set version 4.10.3
3434
yarn
3535
yarn build
3636

‎index.html‎

Lines changed: 35 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,48 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<title>Mantis React Admin Dashboard</title>
5-
<link rel="icon" href="/favicon.svg" />
63

7-
<!-- Meta Tags-->
8-
<meta charset="utf-8" />
9-
<meta name="viewport" content="width=device-width, initial-scale=1" />
10-
<meta name="theme-color" content="#1677ff" />
11-
<meta name="title" content="Mantis - React Admin Dashboard Template by CodedThemes" />
12-
<meta
13-
name="description"
14-
content="Start your next React project with Mantis admin template. It build with Reactjs, Material-UI, SWR, and Hook for faster web development."
15-
/>
16-
<meta
17-
name="keywords"
18-
content="react admin template, material-ui react dashboard template, reactjs admin template, reactjs dashboard, react backend template"
19-
/>
20-
<meta name="author" content="CodedThemes" />
21-
<link rel="apple-touch-icon" href="/logo192.png" />
4+
<head>
5+
<title>Mantis React Admin Dashboard</title>
6+
<link rel="icon" href="/favicon.svg" />
227

23-
<!-- Performance hints for Vite -->
24-
<link rel="preconnect" href="https://fonts.googleapis.com" />
25-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
8+
<!-- Meta Tags-->
9+
<meta charset="utf-8" />
10+
<meta name="viewport" content="width=device-width, initial-scale=1" />
11+
<meta name="theme-color" content="#1677ff" />
12+
<meta name="title" content="Mantis - React Admin Dashboard Template by CodedThemes" />
13+
<meta name="description"
14+
content="Start your next React project with Mantis admin template. It build with Reactjs, Material-UI, SWR, and Hook for faster web development." />
15+
<meta name="keywords"
16+
content="react admin template, material-ui react dashboard template, reactjs admin template, reactjs dashboard, react backend template" />
17+
<meta name="author" content="CodedThemes" />
18+
<link rel="apple-touch-icon" href="/logo192.png" />
2619

27-
<!-- DNS prefetch for external resources -->
28-
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
29-
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
20+
<!-- Performance hints for Vite -->
21+
<link rel="preconnect" href="https://fonts.googleapis.com" />
22+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
3023

31-
<!-- this is to resolve issue in old safari browser in tablet -->
32-
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ResizeObserver.min.js"></script>
33-
<!-- Buy Now -->
34-
<script defer="" src="https://fomo.codedthemes.com/pixel/Oo2pYDncP8R8qhhETpWKGA04b8jPhUjF"></script>
35-
</head>
36-
<body>
37-
<noscript>You need to enable JavaScript to run this app.</noscript>
38-
<div id="root"></div>
39-
<!--
24+
<!-- DNS prefetch for external resources -->
25+
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
26+
<link rel="dns-prefetch" href="//fonts.gstatic.com" />
27+
28+
<!-- this is to resolve issue in old safari browser in tablet -->
29+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ResizeObserver.min.js"></script>
30+
<!-- Buy Now -->
31+
<script defer="" src="https://fomo.codedthemes.com/pixel/Oo2pYDncP8R8qhhETpWKGA04b8jPhUjF"></script>
32+
</head>
33+
34+
<body>
35+
<noscript>You need to enable JavaScript to run this app.</noscript>
36+
<div id="root"></div>
37+
<!--
4038
This HTML file is a template.
4139
If you open it directly in the browser, you will see an empty page.
42-
4340
You can add webfonts, meta tags, or analytics to this file.
4441
The build step will place the bundled scripts into the <body> tag.
45-
4642
To begin the development, run `npm start` or `yarn start`.
4743
To create a production bundle, use `npm run build` or `yarn build`.
4844
-->
49-
<script type="module" src="/src/index.jsx"></script>
50-
</body>
51-
</html>
45+
<script type="module" src="/src/index.jsx"></script>
46+
</body>
47+
48+
</html>

‎package.json‎

Lines changed: 24 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mantis-material-free-react",
3-
"version": "1.6.0",
3+
"version": "4.0.0",
44
"homepage": "https://mantisdashboard.com/free",
55
"author": {
66
"name": "CodedThemes",
@@ -16,36 +16,33 @@
1616
"prettier": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\""
1717
},
1818
"dependencies": {
19-
"@ant-design/colors": "8.0.0",
20-
"@ant-design/icons": "6.0.0",
19+
"@ant-design/colors": "7.2.1",
20+
"@ant-design/icons": "6.1.0",
2121
"@emotion/cache": "11.14.0",
2222
"@emotion/react": "11.14.0",
2323
"@emotion/styled": "11.14.1",
24-
"@fontsource/inter": "5.2.6",
25-
"@fontsource/poppins": "5.2.6",
26-
"@fontsource/public-sans": "5.2.6",
27-
"@fontsource/roboto": "5.2.6",
24+
"@fontsource/public-sans": "5.2.7",
2825
"@mui/base": "5.0.0-beta.70",
29-
"@mui/lab": "7.0.0-beta.10",
30-
"@mui/material": "7.0.2",
31-
"@mui/system": "7.0.2",
32-
"@mui/x-charts": "8.1.0",
33-
"@vitejs/plugin-react": "4.6.0",
26+
"@mui/lab": "7.0.1-beta.18",
27+
"@mui/material": "7.3.4",
28+
"@mui/system": "7.3.3",
29+
"@mui/x-charts": "8.14.0",
30+
"@vitejs/plugin-react": "5.0.4",
3431
"formik": "2.4.6",
35-
"framer-motion": "12.8.2",
32+
"framer-motion": "12.23.24",
3633
"lodash-es": "4.17.21",
37-
"react": "19.1.0",
34+
"react": "19.2.0",
3835
"react-device-detect": "2.2.3",
39-
"react-dom": "19.1.0",
36+
"react-dom": "19.2.0",
4037
"react-number-format": "5.4.4",
41-
"react-router": "7.6.3",
42-
"react-router-dom": "7.6.3",
38+
"react-router": "7.9.4",
39+
"react-router-dom": "7.9.4",
4340
"simplebar-react": "3.3.2",
44-
"swr": "2.3.4",
45-
"vite": "7.0.4",
41+
"swr": "2.3.6",
42+
"vite": "7.1.9",
4643
"vite-jsconfig-paths": "2.0.1",
47-
"web-vitals": "4.2.4",
48-
"yup": "1.6.1"
44+
"web-vitals": "5.1.0",
45+
"yup": "1.7.1"
4946
},
5047
"eslintConfig": {
5148
"extends": [
@@ -66,16 +63,16 @@
6663
]
6764
},
6865
"devDependencies": {
69-
"@eslint/compat": "1.3.1",
66+
"@eslint/compat": "1.4.0",
7067
"@eslint/eslintrc": "3.3.1",
71-
"@eslint/js": "9.31.0",
72-
"eslint": "9.25.1",
68+
"@eslint/js": "9.37.0",
69+
"eslint": "9.37.0",
7370
"eslint-config-prettier": "10.1.2",
7471
"eslint-plugin-jsx-a11y": "6.10.2",
75-
"eslint-plugin-prettier": "5.2.6",
72+
"eslint-plugin-prettier": "5.5.4",
7673
"eslint-plugin-react": "7.37.5",
77-
"eslint-plugin-react-hooks": "5.2.0",
74+
"eslint-plugin-react-hooks": "7.0.0",
7875
"prettier": "3.6.2"
7976
},
80-
"packageManager": "yarn@4.9.1"
77+
"packageManager": "yarn@4.10.3"
8178
}

‎src/components/@extended/Avatar.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ const AvatarStyle = styled(MuiAvatar, { shouldForwardProp: (prop) => prop !== 'c
9292
{
9393
props: { size: 'badge' },
9494
style: {
95-
borderColor: theme.palette.background.default
95+
borderColor: theme.vars.palette.background.default
9696
}
9797
}
9898
]

‎src/components/@extended/Breadcrumbs.jsx‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export default function Breadcrumbs({
4545
marginLeft: 0,
4646
width: '1rem',
4747
height: '1rem',
48-
color: theme.palette.secondary.main
48+
color: theme.vars.palette.secondary.main
4949
};
5050

5151
let customLocation = location.pathname;
@@ -128,9 +128,8 @@ export default function Breadcrumbs({
128128
<Grid
129129
container
130130
direction={rightAlign ? 'row' : 'column'}
131-
justifyContent={rightAlign ? 'space-between' : 'flex-start'}
132-
alignItems={rightAlign ? 'center' : 'flex-start'}
133131
spacing={1}
132+
sx={{ justifyContent: rightAlign ? 'space-between' : 'flex-start', alignItems: rightAlign ? 'center' : 'flex-start' }}
134133
>
135134
<Grid>
136135
<MuiBreadcrumbs aria-label="breadcrumb" maxItems={maxItems || 8} separator={separatorIcon}>
@@ -214,9 +213,8 @@ export default function Breadcrumbs({
214213
<Grid
215214
container
216215
direction={rightAlign ? 'row' : 'column'}
217-
justifyContent={rightAlign ? 'space-between' : 'flex-start'}
218-
alignItems={rightAlign ? 'center' : 'flex-start'}
219216
spacing={1}
217+
sx={{ justifyContent: rightAlign ? 'space-between' : 'flex-start', alignItems: rightAlign ? 'center' : 'flex-start' }}
220218
>
221219
{title && !titleBottom && (
222220
<Grid>

‎src/components/@extended/Dot.jsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@ import Box from '@mui/material/Box';
66
// project imports
77
import getColors from 'utils/getColors';
88

9-
export default function Dot({ color, size, variant, sx }) {
9+
export default function Dot({ color, size, variant, sx, ...rest }) {
1010
const theme = useTheme();
1111
const colors = getColors(theme, color || 'primary');
1212
const { main } = colors;
1313

1414
return (
1515
<Box
16+
{...rest}
1617
sx={{
1718
width: size || 8,
1819
height: size || 8,
@@ -24,4 +25,4 @@ export default function Dot({ color, size, variant, sx }) {
2425
);
2526
}
2627

27-
Dot.propTypes = { color: PropTypes.any, size: PropTypes.number, variant: PropTypes.string, sx: PropTypes.any };
28+
Dot.propTypes = { color: PropTypes.any, size: PropTypes.number, variant: PropTypes.string, sx: PropTypes.any, rest: PropTypes.any };

‎src/components/@extended/IconButton.jsx‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,12 @@ import PropTypes from 'prop-types';
22

33
// material-ui
44
import MuiIconButton from '@mui/material/IconButton';
5-
import { alpha, styled } from '@mui/material/styles';
5+
import { styled } from '@mui/material/styles';
66

77
// project imports
88
import getColors from 'utils/getColors';
99
import getShadow from 'utils/getShadow';
10+
import { withAlpha } from 'utils/colorUtils';
1011

1112
function getColorStyle({ variant, theme, color }) {
1213
const colors = getColors(theme, color);
@@ -17,10 +18,10 @@ function getColorStyle({ variant, theme, color }) {
1718

1819
const commonShadow = {
1920
'&::after': {
20-
boxShadow: `0 0 6px 6px ${alpha(main, 0.9)}`
21+
boxShadow: `0 0 6px 6px ${withAlpha(main, 0.9)}`
2122
},
2223
'&:active::after': {
23-
boxShadow: `0 0 0 0 ${alpha(main, 0.9)}`
24+
boxShadow: `0 0 0 0 ${withAlpha(main, 0.9)}`
2425
},
2526
'&:focus-visible': {
2627
outline: `2px solid ${dark}`,
@@ -43,7 +44,7 @@ function getColorStyle({ variant, theme, color }) {
4344
color: main,
4445
background: lighter,
4546
'&:hover': {
46-
background: alpha(light, 0.5)
47+
background: withAlpha(light, 0.5)
4748
},
4849
...commonShadow
4950
};
@@ -81,7 +82,7 @@ function getColorStyle({ variant, theme, color }) {
8182
return {
8283
'&:hover': {
8384
color: dark,
84-
background: color === 'secondary' ? alpha(light, 0.1) : lighter
85+
background: color === 'secondary' ? withAlpha(light, 0.1) : lighter
8586
},
8687
...commonShadow
8788
};
@@ -142,10 +143,10 @@ const IconButtonStyle = styled(MuiIconButton, { shouldForwardProp: (prop) => pro
142143
props: ({ variant }) => variant !== 'text',
143144
style: {
144145
'&.Mui-disabled': {
145-
background: theme.palette.grey[200],
146+
background: theme.vars.palette.grey[200],
146147
'&:hover': {
147-
background: theme.palette.grey[200],
148-
color: theme.palette.grey[300],
148+
background: theme.vars.palette.grey[200],
149+
color: theme.vars.palette.grey[300],
149150
borderColor: 'inherit'
150151
}
151152
}

‎src/components/Loader.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import Box from '@mui/material/Box';
66

77
export default function Loader() {
88
return (
9-
<Box sx={{ position: 'fixed', top: 0, left: 0, zIndex: 2001, width: '100%' }}>
9+
<Box sx={{ position: 'fixed', top: 0, left: 0, zIndex: 2001, width: 1 }}>
1010
<LinearProgress color="primary" />
1111
</Box>
1212
);

0 commit comments

Comments
 (0)