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