- Wizard and Wizard Steps were not changed to hooks since we need to be able to call the isValidated function (this can only be achieved with classes - withStyles function is still being used)
- Sidebar Component could not be changed to hooks due to the dynamic nature of this component (the collapses states are done dynamically, and you do not have anyway of knowing the amount of collapses this component will have to create static states - withStyles function is still being used)
- 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 (Please read the above warnings)
src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jssrc/assets/jss/material-kit-pro-react/components/cardBodyStyle.jssrc/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-big-calendar 0.21.0 → 0.22.0
react-dom 16.8.6 → 16.9.0
react-scripts 3.0.1 → 3.1.0
eslint-config-prettier 4.3.0 → 6.0.0
@types/googlemaps 3.36.4 → 3.37.3
ajv 6.10.0 → 6.10.2
typescript 3.5.1 → 3.5.3
We've skipped version 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/ct-material-dashboard-pro-react#149
- Solved creativetimofficial/ct-material-dashboard-pro-react#161
- Solved creativetimofficial/ct-material-dashboard-pro-react#171
- Solved creativetimofficial/ct-material-dashboard-pro-react#172
- Solved creativetimofficial/ct-material-dashboard-pro-react#176
- Solved creativetimofficial/ct-material-dashboard-pro-react#177
- typescript@3.5.1 (To stop console warnings on install)
- eslint-plugin-react@7.13.0
- eslint@5.16.0
@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
react 16.8.1 → 16.8.6
react-big-calendar 0.20.3 → 0.21.0
react-dom 16.8.1 → 16.8.6
react-jvectormap 0.0.6 → 0.0.12
react-router-dom 4.3.1 → 5.0.1
react-scripts 2.1.5 → 3.0.1
react-swipeable-views 0.13.1 → 0.13.3
react-table 6.9.2 → 6.10.0
eslint-config-prettier 4.0.0 → 4.3.0
eslint-plugin-prettier 3.0.1 → 3.1.0
@types/googlemaps 3.30.16 → 3.36.4
ajv 6.9.1 → 6.10.0
prettier 1.16.4 → 1.18.2
- Deleted some unnecessary scripts (See available scripts here: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/build-tools)
- Changed our buggy routing system, now it should work flawlessly, for more info, please refer to our live docs here
- Changes caused by running the prettier command for .jsx, .js, .html and .css files
- creativetimofficial/ct-material-dashboard-pro-react#137
- creativetimofficial/ct-material-dashboard-pro-react#132
- creativetimofficial/ct-material-dashboard-pro-react#128
- creativetimofficial/ct-material-dashboard-pro-react#88
- creativetimofficial/ct-material-dashboard-pro-react#87
- creativetimofficial/ct-material-dashboard-pro-react#85
- Changes caused by the fact that all colors are now variables and the prettier command
src/layouts/Dashboard.jsx, now it is calledsrc/layouts/Admin.jsxsrc/layouts/Pages.jsx, now it is calledsrc/layouts/Auth.jsxsrc/components/Header/Header.jsx, now it is calledsrc/components/Navbars/AdminNavbar.jsxsrc/components/Header/HeaderLinks.jsx, now it is calledsrc/components/Navbars/AdminNavbarLinks.jsxsrc/components/Header/PagesHeader.jsx, now it is calledsrc/components/Navbars/AuthNavbar.jsx(This has no longer dynamic links)assets/jss/material-dashboard-pro-react/components/pagesHeaderStyle.jsx, now it is calledassets/jss/material-dashboard-pro-react/components/authNavbarStyle.jsxassets/jss/material-dashboard-pro-react/components/headerStyle.jsx, now it is calledassets/jss/material-dashboard-pro-react/components/adminNavbarStyle.jsxassets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsx, now it is calledassets/jss/material-dashboard-pro-react/components/adminNavbarLinksStyle.jsx
- Added new view component for 404 pages (
src/views/Pages/ErrorPage.jsx)
node-sass-chokidarnpm-run-alleslint-plugin-reacteslintbabel-eslint@babel/core
node-sassversion: 4.11.0
@material-ui/core3.1.1 → 3.9.1@material-ui/icons3.0.1 → 3.0.2moment2.22.2 → 2.24.0nouislider12.0.0 → 13.1.0perfect-scrollbar1.4.0 → 1.4.4react16.5.2 → 16.8.1react-big-calendar0.20.1 → 0.20.3react-chartist0.13.1 → 0.13.3react-datetime2.15.0 → 2.16.3react-dom16.5.2 → 16.8.1react-jvectormap0.0.3 → 0.0.6react-scripts1.1.5 → 2.1.5react-swipeable-views0.13.0 → 0.13.1react-table6.8.6 → 6.9.2@types/googlemaps3.30.13 → 3.30.16ajv5.0.0 → 6.9.1eslint-config-prettier3.1.0 → 4.0.0eslint-plugin-prettier2.6.2 → 3.0.1prettier1.14.3 → 1.16.4
src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customTabsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/snackbarContentStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/tasksStyle.jsxsrc/assets/jss/material-dashboard-pro-react/layouts/pagesStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/extendedFormsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/validationFormsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/customCheckboxRadioSwitch.jsxsrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-nouislider.scsssrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scss
- Run
prettier(minor code writting bugs) - Added
npm run node_modules(Mac/Linux) andnpm run node_modules-w(Windows) scripts (deletesnode_modulesandpackage-lock.json) - Added
npm run install:clean(Mac/Linux) andnpm run install:clean-w(Windows) scripts (deletesnode_modulesandpackage-lock.json, runsnpm installand runsnpm start) - Github own issues solved:
- Github other issues solved:
@babel/runtimereact-nouislider(since it was not well maintained)
@babel/core7.0.0nouislider12.0.0(instead ofreact-nouislider)
@material-ui/core1.4.3→3.1.1@material-ui/icons2.0.1→3.0.1@types/googlemaps3.30.11→3.30.13ajv6.5.2→5.0.0react16.4.1→16.5.2react-big-calendar0.19.2→0.20.1react-dom16.4.1→16.5.2react-scripts1.1.4→1.1.5react-swipeable-views0.12.15→0.13.0eslint-config-prettier^2.9.0→3.1.0eslint-plugin-react^7.10.0→7.11.1prettier^1.13.7→1.14.3
- Added styles for
svg's, font-awesome classes and.material-iconsclass insidesrc/assets/jss/material-dashboard-pro-react/views/dashboardStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/extendedTablesStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/pricingPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/buttonStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/cardFooterStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/cardHeaderStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/cardStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customTabsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsx
- Others
src/assets/jss/material-dashboard-pro-react/views/regularFormsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsxsrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scsssrc/assets/jss/material-dashboard-pro-react/layouts/pagesStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/registerPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/loginPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/pricingPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/lockScreenPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsxsrc/assets/jss/material-dashboard-pro-react/customSelectStyle.jsx(added some special class for the multiple select)
- Run
prettier(minor code writting bugs) - Added lint commands (please read the live docs)
- Added back the
helpTextprop onCustomInputcomponent (if theCustomInputhas theerrorprop set, thehelpTextwil have error color, if thesuccessprop is set onCustomInputthen thehelpTextwill have success color) - Deleted the
Clear(icon that appeared onerrorforCustomInput) andCheck(icon that appeared onsuccessforCustomInput) - now you should useInputAdornmentfrom@material-ui/core - Changed
CustomDropdown, now it uses@material-ui/core/Popper, instead of{ Manager, Target, Popper }fromreact-popper - Changed the dropdown link in
HeaderLinks, now it uses@material-ui/core/Popper, instead of{ Manager, Target, Popper }fromreact-popper - Github issues solved:
https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/34https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/35https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/39https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/40https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/54(added docs for this issue)https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/55https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/62
@babel/runtime v7.0.0-beta.55
@material-ui/core v1.2.0to@material-ui/core v1.4.3@material-ui/icons v1.1.0to@material-ui/icons v2.0.1@types/googlemaps v3.30.8to@types/googlemaps v3.30.11ajv v6.5.0toajv v6.5.2moment v2.22.1tomoment v2.22.2node-sass-chokidar v1.3.0tonode-sass-chokidar v1.3.3perfect-scrollbar v1.3.0toperfect-scrollbar v1.4.0react v16.4.0tpreact v16.4.1react-big-calendar v0.19.1toreact-big-calendar v0.19.2react-datetime v2.14.0toreact-datetime v2.15.0react-dom v16.4.0toreact-dom 16.4.1react-router-dom v4.2.2toreact-router-dom v4.3.1react-swipeable-views v0.12.13toreact-swipeable-views v0.12.15
- All cards have been changed
- Please take a look in our documentation about cards and see how to make these changes
- Some props have been dropped, and some props have been added instead (please read our live docs)
- Instead of using Material-UI's Cards, which are the base of our Cards in material-dashboard-pro-react@v1.1.1 and prior, we've decided to start from scratch and create our own components for the Cards
- All
*NoBackgroundcolors of the custom Button have been dropped, and have been replaced by adding the propertiessimple color="*"(where*is one ofinfo,dangeretc.) - Dropped components
- CustomButton
IconButton.jsx(instead of this one - useButtonwithjustIconprop)
- Cards
ChartCard.jsxPricingCard.jsxFullHeaderCard.jsxProfileCard.jsxHeaderCard.jsxRegularCard.jsxIconCard.jsxStatsCard.jsxImagePriceCard.jsxTasksCard.jsxLoginCard.jsxTestimonialCard.jsx
- Grid
ItemGrid.jsx
- CustomButton
- Added components
- Cards (these are the replacement of the above deleted Cards)
Card.jsxCardBody.jsxCardHeader.jsxCardFooter.jsxCardIcon.jsx
CustomTabs/CustomTabs.jsxinstead part ofTasksCard.jsx- Grid
GridItem.jsxinstead of the above deleted Grid
- Cards (these are the replacement of the above deleted Cards)
- Renamed the
*cardHeadervariables- from
orangeCardHeadergreenCardHeaderredCardHeaderblueCardHeaderpurpleCardHeader
- to
warningCardHeadersuccessCardHeaderdangerCardHeaderinfoCardHeaderprimaryCardHeader
- from
- Changed the way we render
Switch,SelectandCheckbox(on Wizard page - Step2 -IconCheckboxes) components - Changed the
ImageUploadcomponents - they weren't rendering correctly on apple products - Major style changes:
src/assets/jss/material-dashboard-pro-react/components/accordionStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/buttonStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/headerStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/navPillsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/components/tasksStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/extendedTablesStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/notificationsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/registerPageStyle.jsxsrc/assets/jss/material-dashboard-pro-react/views/userProfileStyles.jsxsrc/assets/jss/material-dashboard-pro-react/views/validationFormsStyle.jsxsrc/assets/jss/material-dashboard-pro-react/customCheckboxRadioSwitch.jsxsrc/assets/jss/material-dashboard-pro-react/customSelectStyle.jsxsrc/assets/jss/material-dashboard-pro-react/modalStyle.jsxsrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scsssrc/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsxsrc/assets/scss/material-dashboard-pro-react/_fileupload.scss
- Due to the change of material-ui, all the imports from this library have been changed
- Added props on the
Wizardcomponent and Wizard Steps components so that you can pass states between them (please read the docs) - Used prettier to make the code more readable
- Added
/*eslint-disable*/at the start of some files to stop showing warnings about links
material-ui@1.0.0-beta.41
@material-ui/core@1.2.0(instead ofmaterial-ui@1.0.0-beta.41)ajv@6.5.0to stop the warningnpm **WARN** ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.@types/markerclustererplus@2.1.33to stop the warningnpm **WARN** react-google-maps@9.4.5 requires a peer of @types/markerclustererplus@^2.1.29 but none is installed. You must install peer dependencies yourself.@types/googlemaps@3.30.8to stop the warningnpm **WARN** react-google-maps@9.4.5 requires a peer of @types/googlemaps@^3.0.0 but none is installed. You must install peer dependencies yourself.
@material-ui/icons@1.0.0-beta.42to@material-ui/icons@1.1.0node-sass-chokidar@1.2.2tonode-sass-chokidar@1.3.0npm-run-all@4.1.2tonpm-run-all@4.1.3react@16.2.0toreact@16.4.0react-big-calendar@0.18.0toreact-big-calendar@0.19.1react-bootstrap-sweetalert@4.2.3toreact-bootstrap-sweetalert@4.4.1react-dom@16.2.0toreact-dom@16.4.0react-jvectormap@0.0.2toreact-jvectormap@0.0.3react-table@6.8.0toreact-table@6.8.6
- Changed links for live preview, online documentation and issues
- Changed links from
httptohttps
- Changes caused by the upgrade of
material-ui
material-ui-icons@1.0.0-beta.36
@material-ui/icons@1.0.0-beta.42(instead ofmaterial-ui-icons@1.0.0-beta.36)
material-ui@1.0.0-beta.34tomaterial-ui@1.0.0-beta.41npm-run-all@4.1.1tonpm-run-all@4.1.2react-scripts@1.1.1toreact-scripts@1.1.4node-sass-chokidar@0.0.3tonode-sass-chokidar@1.2.2moment@2.21.0tomoment@2.22.1
- Added Material-UI as base framework
- Added design from Material Dashboard Pro BS3 by Creative Tim