- Migration from Material-UI to MUI v5.
- Migration from JSS to
styledapi, emotion andsxprop. - 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#86
- This issue cannot be solved, it comes from the
react-swipeable-viewsplugin, this plugins is no longer maintained, evenMaterial-UIhas 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#85
- Tested this inside a Linux environment, and evrything worked as expected, maybe the issue was solved by the new Material-UI version
- creativetimofficial#75
- This issue will be closed, as people might want to change the brand component from
Buttonto something else, for example aLinkfromreact-router-dom
- This issue will be closed, as people might want to change the brand component from
@babel/core@7.14.0(to stop warnings)
history(no more need for this one, we'll useBrowserRouterinstead ofRouterwithhistory)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 react-datetime@3.0.4 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
.jsxto.js - Changed the
withStylesfunction from Material-UI with themakeStylesfunction (integration with other frameworks should now be easy) - React Hooks is now supported
src/assets/scss/plugins/_plugin-nouislider.scss
- gulp@4.0.2
- gulp-append-prepend@1.0.8
@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
.envfile, and replaced it with thejsconfig.jsonfile - 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#52
- Solved creativetimofficial/ct-material-dashboard-pro-react#149
- eslint-plugin-react@7.13.0
- prettier@1.18.2 (To stop console warnings on install)
- typescript@3.5.1 (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#46
- creativetimofficial#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-eslinteslinteslint-plugin-reactprettiernpm-run-allbabel-clibabel-plugin-module-resolverbabel-plugin-import-renamebabel-plugin-transform-object-rest-spreadbabel-plugin-transform-react-jsxbabel-preset-es2015node-sass-chokidar
@babel/cliversion: 7.2.3@babel/plugin-proposal-class-propertiesversion: 7.3.0@babel/preset-envversion: 7.3.1@babel/preset-reactversion: 7.0.0node-sassversion: 4.11.0
@material-ui/core3.1.1 → 3.9.2@material-ui/icons3.0.1 → 3.0.2moment2.22.2 → 2.24.0node-sass-chokidar1.3.3 → 1.3.4nouislider12.0.0 → 13.1.0npm-run-all4.1.3 → 4.1.5prop-types15.6.2 → 15.7.1react16.5.2 → 16.8.1react-datetime2.15.0 → 2.16.3react-dom16.5.2 → 16.8.1react-scripts1.1.4 → 2.1.5react-slick0.23.1 → 0.23.2react-swipeable-views0.13.0 → 0.13.1babel-plugin-module-resolver3.1.1 → 3.1.3eslint-config-prettier3.1.0 → 4.0.0eslint-plugin-prettier2.6.2 → 3.0.1
- Github own repo
- Github othe repos
src/assets/jss/material-kit-react/components/headerStyle.jsxsrc/assets/jss/material-kit-react/components/snackbarContentStyle.jsxsrc/assets/jss/material-kit-react/views/loginPage.jsxsrc/assets/jss/material-kit-react/customCheckboxRadioSwitch.jsxsrc/assets/scss/plugins/_plugin-nouislider.scss
react-nouislider
nouislider12.0.0
@material-ui/core1.5.0→3.1.1@material-ui/icons2.0.2→3.0.1react16.4.2→16.5.2react-dom16.4.2→16.5.2react-scripts1.1.4→1.1.5react-swipeable-views0.12.16→0.13.0eslint-config-prettier2.9.0→3.1.0eslint-plugin-react7.10.0→7.11.1prettier1.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-iconsclass insidesrc/assets/jss/material-kit-react/components/buttonStyle.jsxsrc/assets/jss/material-kit-react/components/customInputStyle.jsxsrc/assets/jss/material-kit-react/components/customDropdownStyle.jsxsrc/assets/jss/material-kit-react/components/headerLinksStyle.jsxsrc/assets/jss/material-kit-react/components/headerStyle.jsxsrc/assets/jss/material-kit-react/views/loginPage.jsx
- No more use of
react-popper, no it's beeing used@material-ui/core/Popperinstead (seeCustomDropdown)
prop-types v15.6.2classnames v2.2.6
@material-ui/core v1.2.1to@material-ui/core v1.5.0@material-ui/icons v1.1.0to@material-ui/icons v2.0.2ajv v6.0.0toajv v6.5.2node-sass-chokidar v1.3.0tonode-sass-chokidar v1.3.3react v16.4.0toreact v16.4.2react-datetime v2.14.0toreact-datetime v2.15.0react-dom v16.4.0toreact-dom v16.4.2react-swipeable-views v0.12.13toreact-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.jsxsrc/assets/jss/material-kit-react/components/customInputStyle.jsxsrc/assets/jss/material-kit-react/components/customTabsStyle.jsxsrc/assets/jss/material-kit-react/components/headerLinksStyle.jsx
src/components/CustomButtons/IconButton.jsxinstead usesrc/components/CustomButtons/Button.jsx(with the propjustIconon them)
material-ui@1.0.0-beta.45
material-ui/core@1.2.1(instead ofmaterial-ui@1.0.0-beta.45)ajv@6.0.0(to stop the warning: npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.)
@material-ui/icons@1.0.0-beta.43to@material-ui/icons@1.1.0moment@2.22.1tomoment@2.22.2node-sass-chokidar@1.2.2tonode-sass-chokidar@1.3.0npm-run-all@4.1.2tonpm-run-all@4.1.3react@16.3.1toreact@16.4.0react-dom@16.3.1toreact-dom@16.4.0react-router-dom@4.2.2toreact-router-dom@4.3.1
- Added
maxHeightin styling sheets for those components that hadheightset 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/coreinstead 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