- Update dependencies
- Fix installation issue
- Fix sidenav color issue
- Migration from Material-UI to MUI v5.
- Migration from JSS to
styled
api, emotion andsx
prop. - Product folders and files structured are updated: README
- New components are added
- New example blocks are added
- Components are Example Blocks are totally customizable and reusable now
- Product now uses the react context api for global configurations
All from previous version
- ArgonAlert
- ArgonAvatar
- ArgonBadge
- ArgonBox
- ArgonButton
- ArgonInput
- ArgonPagination
- ArgonProgress
- ArgonTypography
- Breadcrumbs
- Cards
- BlogCards
- DefaultBlogCard
- TransparentBlogCard
- CounterCards
- OutlinedCounterCard
- InfoCards
- DefaultInfoCard
- ProfileInfoCard
- MasterCard
- PlaceholderCard
- PricingCards
- DefaultPricingCard
- ProjectCards
- DefaultProjectCard
- StatisticsCards
- DetailedStatisticsCard
- MiniStatisticsCard
- BlogCards
- Charts
- BarCharts
- HorizontalBarChart
- VerticalBarChart
- ReportsBarChart
- BubbleChart
- DoughnutCharts
- DefaultDoughnutChart
- LineCharts
- DefaultLineChart
- GradientLineChart
- MixedChart
- PieChart
- PolarChart
- RadarChart
- BarCharts
- Configurator
- Footer
- Items
- NotificationItem
- LayoutContainers
- DashboardLayout
- PageLayout
- Lists
- CategoriesList
- ProfilesList
- Navbars
- DashboardNavbar
- DefaultNavbar
- Sidenav
- Tables
- SalesTable
- Table
- Timeline
- TimelineList
- TimelineItem
@fortawesome/fontawesome-free
@material-ui/core
@material-ui/icons
@material-ui/lab
node-sass
nouislider
react-copy-to-clipboard
react-datetime
@mui/material
@mui/icons-material
@mui/styled-engine
@emotion/cache
chroma-js
react-countup
react-github-btn
stylis
stylis-plugin-rtl
uuid
web-vitals
yup
swiper
"@emotion/react": "11.1.5" -> "11.9.0"
"@emotion/styled": "11.1.5" -> "11.8.1"
"chart.js": "2.9.4 -> "3.4.1"
"prop-types": "15.7.2" -> "15.8.1"
"react": "17.0.1" -> "18.1.0"
"react-chartjs-2": "2.11.1" -> "3.0.4"
"react-dom": "17.0.1" -> "18.1.0"
"react-router-dom": "5.2.0 -> "6.3.0"
"react-scripts": "4.0.3 -> "5.0.1"
- Updated the license
- We've followed the instructions here to update our product
- All styles from
src/assets/theme/**/*.js
were removed and replaced withsx
prop, or they were moved as part of thesrc/assets/theme/theme.js
- checkout more here: https://next.material-ui.com/system/advanced/#heading-adding-the-sx-prop-to-your-custom-components
- or (if the above link does not work): https://material-ui.com/system/advanced/#heading-adding-the-sx-prop-to-your-custom-components
- All styles from
src/assets/theme/**/*.js
nouislider
this was used inside Argon Dashboard PRO React, but Material-UI comes with its own slider component
@babel/[email protected]
to stop warnings
@emotion/styled 11.1.5 → 11.3.0
@fortawesome/fontawesome-free 5.15.2 → 5.15.3
@material-ui/core 4.11.3 → 5.0.0-alpha.32
@material-ui/icons 4.11.3 → 5.0.0-alpha.29
@material-ui/lab 4.0.0-alpha.57 → 5.0.0-alpha.32
chart.js 2.9.4 → 3.2.1
react 17.0.1 → 17.0.2
react-chartjs-2 2.11.1 → 3.0.3
react-dom 17.0.1 → 17.0.2
react-scripts 4.0.2 → 4.0.3
eslint 7.20.0 → 7.25.0
eslint-plugin-unused-imports 1.1.0 → 1.1.1
gulp-append-prepend 1.0.8 → 1.0.9
typescript 4.1.5 → 4.2.4
When doing a clean install, you might have some warnings, those come from node_modules
and do not affect the project in any way.
The following errors might occur while doing a clean install - They do not affect the product in any way and they will be dealt with in the stable v5 release of Material-UI:
npm WARN [email protected] requires a peer of moment@^2.16.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
- Started project with Material-UI Create-React-App: https://github.com/mui-org/material-ui/tree/master/examples/create-react-app
- Added Material-UI as base framework
- Added React Hooks
- Added design from Argon Dashboard React by Creative Tim
- Added features from Argon Dashboard React by Creative Tim (such as routing system and components)
- The TypeScript dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not on TypeScript!
- We have this warning
npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
which will be solved in our next update, if not, we'll replace react-datetime with something else