- Changed Multi Level Collapse links and layouts to stop it opening when going to the /admin/buttons page
- Change SidebarWrapper from class to function component
- Change Sidebar from class to function component
- Also, made the Multi Level Collapse stop opening when navigating to /admin/buttons
- Also, made the collapses close when opening a new one
- creativetimofficial/ct-material-dashboard-pro-react#253
- creativetimofficial/ct-material-dashboard-pro-react#252
- creativetimofficial/ct-material-dashboard-pro-react#251
- creativetimofficial/ct-material-dashboard-pro-react#243
- creativetimofficial/ct-material-dashboard-pro-react#232
- creativetimofficial/ct-material-dashboard-pro-react#229
- creativetimofficial/ct-material-dashboard-pro-react#228
- Change Step1, Step2 and Step3 of Wizard component from class components to functional ones
- NOTE: The Wizard still accepts class components as well
- NOTE: The Wizard is still a class component. It could not be changed to functional component as of the moment :(. We will continue to find a solution for this component as well.
react-google-maps(we've replaced this with simple Google Maps API)@types/googlemaps(we've replaced this with simple Google Maps API)@types/markerclustererplus(we've replaced this with simple Google Maps API)ajv(this was only installed to stop some install warnings)history(we'll useBrowserRouterfromreact-router-dompackage instead)
@babel/[email protected](to stop warnings)
@material-ui/core 4.9.14 → 4.11.4
@material-ui/icons 4.9.1 → 4.11.2
classnames 2.2.6 → 2.3.1
match-sorter 4.1.0 → 6.3.0
moment 2.26.0 → 2.29.1
node-sass 4.14.1 → 5.0.0
nouislider 14.5.0 → 15.0.0
perfect-scrollbar 1.5.0 → 1.5.1
react 16.13.1 → 17.0.2
react-big-calendar 0.24.6 → 0.33.2
react-bootstrap-sweetalert 5.1.9 → 5.2.0
react-chartist 0.14.3 → 0.14.4
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-table 7.1.0 → 7.7.0
eslint-config-prettier 6.11.0 → 8.3.0
eslint-plugin-prettier 3.1.3 → 3.4.0
gulp-append-prepend 1.0.8 → 1.0.9
prettier 2.0.5 → 2.2.1
typescript 3.9.3 → 4.2.4
In the next version, we'll change all the ReactTable components to JSS based components, the same these tables were created: https://demos.creative-tim.com/material-dashboard-pro-react/#/admin/extended-tables or these https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/table 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.
npm WARN [email protected] requires a peer of react@^16.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^16.0.0 || ^15.0.0 || ^0.14.0 but none is installed. You must install peer dependencies yourself.
You will also have the following message: found 1 low severity vulnerability. This comes from gulp, and will be fixed in the next version. NOTE: the product works as expected with these vulnerabilities.
- Add
React.useEffectinsidesrc/views/Pages/LoginPage.jsandsrc/views/Pages/LockScreenPage.jsso that thesetTimeoutwill not throw errors on route change - creativetimofficial/ct-material-dashboard-pro-react#219 (added two new props for this component, so you can easily use your own default value and your own function for changing this value)
- creativetimofficial/ct-material-dashboard-pro-react#214
- creativetimofficial/ct-material-dashboard-pro-react#212
- creativetimofficial/ct-material-dashboard-pro-react#208
- creativetimofficial/ct-material-dashboard-pro-react#195
- creativetimofficial/ct-material-dashboard-pro-react#194
- creativetimofficial/ct-material-dashboard-pro-react#225
- From other repositories:
src/assets/jss/material-dashboard-pro-react/layouts/authStyle.jssrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-bootstrap-sweetalert.scsssrc/assets/jss/material-dashboard-pro-react/components/sidebarStyle.jssrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-table.scss
src/components/CustomTabs/CustomTabs.js(This was because of the update to React-Table 7 API. NOTE: this is just a demo component to showcase the usage of the API, if you wish to add more functionality from the API, you should either duplicate the component, or work over it.)
@material-ui/core 4.3.2 → 4.9.14
@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
perfect-scrollbar 1.4.0 → 1.5.0
react 16.9.0 → 16.13.1
react-big-calendar 0.22.0 → 0.24.6
react-bootstrap-sweetalert 4.4.1 → 5.1.9
react-chartist 0.13.3 → 0.14.3
react-dom 16.9.0 → 16.13.1
react-jvectormap 0.0.12 → 0.0.16
react-router-dom 5.0.1 → 5.2.0
react-scripts 3.1.0 → 3.4.1
react-swipeable-views 0.13.3 → 0.13.9
react-table 6.10.0 → 7.1.0
eslint-config-prettier 6.0.0 → 6.11.0
eslint-plugin-prettier 3.1.0 → 3.1.3
prettier 1.18.2 → 2.0.5
@types/googlemaps 3.37.3 → 3.39.6
ajv 6.10.2 → 6.12.2
typescript 3.5.3 → 3.9.3
In the next version, we'll change all the ReactTable components to JSS based components, the same these tables were created: https://demos.creative-tim.com/material-dashboard-pro-react/#/admin/extended-tables or these https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/table 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.
- 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
@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
- [email protected] (To stop console warnings on install)
- [email protected]
- [email protected]
@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 [email protected] 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/[email protected](instead of[email protected])[email protected]to stop the warningnpm **WARN** [email protected] requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.@types/[email protected]to stop the warningnpm **WARN** [email protected] requires a peer of @types/markerclustererplus@^2.1.29 but none is installed. You must install peer dependencies yourself.@types/[email protected]to stop the warningnpm **WARN** [email protected] requires a peer of @types/googlemaps@^3.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][email protected]to[email protected][email protected]to[email protected]
- Changed links for live preview, online documentation and issues
- Changed links from
httptohttps
- Changes caused by the upgrade of
material-ui
@material-ui/[email protected](instead of[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 Material-UI as base framework
- Added design from Material Dashboard Pro BS3 by Creative Tim