Free version update (#70) (#71)

* New free version update done

* MainCard and Readme changes

---------

Co-authored-by: ct-vrushti <vrushti.chopda@codedthemes.com>
Co-authored-by: ct-vrushti <vrushti.pcoded@gmail.com>
Co-authored-by: Tushar <tushar.phoenixcoded@gmail.com>

Author: 4 people

.env

@@ -1,4 +1,4 @@
-VITE_APP_VERSION = v1.4.1
+VITE_APP_VERSION = v1.5.0
 GENERATE_SOURCEMAP = false
 
 ## Public URL

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 CodedThemes
+Copyright (c) 2025 CodedThemes
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -18,6 +18,6 @@
     "baseUrl": "src"
   },
   "exclude": ["node_modules"],
-  "include": ["src", "**/*.ts", "**/*.tsx", "src/**/*"],
+  "include": ["src", "**/*.js", "**/*.jsx", "src/**/*"],
   "references": [{ "path": "./jsconfig.node.json" }]
 }

jsconfig.json

@@ -1,7 +1,6 @@
 {
   "name": "mantis-material-free-react",
-  "version": "1.4.1",
-  "private": false,
+  "version": "1.5.0",
   "homepage": "https://mantisdashboard.io/free",
   "author": {
     "name": "CodedThemes",
@@ -19,33 +18,33 @@
     "knip": "knip"
   },
   "dependencies": {
-    "@ant-design/colors": "7.2.0",
-    "@ant-design/icons": "5.6.0",
+    "@ant-design/colors": "8.0.0",
+    "@ant-design/icons": "6.0.0",
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "@fontsource/inter": "5.1.1",
-    "@fontsource/poppins": "5.1.1",
-    "@fontsource/public-sans": "5.1.2",
-    "@fontsource/roboto": "5.1.1",
-    "@mui/base": "5.0.0-beta.69",
-    "@mui/lab": "6.0.0-beta.24",
-    "@mui/material": "6.4.1",
-    "@mui/system": "6.4.1",
-    "@mui/x-charts": "7.24.1",
-    "@vitejs/plugin-react": "4.3.4",
+    "@fontsource/inter": "5.2.5",
+    "@fontsource/poppins": "5.2.5",
+    "@fontsource/public-sans": "5.2.5",
+    "@fontsource/roboto": "5.2.5",
+    "@mui/base": "5.0.0-beta.70",
+    "@mui/lab": "7.0.0-beta.10",
+    "@mui/material": "7.0.2",
+    "@mui/system": "7.0.2",
+    "@mui/x-charts": "8.1.0",
+    "@vitejs/plugin-react": "4.4.1",
     "formik": "2.4.6",
-    "framer-motion": "12.0.5",
+    "framer-motion": "12.8.2",
     "lodash-es": "4.17.21",
-    "react": "18.3.1",
+    "react": "19.1.0",
     "react-device-detect": "2.2.3",
-    "react-dom": "18.3.1",
-    "react-number-format": "5.4.3",
-    "react-router": "7.1.3",
-    "react-router-dom": "7.1.3",
+    "react-dom": "19.1.0",
+    "react-number-format": "5.4.4",
+    "react-router": "7.5.1",
+    "react-router-dom": "7.5.1",
     "simplebar-react": "3.3.0",
-    "swr": "2.3.0",
-    "vite": "6.0.11",
+    "swr": "2.3.3",
+    "vite": "6.3.1",
     "vite-jsconfig-paths": "2.0.1",
     "web-vitals": "4.2.4",
     "yup": "1.6.1"
@@ -69,20 +68,19 @@
     ]
   },
   "devDependencies": {
-    "@eslint/compat": "1.2.5",
-    "@eslint/eslintrc": "3.2.0",
-    "@eslint/js": "9.19.0",
-    "@types/node": "22.13.5",
-    "eslint": "9.19.0",
-    "eslint-config-prettier": "10.0.1",
+    "@eslint/compat": "1.2.8",
+    "@eslint/eslintrc": "3.3.1",
+    "@eslint/js": "9.25.1",
+    "eslint": "9.25.1",
+    "eslint-config-prettier": "10.1.2",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-prettier": "5.2.3",
+    "eslint-plugin-prettier": "5.2.6",
     "eslint-plugin-react": "7.37.4",
-    "eslint-plugin-react-hooks": "5.1.0",
+    "eslint-plugin-react-hooks": "5.2.0",
     "immutable": "4.3.7",
     "knip": "5.45.0",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "prettier-eslint-cli": "8.0.1"
   },
-  "packageManager": "yarn@4.6.0"
+  "packageManager": "yarn@4.9.1"
 }

package.json

@@ -110,7 +110,7 @@ export default function Avatar({ children, color = 'primary', type, size = 'md',
 getColorStyle.propTypes = { theme: PropTypes.any, color: PropTypes.any, type: PropTypes.any };
 
 Avatar.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   color: PropTypes.string,
   type: PropTypes.any,
   size: PropTypes.string,

src/components/@extended/Avatar.jsx

@@ -5,7 +5,7 @@ import { Link, useLocation } from 'react-router-dom';
 // material-ui
 import { useTheme } from '@mui/material/styles';
 import Divider from '@mui/material/Divider';
-import Grid from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
 

src/components/@extended/Breadcrumbs.jsx

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { forwardRef } from 'react';
 
 // material-ui
 import MuiIconButton from '@mui/material/IconButton';
@@ -156,7 +155,7 @@ const IconButtonStyle = styled(MuiIconButton, { shouldForwardProp: (prop) => pro
   })
 );
 
-function IconButton({ variant = 'text', shape = 'square', children, color = 'primary', ...others }, ref) {
+function IconButton({ variant = 'text', shape = 'square', children, color = 'primary', ref, ...others }) {
   return (
     <IconButtonStyle ref={ref} disableRipple variant={variant} shape={shape} color={color} {...others}>
       {children}
@@ -166,7 +165,7 @@ function IconButton({ variant = 'text', shape = 'square', children, color = 'pri
 
 IconButton.displayName = 'IconButton';
 
-export default forwardRef(IconButton);
+export default IconButton;
 
 getColorStyle.propTypes = { variant: PropTypes.any, theme: PropTypes.any, color: PropTypes.any };
 
@@ -175,5 +174,6 @@ IconButton.propTypes = {
   shape: PropTypes.string,
   children: PropTypes.node,
   color: PropTypes.string,
+  ref: PropTypes.any,
   others: PropTypes.any
 };

src/components/@extended/IconButton.jsx

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { forwardRef } from 'react';
 
 // material-ui
 import Collapse from '@mui/material/Collapse';
@@ -9,7 +8,7 @@ import Slide from '@mui/material/Slide';
 import Zoom from '@mui/material/Zoom';
 import Box from '@mui/material/Box';
 
-function transitions({ children, position = 'top-left', type = 'grow', direction = 'up', ...others }, ref) {
+export default function Transitions({ children, position = 'top-left', type = 'grow', direction = 'up', ref, ...others }) {
   let positionSX = {
     transformOrigin: '0 0 0'
   };
@@ -105,17 +104,17 @@ function transitions({ children, position = 'top-left', type = 'grow', direction
   );
 }
 
-export default forwardRef(transitions);
-
-function popupTransition(props, ref) {
+export function PopupTransition({ ref, ...props }) {
   return <Zoom ref={ref} timeout={200} {...props} />;
 }
-export const PopupTransition = forwardRef(popupTransition);
 
-transitions.propTypes = {
+Transitions.propTypes = {
   children: PropTypes.node,
   position: PropTypes.string,
   type: PropTypes.string,
+  ref: PropTypes.any,
   direction: PropTypes.oneOf(['up', 'right', 'left', 'down']),
   others: PropTypes.any
 };
+
+PopupTransition.propTypes = { ref: PropTypes.any, props: PropTypes.any };

src/components/@extended/Transitions.jsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import PropTypes from 'prop-types';
 
 // material-ui
 import Card from '@mui/material/Card';
@@ -12,28 +12,24 @@ const headerSX = {
   '& .MuiCardHeader-action': { m: '0px auto', alignSelf: 'center' }
 };
 
-const MainCard = forwardRef(function MainCard(
-  {
-    border = true,
-    boxShadow,
-    children,
-    subheader,
-    content = true,
-    contentSX = {},
-    darkTitle,
-    divider = true,
-    elevation,
-    secondary,
-    shadow,
-    sx = {},
-    title,
-    codeHighlight = false,
-    codeString,
-    modal = false,
-    ...others
-  },
-  ref
-) {
+export default function MainCard({
+  border = true,
+  boxShadow,
+  children,
+  subheader,
+  content = true,
+  contentSX = {},
+  darkTitle,
+  divider = true,
+  elevation,
+  secondary,
+  shadow,
+  sx = {},
+  title,
+  modal = false,
+  ref,
+  ...others
+}) {
   return (
     <Card
       elevation={elevation || 0}
@@ -73,16 +69,25 @@ const MainCard = forwardRef(function MainCard(
       {/* card content */}
       {content && <CardContent sx={contentSX}>{children}</CardContent>}
       {!content && children}
-
-      {/* card footer - clipboard & highlighter  */}
-      {/* {codeString && (
-        <>
-          <Divider sx={{ borderStyle: 'dashed' }} />
-          <Highlighter codeString={codeString} codeHighlight={codeHighlight} />
-        </>
-      )} */}
     </Card>
   );
-});
+}
 
-export default MainCard;
+MainCard.propTypes = {
+  border: PropTypes.bool,
+  boxShadow: PropTypes.bool,
+  children: PropTypes.node,
+  subheader: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  content: PropTypes.bool,
+  contentSX: PropTypes.object,
+  darkTitle: PropTypes.bool,
+  divider: PropTypes.bool,
+  elevation: PropTypes.number,
+  secondary: PropTypes.any,
+  shadow: PropTypes.string,
+  sx: PropTypes.object,
+  title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  modal: PropTypes.bool,
+  ref: PropTypes.object,
+  others: PropTypes.any
+};