- Upgrade React 18
- Update dependencies and dev-dependencies
- 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 and Example Blocks are now totally customizable and reusable
- Badge
- Card
- Clearfix
- CustomButtons
- CustomDropdown
- CustomInput
- CustomLinearProgress
- CustomTabs
- Footer
- Grid
- Header
- InfoArea
- NavPills
- Pagination
- Parallax
- Snackbar
- Typography
- MKAlert
- MKAvatar
- MKBadge
- MKBox
- MKButton
- MKDatePicker
- MKInput
- MKPagination
- MKProgress
- MKSocialButton
- MKTypography
- Breadcrumbs
- Cards
- BlogCards
- BackgroundBlogCard
- CenteredBlogCard
- TransparentBlogCard
- CounterCards
- DefaultCounterCard
- InfoCards
- DefaultInfoCard
- FilledInfoCard
- ReviewCards
- DefaultReviewCard
- RotatingCard
- TeamCards
- HorizontalTeamCard
- BlogCards
- Footers
- CenteredFooter
- DefaultFooter
- SimpleFooter
- Navbars
- DefaultNavbar
@material-ui/core
@material-ui/icons
animate.css
classnames
moment
node-sass
nouislider
react-animate-on-scroll
react-datetime
react-image-gallery
react-slick
react-tagsinput
@mui/material
@mui/icons-material
@mui/styled-engine
@emotion/cache
@emotion/react
@emotion/styled
@testing-library/jest-dom
@testing-library/react":
@testing-library/user-event
chroma-js
flatpickr
prop-types
react-flatpickr
react-copy-to-clipboard
react-countup
react-syntax-highlighter
web-vitals
- creativetimofficial/material-kit-react#86
- This issue cannot be solved, it comes from the
react-swipeable-views
plugin, this plugins is no longer maintained, evenMaterial-UI
has dropped its usage and stopped animating theNav Pills
, so, weβve dropped their usage as well
- This issue cannot be solved, it comes from the
- creativetimofficial/material-kit-react#85
- Tested this inside a Linux environment, and evrything worked as expected, maybe the issue was solved by the new Material-UI version
- creativetimofficial/material-kit-react#75
- This issue will be closed, as people might want to change the brand component from
Button
to something else, for example aLink
fromreact-router-dom
- This issue will be closed, as people might want to change the brand component from
@babel/[email protected]
(to stop warnings)
history
(no more need for this one, we'll useBrowserRouter
instead ofRouter
withhistory
)react-swipeable-views
(no longer maintained)
@material-ui/core 4.10.0 β 4.11.4
@material-ui/icons 4.9.1 β 4.11.2
classnames 2.2.6 β 2.3.1
moment 2.26.0 β 2.29.1
node-sass 4.14.1 β 6.0.0
nouislider 14.5.0 β 15.1.0
react 16.13.1 β 17.0.2
react-datetime 2.16.3 β 3.0.4
react-dom 16.13.1 β 17.0.2
react-scripts 3.4.1 β 4.0.3
react-slick 0.26.1 β 0.28.1
@babel/cli 7.10.1 β 7.13.16
@babel/plugin-proposal-class-properties 7.10.1 β 7.13.0
@babel/preset-env 7.10.1 β 7.14.1
@babel/preset-react 7.10.1 β 7.13.13
eslint-config-prettier 6.11.0 β 8.3.0
eslint-plugin-prettier 3.1.3 β 3.4.0
eslint-plugin-react 7.20.0 β 7.23.2
gulp-append-prepend 1.0.8 β 1.0.9
prettier 2.0.5 β 2.3.0
typescript 3.9.3 β 4.2.4
Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself.
npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
You will also have the following message: found 80 vulnerabilities (1 low, 79 moderate). This comes from react-scripts, and will be fixed in the next version. NOTE: the product works as expected with these vulnerabilities.
@material-ui/core 4.3.2 β 4.10.0
@material-ui/icons 4.2.1 β 4.9.1
history 4.9.0 β 4.10.1
moment 2.24.0 β 2.26.0
node-sass 4.12.0 β 4.14.1
nouislider 14.0.2 β 14.5.0
react 16.9.0 β 16.13.1
react-dom 16.9.0 β 16.13.1
react-router-dom 5.0.1 β 5.2.0
react-scripts 3.1.0 β 3.4.1
react-slick 0.25.2 β 0.26.1
react-swipeable-views 0.13.3 β 0.13.9
@babel/cli 7.5.5 β 7.10.1
@babel/plugin-proposal-class-properties 7.5.5 β 7.10.1
@babel/preset-env 7.5.5 β 7.10.1
@babel/preset-react 7.0.0 β 7.10.1
eslint-config-prettier 6.0.0 β 6.11.0
eslint-plugin-prettier 3.1.0 β 3.1.3
eslint-plugin-react 7.14.3 β 7.20.0
prettier 1.18.2 β 2.0.5
typescript 3.5.3 β 3.9.3
While in development some of the plugins that were used for this product will throw some warnings - note, this only happens in development, the UI or the functionality of the product is not affected, also, if the issues will persist in React 17, we'll drop usage of those plugins, and replace them with other ones. Warnings might appear while doing an npm install - they do not affect the UI or the functionality of the product, and they appear because of NodeJS and not from the product itself.
- Rewrote the ISSUE_TEMPLATE
- Deleted the copyright comments from all files, we only need to keep them inside our index.js and index.html
- Added script that adds copyrights to the built app
- Renamed all the files from
.jsx
to.js
- Changed the
withStyles
function from Material-UI with themakeStyles
function (integration with other frameworks should now be easy) - React Hooks is now supported
src/assets/scss/plugins/_plugin-nouislider.scss
@material-ui/core 4.1.0 β 4.3.2
@material-ui/icons 4.1.0 β 4.2.1
nouislider 13.1.5 β 14.0.2
react 16.8.6 β 16.9.0
react-dom 16.8.6 β 16.9.0
react-scripts 3.0.1 β 3.1.0
react-slick 0.24.0 β 0.25.2
@babel/cli 7.4.4 β 7.5.5
@babel/plugin-proposal-class-properties 7.4.4 β 7.5.5
@babel/preset-env 7.4.5 β 7.5.5
eslint-config-prettier 4.3.0 β 6.0.0
eslint-plugin-react 7.13.0 β 7.14.3
typescript 3.5.1 β 3.5.3
We've skipped versions 1.5.0, 1.6.0 so that all React Material products would be on the same version.
- Bugs from updated dependencies
- Removed
.env
file, and replaced it with thejsconfig.json
file - Changes caused by running the prettier command for .jsx, .js, .html and .css files
- Changed all string refs to
React.createRef()
- Added types validation in each component
- Solved linting issues
- Solved creativetimofficial/material-kit-react#52
- Solved creativetimofficial/ct-material-dashboard-pro-react#149
- [email protected]
- [email protected] (To stop console warnings on install)
- [email protected] (To stop console warnings on install)
@material-ui/core 3.9.2 β 4.1.0
@material-ui/icons 3.0.2 β 4.1.0
history 4.7.2 β 4.9.0
node-sass 4.11.0 β 4.12.0
nouislider 13.1.0 β 13.1.5
prop-types 15.7.1 β 15.7.2
react 16.8.1 β 16.8.6
react-dom 16.8.1 β 16.8.6
react-router-dom 4.3.1 β 5.0.1
react-scripts 2.1.5 β 3.0.1
react-slick 0.23.2 β 0.24.0
react-swipeable-views 0.13.1 β 0.13.3
@babel/cli 7.2.3 β 7.4.4
@babel/plugin-proposal-class-properties 7.3.0 β 7.4.4
@babel/preset-env 7.3.1 β 7.4.5
eslint-config-prettier 4.0.0 β 4.3.0
eslint-plugin-prettier 3.0.1 β 3.1.0
- creativetimofficial/material-kit-react#46
- creativetimofficial/material-kit-react#44
- Updated available scripts
- Changed the .babelrc file
- src/assets/jss/material-kit-react/components/headerStyle.jsx
- src/assets/jss/material-kit-react/components/customDropdownStyle.jsx
-
- Changes caused by running the prettier command for .jsx, .js, .html and .css files
- src/components/CustomDropdown/CustomDropdown.jsx
babel-eslint
eslint
eslint-plugin-react
prettier
npm-run-all
babel-cli
babel-plugin-module-resolver
babel-plugin-import-rename
babel-plugin-transform-object-rest-spread
babel-plugin-transform-react-jsx
babel-preset-es2015
node-sass-chokidar
@babel/cli
version: 7.2.3@babel/plugin-proposal-class-properties
version: 7.3.0@babel/preset-env
version: 7.3.1@babel/preset-react
version: 7.0.0node-sass
version: 4.11.0
@material-ui/core
3.1.1 β 3.9.2@material-ui/icons
3.0.1 β 3.0.2moment
2.22.2 β 2.24.0node-sass-chokidar
1.3.3 β 1.3.4nouislider
12.0.0 β 13.1.0npm-run-all
4.1.3 β 4.1.5prop-types
15.6.2 β 15.7.1react
16.5.2 β 16.8.1react-datetime
2.15.0 β 2.16.3react-dom
16.5.2 β 16.8.1react-scripts
1.1.4 β 2.1.5react-slick
0.23.1 β 0.23.2react-swipeable-views
0.13.0 β 0.13.1babel-plugin-module-resolver
3.1.1 β 3.1.3eslint-config-prettier
3.1.0 β 4.0.0eslint-plugin-prettier
2.6.2 β 3.0.1
- Github own repo
- Github othe repos
src/assets/jss/material-kit-react/components/headerStyle.jsx
src/assets/jss/material-kit-react/components/snackbarContentStyle.jsx
src/assets/jss/material-kit-react/views/loginPage.jsx
src/assets/jss/material-kit-react/customCheckboxRadioSwitch.jsx
src/assets/scss/plugins/_plugin-nouislider.scss
react-nouislider
nouislider
12.0.0
@material-ui/core
1.5.0
β3.1.1
@material-ui/icons
2.0.2
β3.0.1
react
16.4.2
β16.5.2
react-dom
16.4.2
β16.5.2
react-scripts
1.1.4
β1.1.5
react-swipeable-views
0.12.16
β0.13.0
eslint-config-prettier
2.9.0
β3.1.0
eslint-plugin-react
7.10.0
β7.11.1
prettier
1.13.7
β1.14.3
- Added new script command for clean install of node_modules (just run in terminal
npm run install:clean
, this will also start your server) - Added lint commands
- Minor changes in components due to the upgrade of
@material-ui/icons
- Github
- Added styles for
svg
's, font-awesome classes and.material-icons
class insidesrc/assets/jss/material-kit-react/components/buttonStyle.jsx
src/assets/jss/material-kit-react/components/customInputStyle.jsx
src/assets/jss/material-kit-react/components/customDropdownStyle.jsx
src/assets/jss/material-kit-react/components/headerLinksStyle.jsx
src/assets/jss/material-kit-react/components/headerStyle.jsx
src/assets/jss/material-kit-react/views/loginPage.jsx
- No more use of
react-popper
, no it's beeing used@material-ui/core/Popper
instead (seeCustomDropdown
)
prop-types v15.6.2
classnames v2.2.6
@material-ui/core v1.2.1
to@material-ui/core v1.5.0
@material-ui/icons v1.1.0
to@material-ui/icons v2.0.2
ajv v6.0.0
toajv v6.5.2
node-sass-chokidar v1.3.0
tonode-sass-chokidar v1.3.3
react v16.4.0
toreact v16.4.2
react-datetime v2.14.0
toreact-datetime v2.15.0
react-dom v16.4.0
toreact-dom v16.4.2
react-swipeable-views v0.12.13
toreact-swipeable-views v0.12.16
src/assets/jss/material-kit-react/components/buttonStyle.jsx
, due to the fact that we've dropedsrc/components/CustomButtons/IconButton.jsx
src/assets/jss/material-kit-react/components/customInputStyle.jsx
src/assets/jss/material-kit-react/components/customTabsStyle.jsx
src/assets/jss/material-kit-react/components/headerLinksStyle.jsx
src/components/CustomButtons/IconButton.jsx
instead usesrc/components/CustomButtons/Button.jsx
(with the propjustIcon
on them)
material-ui/[email protected]
(instead of[email protected]
)[email protected]
(to stop the warning: npm WARN [email protected] requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.)
@material-ui/[email protected]
to@material-ui/[email protected]
[email protected]
to[email protected]
[email protected]
to[email protected]
[email protected]
to[email protected]
[email protected]
to[email protected]
[email protected]
to[email protected]
[email protected]
to[email protected]
- Added
maxHeight
in styling sheets for those components that hadheight
set invh
(these changes were made because on an iframe the product would scroll forever) - Changed the imports from Material-UI (now they are with
@material-ui/core
instead ofmaterial-ui
) - Dropped some styling on some pages/section of pages due to the change of the buttons styling
- Added Material-UI as base framework
- Added design from Material Dashboard by Creative Tim