Material Dashboard PRO React ist ein Premium
Admin mit einem frischen, neuen Design, inspiriert von Google's Material Design. Wir sind sehr
Wir freuen uns sehr, unsere Interpretation der Material-Konzepte in Form einer einfach zu bedienenden und
schönen Satz von Komponenten. Material Dashboard PRO React wurde über das beliebte
Material-UI-Framework.
Material Dashboard PRO React macht Gebrauch von Licht,
Oberfläche und Bewegung. Das allgemeine Layout ähnelt Papierblättern nach
mehreren verschiedenen Ebenen, so dass die Tiefe und Ordnung offensichtlich ist. Die Navigation
befindet sich hauptsächlich in der linken Seitenleiste und der Inhalt auf der rechten Seite.
Material
Dashboard PRO React kommt mit 7 Farbfiltern für die Links der Sidebar
(blau, grün, orange, rot,
violett, rosa, weiß), 3 Filterfarben zur Auswahl
für den Hintergrund der Sidebar (weiss, blau,
schwarz), eine Option für das Hintergrundbild der Sidebar und 6 Farbfilter
Filterwahlen die Kartenüberschriften (blau, grün,
orange, rot, lila, rose).
Material Dashboard PRO React verwendet ein Framework, das von unserem Freund Olivier - Material-UI entwickelt wurde, der
der das Grundgerüst für die Materialeffekte, Animationen, Wellen und Übergänge
und Übergänge. Ein großes Dankeschön an sein Team für die Mühe und das vorausschauende Denken, das sie
hineingesteckt haben.
Besonderer Dank geht an:
React.useEffect inside src/views/Pages/LoginPage.js and
src/views/Pages/LockScreenPage.js so that the setTimeout will
not throw errors on route changesrc/assets/jss/material-dashboard-pro-react/layouts/authStyle.jssrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-bootstrap-sweetalert.scss
src/assets/jss/material-dashboard-pro-react/components/sidebarStyle.jssrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-table.scss
### Deleted components ### Added componentssrc/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.) ### Deleted dependencies ### Added dependencies @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
### Warning 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..jsx to .jswithStyles function from Material-UI with the
makeStyles function (integration with other frameworks should now be easy)
src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.js
src/assets/jss/material-kit-pro-react/components/cardBodyStyle.jssrc/assets/scss/plugins/_plugin-nouislider.scss ### Deleted components @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.
.env file, and replaced it with the jsconfig.json file
React.createRef() @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
src/layouts/Dashboard.jsx, now it is called
src/layouts/Admin.jsxsrc/layouts/Pages.jsx, now it is called src/layouts/Auth.jsx
src/components/Header/Header.jsx, now it is called
src/components/Navbars/AdminNavbar.jsxsrc/components/Header/HeaderLinks.jsx, now it is called
src/components/Navbars/AdminNavbarLinks.jsxsrc/components/Header/PagesHeader.jsx, now it is called
src/components/Navbars/AuthNavbar.jsx (This has no longer dynamic links)
assets/jss/material-dashboard-pro-react/components/pagesHeaderStyle.jsx,
now it is called
assets/jss/material-dashboard-pro-react/components/authNavbarStyle.jsxassets/jss/material-dashboard-pro-react/components/headerStyle.jsx, now it
is called
assets/jss/material-dashboard-pro-react/components/adminNavbarStyle.jsx
assets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsx,
now it is called
assets/jss/material-dashboard-pro-react/components/adminNavbarLinksStyle.jsx
### Added componentssrc/views/Pages/ErrorPage.jsx) ###
Deleted dependenciesnode-sass-chokidarnpm-run-alleslint-plugin-reacteslintbabel-eslint@babel/core ### Added dependenciesnode-sass version: 4.11.0 ### Updated dependencies@material-ui/core 3.1.1 → 3.9.1@material-ui/icons 3.0.1 → 3.0.2moment 2.22.2 → 2.24.0nouislider 12.0.0 → 13.1.0perfect-scrollbar 1.4.0 → 1.4.4react 16.5.2 → 16.8.1react-big-calendar 0.20.1 → 0.20.3react-chartist 0.13.1 → 0.13.3react-datetime 2.15.0 → 2.16.3react-dom 16.5.2 → 16.8.1react-jvectormap 0.0.3 → 0.0.6react-scripts 1.1.5 → 2.1.5react-swipeable-views 0.13.0 → 0.13.1react-table 6.8.6 → 6.9.2@types/googlemaps 3.30.13 → 3.30.16ajv 5.0.0 → 6.9.1eslint-config-prettier 3.1.0 → 4.0.0eslint-plugin-prettier 2.6.2 → 3.0.1prettier 1.14.3 → 1.16.4src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customTabsStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/snackbarContentStyle.jsx
src/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.jsx
src/assets/jss/material-dashboard-pro-react/views/validationFormsStyle.jsx
src/assets/jss/material-dashboard-pro-react/customCheckboxRadioSwitch.jsx
src/assets/scss/material-dashboard-pro-react/plugins/_plugin-nouislider.scss
src/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scss
### Bug Fixingprettier (minor code writting bugs)npm run node_modules (Mac/Linux) and
npm run node_modules-w (Windows) scripts (deletes
node_modules and package-lock.json)npm run install:clean (Mac/Linux) and
npm run install:clean-w (Windows) scripts (deletes
node_modules and package-lock.json, runs
npm install and runs npm start)@babel/runtimereact-nouislider (since it was not well maintained) ### Added dependencies
@babel/core 7.0.0nouislider 12.0.0 (instead of react-nouislider)
### Updated dependencies@material-ui/core 1.4.3 → 3.1.1@material-ui/icons 2.0.1 → 3.0.1@types/googlemaps 3.30.11 → 3.30.13ajv 6.5.2 → 5.0.0react 16.4.1 → 16.5.2react-big-calendar 0.19.2 → 0.20.1react-dom 16.4.1 → 16.5.2react-scripts 1.1.4 → 1.1.5react-swipeable-views 0.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.3svg's, font-awesome classes and
.material-icons class inside src/assets/jss/material-dashboard-pro-react/views/dashboardStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/extendedTablesStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/pricingPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/buttonStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/cardFooterStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/cardHeaderStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/cardStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customTabsStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/regularFormsStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsx
src/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scss
src/assets/jss/material-dashboard-pro-react/layouts/pagesStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/registerPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/loginPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/pricingPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/lockScreenPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsx
src/assets/jss/material-dashboard-pro-react/customSelectStyle.jsx
(added some special class for the multiple select) ### Bug Fixingprettier (minor code writting bugs)helpText prop on CustomInput component (if the
CustomInput has the error prop set, the helpText
wil have error color, if the success prop is set on
CustomInput then the helpText will have success color)Clear (icon that appeared on error for
CustomInput) and Check (icon that appeared on
success for CustomInput) - now you should use
InputAdornment from @material-ui/coreCustomDropdown, now it uses @material-ui/core/Popper,
instead of { Manager, Target, Popper } from react-popperHeaderLinks, now it uses
@material-ui/core/Popper, instead of
{ Manager, Target, Popper } from react-popperhttps://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/34
https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/35
https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/39
https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/40
https://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/55
https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/62
### Deleted dependencies ### Added dependencies@babel/runtime v7.0.0-beta.55 ### Updated dependencies@material-ui/core v1.2.0 to @material-ui/core v1.4.3@material-ui/icons v1.1.0 to @material-ui/icons v2.0.1@types/googlemaps v3.30.8 to @types/googlemaps v3.30.11ajv v6.5.0 to ajv v6.5.2moment v2.22.1 to moment v2.22.2node-sass-chokidar v1.3.0 to node-sass-chokidar v1.3.3perfect-scrollbar v1.3.0 to perfect-scrollbar v1.4.0react v16.4.0 tp react v16.4.1react-big-calendar v0.19.1 to react-big-calendar v0.19.2react-datetime v2.14.0 to react-datetime v2.15.0react-dom v16.4.0 to react-dom 16.4.1react-router-dom v4.2.2 to react-router-dom v4.3.1react-swipeable-views v0.12.13 to
react-swipeable-views v0.12.15*NoBackground colors of the custom Button have been dropped, and have
been replaced by adding the properties simple color="*" (where
* is one of info, danger etc.)IconButton.jsx (instead of this one - use
Button with justIcon prop)ChartCard.jsxPricingCard.jsxFullHeaderCard.jsxProfileCard.jsxHeaderCard.jsxRegularCard.jsxIconCard.jsxStatsCard.jsxImagePriceCard.jsxTasksCard.jsxLoginCard.jsxTestimonialCard.jsxItemGrid.jsxCard.jsxCardBody.jsxCardHeader.jsxCardFooter.jsxCardIcon.jsxCustomTabs/CustomTabs.jsx instead part of
TasksCard.jsxGridItem.jsx instead of the above deleted
Grid*cardHeader variables orangeCardHeadergreenCardHeaderredCardHeaderblueCardHeaderpurpleCardHeaderwarningCardHeadersuccessCardHeaderdangerCardHeaderinfoCardHeaderprimaryCardHeaderSwitch, Select and
Checkbox (on Wizard page - Step2 - IconCheckboxes) components
ImageUpload components - they weren't rendering correctly
on apple productssrc/assets/jss/material-dashboard-pro-react/components/accordionStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/buttonStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/customInputStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/headerLinksStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/headerStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/navPillsStyle.jsx
src/assets/jss/material-dashboard-pro-react/components/tasksStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/extendedTablesStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/notificationsStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/registerPageStyle.jsx
src/assets/jss/material-dashboard-pro-react/views/userProfileStyles.jsx
src/assets/jss/material-dashboard-pro-react/views/validationFormsStyle.jsx
src/assets/jss/material-dashboard-pro-react/customCheckboxRadioSwitch.jsx
src/assets/jss/material-dashboard-pro-react/customSelectStyle.jsx
src/assets/jss/material-dashboard-pro-react/modalStyle.jsxsrc/assets/scss/material-dashboard-pro-react/plugins/_plugin-react-big-calendar.scss
src/assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsx
src/assets/scss/material-dashboard-pro-react/_fileupload.scss ###
Bug FixingWizard component and Wizard Steps
components so that you can pass states between them (please
read the docs)/*eslint-disable*/ at the start of some files to stop showing
warnings about links ### Deleted dependencies[email protected]
### Added dependencies@material-ui/[email protected]
(instead of
[email protected])
[email protected]
to stop the warning
npm **WARN** [email protected] requires a peer of [email protected]^6.0.0 but none is installed. You must install peer dependencies yourself.
@types/[email protected]
to stop the warning
npm **WARN** [email protected] requires a peer of @types/[email protected]^2.1.29 but none is installed. You must install peer dependencies yourself.
@types/[email protected]
to stop the warning
npm **WARN** [email protected] requires a peer of @types/[email protected]^3.0.0 but none is installed. You must install peer dependencies yourself.
### Updated dependencies@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]
http to httpsmaterial-ui ### Deleted dependencies[email protected]
### Added dependencies@material-ui/[email protected]
(instead of
[email protected])
### Updated dependencies[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]
