diff --git a/.npmrc b/.npmrc deleted file mode 100644 index 5c6c95870..000000000 --- a/.npmrc +++ /dev/null @@ -1,3 +0,0 @@ -legacy-peer-deps=true -auto-install-peers=true -strict-peer-dependencies=false \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..b092f610a --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "cSpell.words": [ + "stylis" + ] +} \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md deleted file mode 100644 index 53a1317d8..000000000 --- a/CHANGELOG.md +++ /dev/null @@ -1,656 +0,0 @@ -# Change Log - -## [2.2.0] 2023-22-05 - -- Fix issues -- Update dependencies -- Migrate to React 18 -- Fix vulnerabilities issues -- Fix installation issues - -## [2.1.0] 2022-02-14 - -### Bug fixing - -- Momoized the context provider values -- Fix the conditionally used of useContext for MDPagination component -- Fix the import/no-anonymouse-default-export - -### Major style changes - -### Deleted components - -### Added components - -### Deleted dependencies - -### Added dependencies - -### Updated dependencies - -``` - "@emotion/cache" 11.4.0 -> 11.7.1 - "@emotion/react" 11.4.1 -> 11.7.1 - "@emotion/styled" 11.3.0 -> 11.6.0 - "@mui/icons-material" 5.2.0 -> 5.4.1 - "@mui/material" 5.2.0 -> 5.4.1 - "@mui/styled-engine" 5.2.0 -> 5.4.1 - "@testing-library/jest-dom" 5.11.4 -> 5.16.2 - "@testing-library/react" 12.1.0 -> 12.1.2 - "@testing-library/user-event" 12.1.10 -> 13.5.0 - "chroma-js" 2.1.2 -> 2.4.2 - "prop-types" 15.7.2 -> 15.8.1 - "react-router-dom" 6.0.2 -> 6.2.1 - "react-scripts" 4.0.3 -> 5.0.0 - "stylis" 4.0.10 -> 4.0.13 - "stylis-plugin-rtl" 2.1.0 -> 2.1.1 - "web-vitals" 1.0.1 -> 2.1.4 - "yup" 0.32.9 -> 0.32.11 -``` - -### Warning - -## [2.0.0] 2021-12-08 - -### Bug fixing - -### Major style changes - -- Migration from Material-UI to MUI v5. -- Migration from JSS to `styled` api, emotion and `sx` prop. -- Product folders and files structured are updated: [README](https://github.com/creativetimofficial/material-dashboard-react/blob/main/README.md) -- New components are added -- New example blocks are added -- Components are Example Blocks are now totally customizable and reusable -- Product now uses the react context api for global configurations - -### Deleted components - -- AdminNavbar.js -- ChartBar.js -- ChartLine.js -- Footer.js -- MapExample.js -- PageVisitsCard.js -- ProfileCard.js -- SettingsForm.js -- Sidebar.js -- StatusCard.js -- TableCard.js -- TrafficCard.js - -### Added components - -- MDAlert -- MDAvatar -- MDBadge -- MDBox -- MDButton -- MDInput -- MDPagination -- MDProgress -- MDSnackbar -- MDTypography -- Breadcrumbs -- Cards - - BlogCards - - SimpleBlogCard - - InfoCards - - DefaultInfoCard - - ProfileInfoCard - - MasterCard - - ProjectCards - - DefaultProjectCard - - StatisticsCards - - ComplexStatisticsCard -- Charts - - BarCharts - - HorizontalBarChart - - VerticalBarChart - - ReportsBarChart - - BubbleChart - - DoughnutCharts - - DefaultDoughnutChart - - LineCharts - - DefaultLineChart - - GradientLineChart - - ProgressLineChart - - ReportsLineChart - - MixedChart - - PieChart - - PolarChart - - RadarChart -- Configurator -- Footer -- Items - - NotificationItem -- LayoutContainers - - DashboardLayout - - PageLayout -- Lists - - ProfilesList -- Navbars - - DashboardNavbar - - DefaultNavbar -- Sidenav -- Tables - - DataTable -- Timeline - - TimelineList - - TimelineItem - -### Deleted dependencies - -``` -@material-ui/core -@material-ui/icons -chartist -classnames -match-sorter -moment -node-sass -react-chartist -``` - -### Added dependencies - -``` -@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 -chart.js -chroma-js -prop-types -react-chartjs-2 -stylis -stylis-plugin-rtl -uuid -web-vitals -``` - -### Updated dependencies - -### Warning - -## [1.10.0] 2020-05-07 - -### Bug fixing - -- https://github.com/creativetimofficial/material-dashboard-react/issues/145 (this was solved since we've changed react-google-maps with simple Google Maps API) -- https://github.com/creativetimofficial/material-dashboard-react/issues/140 (this was solved since we've changed react-google-maps with simple Google Maps API) -- https://github.com/creativetimofficial/material-dashboard-react/issues/138 (can be closed since it was help wanted) -- https://github.com/creativetimofficial/material-dashboard-react/issues/137 (user did not respond) -- https://github.com/creativetimofficial/material-dashboard-react/issues/133 (fixed it by using `useLocation` from `react-router-dom`) -- https://github.com/creativetimofficial/material-dashboard-react/issues/16 (please check the following page: https://demos.creative-tim.com/material-dashboard-react/#/rtl/rtl-page) - -### Major style changes - -### Deleted components - -### Added components - -### Deleted dependencies - -- `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 use `BrowserRouter` from `react-router-dom` package instead) - -### Added dependencies - -- `@babel/core@7.14.0` (to stop install warnings) - -### Updated dependencies - -``` -@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 -perfect-scrollbar 1.5.0 → 1.5.1 -react 16.13.1 → 17.0.2 -react-chartist 0.14.3 → 0.14.4 -react-dom 16.13.1 → 17.0.2 -react-scripts 3.4.1 → 4.0.3 -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 -``` - -### Warning - -_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-swipeable-views@0.13.9 requires a peer of react@^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself. -npm WARN react-event-listener@0.6.6 requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself. -``` - -_You will also have the following message: `found 88 vulnerabilities (1 low, 87 moderate) in 2207 scanned packages`. This comes from react-scripts, and will be fixed in the next version. NOTE: the product works as expected with these `vulnerabilities`._ - -## [1.9.0] 2020-05-27 - -### Bug fixing - -- https://github.com/creativetimofficial/material-dashboard-react/issues/121 -- https://github.com/creativetimofficial/material-dashboard-react/issues/98 -- https://github.com/creativetimofficial/material-dashboard-react/pull/99 -- https://github.com/creativetimofficial/material-dashboard-react/pull/65 - -### Major style changes - -### Deleted components - -### Added components - -### Deleted dependencies - -### Added dependencies - -### Updated dependencies - -``` -@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 -perfect-scrollbar 1.4.0 → 1.5.0 -react 16.9.0 → 16.13.1 -react-chartist 0.13.3 → 0.14.3 -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-swipeable-views 0.13.3 → 0.13.9 -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 - -_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._ - -## [1.8.0] 2019-08-26 - -### Bug fixing - -- 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 `.jsx` to `.js` -- Changed the `withStyles` function from Material-UI with the `makeStyles` function (integration with other frameworks should now be easy) -- React Hooks is now supported - -### Major style changes - -- Renamed `assets/jss/material-dashboard-react/layouts/dashboardStyle.js` to `assets/jss/material-dashboard-react/layouts/adminStyle.js` - -### Deleted components - -### Added components - -### Deleted dependencies - -### Added dependencies - -- gulp@4.0.2 -- gulp-append-prepend@1.0.8 - -### Updated dependencies - -``` -@material-ui/core 4.1.0 → 4.3.2 -@material-ui/icons 4.1.0 → 4.2.1 -react 16.8.6 → 16.9.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 -``` - -## [1.7.0] 2019-06-19 - -### Warning - -**All React Material products have now the same version, i.e. 1.7.0.** - -- **All linting errors are solved now, but due to google analytics stuff, we've needed to add target="\_blank" to our links, so this lint error still exists.** - -### Bug fixing - -- Bugs from updated dependencies -- Removed `.env` file, and replaced it with the `jsconfig.json` file -- Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for _.jsx_, _.js_, _.html_ and _.css_ files -- Changed all string refs to `React.createRef()` -- Added types validation in each component -- Solved linting issues -- Solved https://github.com/creativetimofficial/material-dashboard-react/issues/83 - -### Major style changes - -### Deleted components - -### Added components - -### Deleted dependencies - -### Added dependencies - -- typescript@3.5.1 (To stop console warnings on install) - -### Updated dependencies - -``` -@material-ui/core 3.9.2 → 4.1.0 -@material-ui/icons 3.0.2 → 4.1.0 -chartist 0.10.1 → 0.11.2 -history 4.7.2 → 4.9.0 -prettier 1.16.4 → 1.18.2 -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-swipeable-views 0.13.1 → 0.13.3 -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 -``` - -## [1.6.0] 2019-02-13 - -### Nice stuff - -- [Added RTL support](https://github.com/creativetimofficial/material-dashboard-react/issues/16) - -### Bug Fixing - -- [Added new script for npm](https://github.com/creativetimofficial/material-dashboard-react/issues/69) -- Changed our buggy routing system, now it should work flawlessly, for more info, please refer to our [live docs here](https://demos.creative-tim.com/material-dashboard-react/#/documentation/routing-system) -- [https://github.com/creativetimofficial/material-dashboard-react/issues/67](https://github.com/creativetimofficial/material-dashboard-react/issues/67) -- [https://github.com/creativetimofficial/material-dashboard-react/issues/68](https://github.com/creativetimofficial/material-dashboard-react/issues/68) -- [https://github.com/creativetimofficial/material-dashboard-react/issues/66](https://github.com/creativetimofficial/material-dashboard-react/issues/66) - -### Major style changes - -- Almost all styles have been changed due to new components, solved issues or [the prettier command](https://prettier.io/docs/en/install.html) - -### Major components changes - -- Changes caused by running [the prettier command](https://prettier.io/docs/en/install.html) for _.jsx_, _.js_, _.html_ and _.css_ files -- **src/index.js** -- **src/components/CustomTabs/CustomTabs.jsx** -- **src/components/Header/Header.jsx** -- **src/components/Sidebar/Sidebar.jsx** -- **src/components/Snackbar/Snackbar.jsx** -- **src/components/Snackbar/SnackbarContent.jsx** -- **src/components/Tasks/Tasks.jsx** -- **src/views/Notifications/Notifications.jsx** - -### New components - -- **src/components/FixedPlugin/FixedPlugin.jsx**(Left menu used by us for customization - due to this, we've had to add a link for the fonts awesome cdn) -- **src/components/Header/RTLHeaderLinks.jsx** -- **src/layouts/Admin.jsx** (instead of Dashboard) -- **src/layouts/RTL.jsx** -- **src/views/RTLPage/RTLPage.jsx** - -### Deleted components - -- **src/layouts/Dashboard/Dashboard.jsx** (renamed to Admin) -- **src/routes/dashboard.jsx** -- **src/routes/index.jsx** - -### Deleted dependencies - -- `babel-plugin-module-resolver` (because of the upgrade of `react-scripts`) -- `babel-eslint` (because of the upgrade of `react-scripts`) -- `eslint` (because of the upgrade of `react-scripts`) -- `eslint-plugin-react` (because of the upgrade of `react-scripts`) -- `npm-run-all` - -### Added dependencies - -- `history4.7.2` -- `prop-types@15.6.2` -- `prettier@1.16.4` - -### Updated dependencies - -- `@material-ui/core` _3.1.0_ → **3.9.2** -- `@material-ui/icons` _3.0.1_ → **3.0.2** -- `@types/googlemaps` _3.30.13_ → **3.30.16** -- `ajv` _^5.0.0_ → **6.9.1** -- `prop-types` _15.6.2_ → **15.7.1** -- `react` _16.5.2_ → **16.8.1** -- `react-chartist` _0.13.1_ → **0.13.3** -- `react-dom` _16.5.2_ → **16.8.1** -- `react-scripts` _1.1.5_ → **2.1.5** -- `react-swipeable-views` _0.12.17_ → **0.13.1** -- `eslint-config-prettier` _3.0.1_ → **4.0.0** -- `eslint-plugin-prettier` _2.6.2_ → **3.0.1** - -## [1.5.0] 2018-09-21 - -### Nice stuff - -- Added `install:clean` command (deletes `node_modules` and `package-lock.json` and runs `npm install`) - -### Major style changes - -- `src/assets/jss/material-dashboard-react/components/tasksStyle.jsx` -- `src/assets/jss/material-dashboard-react/checkboxAdnRadioStyle.jsx` -- `src/assets/jss/material-dashboard-react/components/customTabsStyle.jsx` -- `src/assets/jss/material-dashboard-react/components/snackbarContentStyle.jsx` - -### Deleted dependencies - -- `@babel/runtime v7.0.0-beta.55` - -### Added dependencies - -### Updated dependencies - -- `@material-ui/core` _1.4.3_ → **3.1.0** -- `@material-ui/icons` _2.0.1_ → **3.0.1** -- `@types/googlemaps` _3.30.11_ → **3.30.13** -- `ajv` _6.5.2_ → **5.0.0** (to stop some warnings) -- `react` _16.4.1_ → **16.5.2** -- `react-dom` _16.4.1_ → **16.5.2** -- `react-scripts` _1.1.4_ → **1.1.5** -- `react-swipeable-views` _0.12.15_ → **0.12.17** -- `eslint-config-prettier` _^2.9.0_ → **3.0.1** -- `eslint-plugin-react` _^7.10.0_ → **7.11.1** -- `prettier` _^1.13.7_ → **1.14.3** - -## [1.4.1] 2018-08-10 - -### Bug Fixing - -- Github solved issues: - - `https://github.com/creativetimofficial/material-dashboard-react/issues/58` -- Changed the `GridContainer` component - -### Major style changes - -- `src/assets/jss/material-dashboard-react/components/footerStyle.jsx` -- `src/assets/jss/material-dashboard-react/components/headerStyle.jsx` - -### Added dependencies - -- `@babel/runtime v7.0.0-beta.55` - -### Update dependencies - -- `@material-ui/core v1.4.1` to `@material-ui/core v1.4.3` -- `@material-ui/icons v2.0.0` to `@material-ui/icons v2.0.1` - -## [1.4.0] 2018-07-26 - -### Bug Fixing - -- Added resize event listener for window ([see this issue here](https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/40#issuecomment-406983150)) -- Added issues template file -- Github solved issues: - - https://github.com/creativetimofficial/material-dashboard-react/issues/49 (dropped `react-popper` in favour of `@material-ui/core/Popper`) - - https://github.com/creativetimofficial/material-dashboard-react/issues/47 - - https://github.com/creativetimofficial/material-dashboard-react/issues/45 - - https://github.com/creativetimofficial/material-dashboard-react/issues/38 - - https://github.com/creativetimofficial/material-dashboard-react/issues/37 -- Github enhancement issues: - - https://github.com/creativetimofficial/material-dashboard-react/issues/47 (read the [./README.md](./README.md) file) - -### Major style changes - -- Added styles for `svg`'s, **font-awesome** classes and `.material-icons` class inside - - `src/assets/jss/material-dashboard-react/views/dashboardStyle.jsx` - - `src/assets/jss/material-dashboard-react/components/buttonStyle.jsx` - - `src/assets/jss/material-dashboard-react/components/cardFooterStyle.jsx` - - `src/assets/jss/material-dashboard-react/components/cardHeaderStyle.jsx` - - `src/assets/jss/material-dashboard-react/components/headerLinksStyle.jsx` - - `src/assets/jss/material-dashboard-react/components/customTabsStyle.jsx` -- Others - - `src/assets/jss/material-dashboard-react/tooltipStyle.jsx` - - `src/assets/jss/material-dashboard-react/dropdownStyle.jsx` - -### Dropped components - -- Dropped popper usage in favour of `@material-ui/core/Popper` (Changes in `src/components/Header/HeaderLinks.jsx`) - -### Added components - -- `src/components/Grid/GridContainer.jsx` (instead of MUI's ` - - diff --git a/LICENSE.md b/LICENSE.md deleted file mode 100644 index e599f7f89..000000000 --- a/LICENSE.md +++ /dev/null @@ -1,9 +0,0 @@ -MIT License - -Copyright (c) 2013-2021 Creative Tim (https://www.creative-tim.com) - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index c21ceb9f1..000000000 --- a/README.md +++ /dev/null @@ -1,227 +0,0 @@ -# [Material Dashboard 2 React](http://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-mdr) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-dashboard-react&text=Check%20Material%20Dashboard%202%20react%20made%20by%20@CreativeTim%20#webdesign%20#dashboard%20#materialdesign%20#react%20https://www.creative-tim.com/product/material-dashboard-react) - -![version](https://img.shields.io/badge/version-2.2.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-dashboard-react.svg)](https://github.com/creativetimofficial/material-dashboard-react/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-dashboard-react.svg)](https://github.com/creativetimofficial/material-dashboard-react/issues?q=is%3Aissue+is%3Aclosed) - -![Image](https://s3.amazonaws.com/creativetim_bucket/products/71/original/material-dashboard-react.jpg?1638950990) - -Material Dashboard 2 React is our newest free MUI Admin Template based on React. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customisable, here is your match. Our innovative MUI & React dashboard comes with a beautiful design inspired by Google's Material Design and it will help you create stunning websites & web apps to delight your clients. - -**Fully Coded Elements** -Material Dashboard 2 React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using MUI styled() API and sx prop. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. - -This free MUI & React Dashboard is coming with prebuilt design blocks, so the development process is seamless, -switching from our pages to the real website is very easy to be done. - -Special thanks go to: - -- [Nepcha Analytics](https://nepcha.com?ref=readme) for the analytics tool. Nepcha is already integrated with Material Dashboard React. You can use it to gain insights into your sources of traffic. - -**Documentation built by Developers** - -Each element is well presented in very complex documentation. - -You can read more about the [documentation here](https://www.creative-tim.com/learning-lab/react/overview/material-dashboard/). - -**Example Pages** - -If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. - -View [example pages here](https://demos.creative-tim.com/material-dashboard-react/#/dashboard). - -**HELPFUL LINKS** - -- View [Github Repository](https://github.com/creativetimofficial/material-dashboard-react) -- Check [FAQ Page](https://www.creative-tim.com/faq) - -#### Special thanks - -During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source: - -- [MUI](https://mui.com/) - The React UI library for faster and easier web development. -- [React ChartJS 2](http://reactchartjs.github.io/react-chartjs-2/#/) - Simple yet flexible React charting for designers & developers. -- [ChromaJS](https://gka.github.io/chroma.js/) - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales. - -Let us know your thoughts below. And good luck with development! - -## Table of Contents - -- [Versions](#versions) -- [Demo](#demo) -- [Quick Start](#quick-start) -- [Deploy](#deploy) -- [Documentation](#documentation) -- [File Structure](#file-structure) -- [Browser Support](#browser-support) -- [Resources](#resources) -- [Reporting Issues](#reporting-issues) -- [Technical Support or Questions](#technical-support-or-questions) -- [Licensing](#licensing) -- [Useful Links](#useful-links) - -## Versions - -[](https://www.creative-tim.com/product/material-dashboard-react?ref=readme-mdr) - -| React | -| ----- | - -| [![Material Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/71/thumb/material-dashboard-react.jpg?1638950990)](http://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-mdr) - -## Demo - -- [Dashboard](http://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-sudr) -- [Profile](https://demos.creative-tim.com/material-dashboard-react/#/profile?ref=readme-sudr) -- [RTL](https://demos.creative-tim.com/material-dashboard-react/#/rtl?ref=readme-sudr) -- [Sign In](https://demos.creative-tim.com/material-dashboard-react/#/authentication/sign-in?ref=readme-sudr) -- [Sign Up](https://demos.creative-tim.com/material-dashboard-react/#/authentication/sign-up?ref=readme-sudr) - -[View More](https://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-mdr). - -## Quick start - -Quick start options: - -- Download from [Creative Tim](https://www.creative-tim.com/product/material-dashboard-react?ref=readme-mdr). - -## Terminal Commands - -1. Download and Install NodeJs LTS version from [NodeJs Official Page](https://nodejs.org/en/download/). -2. Navigate to the root ./ directory of the product and run `yarn install` or `npm install` to install our local dependencies. - -## Deploy - -:rocket: You can deploy your own version of the template to Genezio with one click: - -[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/material-dashboard-react&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head) - -## Documentation - -The documentation for the Material Dashboard is hosted at our [website](https://www.creative-tim.com/learning-lab/react/overview/material-dashboard/?ref=readme-mdr). - -### What's included - -Within the download you'll find the following directories and files: - -``` -material-dashboard-react - ├── public - │   ├── apple-icon.png - │   ├── favicon.png - │   ├── index.html - │   ├── manifest.json - │   └── robots.txt - ├── src - │   ├── assets - │ │   ├── images - │ │   └── theme - │ │  ├── base - │ │  ├── components - │ │  ├── functions - │ │  ├── index.js - │ │ └── theme-rtl.js - │ │   └── theme-dark - │ │  ├── base - │ │  ├── components - │ │  ├── functions - │ │  ├── index.js - │ │ └── theme-rtl.js - │   ├── components - │ │   ├── MDAlert - │ │   ├── MDAvatar - │ │   ├── MDBadge - │ │   ├── MDBox - │ │   ├── MDButton - │ │   ├── MDInput - │ │   ├── MDPagination - │ │   ├── MDProgress - │ │   ├── MDSnackbar - │ │   └── MDTypography - │   ├── context - │   ├── examples - │ │   ├── Breadcrumbs - │ │   ├── Cards - │ │   ├── Charts - │ │   ├── Configurator - │ │   ├── Footer - │ │   ├── Items - │ │   ├── LayoutContainers - │ │   ├── Lists - │ │   ├── Navbars - │ │   ├── Sidenav - │ │   ├── Tables - │ │   └── Timeline - │   ├── layouts - │ │   ├── authentication - │ │   ├── billing - │ │   ├── dashboard - │ │   ├── notifications - │ │   ├── profile - │ │   ├── rtl - │ │   └── tables - │   ├── App.js - │   ├── index.js - │   └── routes.js - ├── .eslintrc.json - ├── .prettierrc.json - ├── CHANGELOG.md - ├── ISSUE_TEMPLATE.md - ├── jsconfig.json - ├── LICENSE.md - ├── package.json - └── README.md -``` - -## Browser Support - -At present, we officially aim to support the last two versions of the following browsers: - - - -## Resources - -- [Live Preview](https://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-mdr) -- [Download Page](https://www.creative-tim.com/product/material-dashboard-react?ref=readme-mdr) -- Documentation is [here](https://www.creative-tim.com/learning-lab/react/overview/material-dashboard/?ref=readme-mdr) -- [License Agreement](https://www.creative-tim.com/license?ref=readme-mdr) -- [Support](https://www.creative-tim.com/contact-us?ref=readme-mdr) -- Issues: [Github Issues Page](https://github.com/creativetimofficial/material-dashboard-react/issues) -- [Nepcha Analytics](https://nepcha.com?ref=readme) - Analytics tool for your website - -## Reporting Issues - -We use GitHub Issues as the official bug tracker for the Material Dashboard React. Here are some advices for our users that want to report an issue: - -1. Make sure that you are using the latest version of the Material Dashboard React. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/product/material-dashboard-react?ref=readme-mdr). -2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. -3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. - -## Technical Support or Questions - -If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us?ref=readme-mdr) instead of opening an issue. - -## Licensing - -- Copyright 2023 [Creative Tim](https://www.creative-tim.com?ref=readme-mdr) -- Creative Tim [license](https://www.creative-tim.com/license?ref=readme-mdr) - -## Useful Links - -- [More products](https://www.creative-tim.com/templates?ref=readme-mdr) from Creative Tim - -- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) - -- [Freebies](https://www.creative-tim.com/bootstrap-themes/free?ref=readme-mdr) from Creative Tim - -- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=readme-mdr) (earn money) - -##### Social Media - -Twitter: - -Facebook: - -Dribbble: - -Google+: - -Instagram: diff --git a/genezio.yaml b/genezio.yaml deleted file mode 100644 index e2b548392..000000000 --- a/genezio.yaml +++ /dev/null @@ -1,18 +0,0 @@ -# The name of the project. -name: material-dashboard-react -# The region where the project is deployed. -region: us-east-1 -# The version of the Genezio YAML configuration to parse. -yamlVersion: 2 -# Information about the frontend, including the path, language, and publish directory. -# It is optional. It can also be an array if there are multiple frontends you want to deploy. -frontend: - # The folder where the frontend scripts will run. - path: ./ - # The directory that will be published to the CDN. It is relative to the path. - publish: ./build - scripts: - # List of scripts that build your frontend before deployment. It should populate the specified `publish` directory. - build: npm run build - # List of scripts to run before deploying the frontend. - deploy: npm install diff --git a/package.json b/package.json index 7fca2da57..8cff34347 100644 --- a/package.json +++ b/package.json @@ -1,17 +1,8 @@ { - "name": "material-dashboard-2-react", + "name": "candidate", "version": "2.2.0", - "private": true, - "author": "Creative Tim", - "license": "See license in https://www.creative-tim.com/license", - "description": "React version of Material Dashboard 2 by Creative Tim", - "bugs": { - "url": "https://github.com/creativetimofficial/material-dashboard-react/issues" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/creativetimofficial/material-dashboard-react.git" - }, + "private": false, + "author": "coucal", "dependencies": { "@emotion/cache": "11.10.8", "@emotion/react": "11.10.8", @@ -22,6 +13,7 @@ "chroma-js": "2.4.2", "prop-types": "15.8.1", "react": "18.2.0", + "react-calendar-heatmap": "^1.9.0", "react-chartjs-2": "5.2.0", "react-dom": "18.2.0", "react-github-btn": "1.4.0", diff --git a/public/index.html b/public/index.html index 86f3333c9..bf24b985c 100644 --- a/public/index.html +++ b/public/index.html @@ -22,7 +22,7 @@ - Material Dashboard 2 React + Candidate portal { if (onMouseEnter) { setMiniSidenav(dispatch, true); @@ -95,15 +79,12 @@ export default function App() { } }; - // Change the openConfigurator state const handleConfiguratorOpen = () => setOpenConfigurator(dispatch, !openConfigurator); - // Setting the dir attribute for the body element useEffect(() => { document.body.setAttribute("dir", direction); }, [direction]); - // Setting page scroll to 0 when changing the route useEffect(() => { document.documentElement.scrollTop = 0; document.scrollingElement.scrollTop = 0; @@ -179,7 +160,7 @@ export default function App() { - Material UI Configurator + Portal Configurator See our dashboard options. @@ -285,60 +263,6 @@ function Configurator() { - - - view documentation - - - - - Star - - - - - Thank you for sharing! - - - - - - -   Tweet - - - - -   Share - - - ); diff --git a/src/examples/Footer/index.js b/src/examples/Footer/index.js index 7acc80d1a..5167183a5 100644 --- a/src/examples/Footer/index.js +++ b/src/examples/Footer/index.js @@ -1,19 +1,3 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.2.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2023 Creative Tim (https://www.creative-tim.com) - -Coded by www.creative-tim.com - - ========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -*/ - -// prop-types is a library for typechecking of props import PropTypes from "prop-types"; // @mui material components @@ -72,7 +56,7 @@ function Footer({ company, links }) {  {name}  - for a better web. + For an Analyst Student Journey. setOpenMenu(false); // Render the notifications menu - const renderMenu = () => ( - - email} title="Check new messages" /> - podcasts} title="Manage Podcast sessions" /> - shopping_cart} title="Payment successfully completed" /> - - ); + const renderMenu = () => <>; // Styles for the navbar icons const iconsStyle = ({ palette: { dark, white, text }, functions: { rgba } }) => ({ @@ -151,32 +120,10 @@ function DashboardNavbar({ absolute, light, isMini }) { sx={navbarMobileMenu} onClick={handleMiniSidenav} > - + {miniSidenav ? "menu_open" : "menu"} - - settings - - - notifications - - {renderMenu()} )} diff --git a/src/examples/Sidenav/index.js b/src/examples/Sidenav/index.js index 5efd2d2c7..ae2193d6e 100644 --- a/src/examples/Sidenav/index.js +++ b/src/examples/Sidenav/index.js @@ -179,19 +179,6 @@ function Sidenav({ color, brand, brandName, routes, ...rest }) { } /> {renderRoutes} - - - upgrade to pro - - ); } diff --git a/src/index.js b/src/index.js index b13cbecc6..2724ea66a 100644 --- a/src/index.js +++ b/src/index.js @@ -1,18 +1,3 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.2.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2023 Creative Tim (https://www.creative-tim.com) - -Coded by www.creative-tim.com - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -*/ - import React from "react"; import { createRoot } from "react-dom/client"; import { BrowserRouter } from "react-router-dom"; diff --git a/src/layouts/authentication/components/BasicLayout/index.js b/src/layouts/authentication/components/BasicLayout/index.js index 140b00b05..f59d9025b 100644 --- a/src/layouts/authentication/components/BasicLayout/index.js +++ b/src/layouts/authentication/components/BasicLayout/index.js @@ -32,14 +32,6 @@ import Footer from "layouts/authentication/components/Footer"; function BasicLayout({ image, children }) { return ( - - ({ + ".react-calendar-heatmap": { + fontSize: "12px", + width: "100%", + display: "flex", + justifyContent: "center", + }, + ".react-calendar-heatmap text": { + fill: "#6c757d", // Light gray for labels + }, + ".color-github-0": { + fill: "#ebedf0", + }, + ".color-github-1": { + fill: "#c6e48b", + }, + ".color-github-2": { + fill: "#7bc96f", + }, + ".color-github-3": { + fill: "#239a3b", + }, + ".color-github-4": { + fill: "#196127", + }, + ".day": { + stroke: "#fff", + strokeWidth: "1px", + }, +})); + +function ContributionHeatmap() { + const today = new Date(); + const startDate = new Date(today.getFullYear(), today.getMonth() - 6, 1); // Last 6 months + const sampleData = [ + { date: "2023-05-01", count: 8 }, + { date: "2023-06-15", count: 4 }, + { date: "2023-07-20", count: 3 }, + { date: "2023-08-30", count: 1 }, + { date: "2023-09-10", count: 0 }, // No contribution + { date: "2023-10-01", count: 5 }, + ]; + + return ( + + + + Contribution Heatmap + + + { + if (!value || value.count === 0) return "color-github-0"; + return `color-github-${Math.min(value.count, 4)}`; + }} + tooltipDataAttrs={(value) => ({ + "data-tip": value.date + ? `${value.date}: ${value.count} contributions` + : "No contributions", + })} + showWeekdayLabels + /> + + + + ); +} function Dashboard() { const { sales, tasks } = reportsLineChartData; @@ -53,7 +105,7 @@ function Dashboard() { percentage={{ color: "success", amount: "+55%", - label: "than lask week", + label: "than last week", }} /> @@ -147,7 +199,7 @@ function Dashboard() { - + diff --git a/src/layouts/notifications/index.js b/src/layouts/notifications/index.js index 8290c296f..2a9631b2c 100644 --- a/src/layouts/notifications/index.js +++ b/src/layouts/notifications/index.js @@ -1,18 +1,3 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.2.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2023 Creative Tim (https://www.creative-tim.com) - -Coded by www.creative-tim.com - - ========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -*/ - import { useState } from "react"; // @mui material components diff --git a/src/routes.js b/src/routes.js index a17b439ad..302134ac9 100644 --- a/src/routes.js +++ b/src/routes.js @@ -1,46 +1,5 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.2.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2023 Creative Tim (https://www.creative-tim.com) - -Coded by www.creative-tim.com - - ========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -*/ - -/** - All of the routes for the Material Dashboard 2 React are added here, - You can add a new route, customize the routes and delete the routes here. - - Once you add a new route on this file it will be visible automatically on - the Sidenav. - - For adding a new route you can follow the existing routes in the routes array. - 1. The `type` key with the `collapse` value is used for a route. - 2. The `type` key with the `title` value is used for a title inside the Sidenav. - 3. The `type` key with the `divider` value is used for a divider between Sidenav items. - 4. The `name` key is used for the name of the route on the Sidenav. - 5. The `key` key is used for the key of the route (It will help you with the key prop inside a loop). - 6. The `icon` key is used for the icon of the route on the Sidenav, you have to add a node. - 7. The `collapse` key is used for making a collapsible item on the Sidenav that has other routes - inside (nested routes), you need to pass the nested routes inside an array as a value for the `collapse` key. - 8. The `route` key is used to store the route location which is used for the react router. - 9. The `href` key is used to store the external links location. - 10. The `title` key is only for the item with the type of `title` and its used for the title text on the Sidenav. - 10. The `component` key is used to store the component of its route. -*/ - -// Material Dashboard 2 React layouts import Dashboard from "layouts/dashboard"; import Tables from "layouts/tables"; -import Billing from "layouts/billing"; -import RTL from "layouts/rtl"; -import Notifications from "layouts/notifications"; import Profile from "layouts/profile"; import SignIn from "layouts/authentication/sign-in"; import SignUp from "layouts/authentication/sign-up"; @@ -65,30 +24,6 @@ const routes = [ route: "/tables", component: , }, - { - type: "collapse", - name: "Billing", - key: "billing", - icon: receipt_long, - route: "/billing", - component: , - }, - { - type: "collapse", - name: "RTL", - key: "rtl", - icon: format_textdirection_r_to_l, - route: "/rtl", - component: , - }, - { - type: "collapse", - name: "Notifications", - key: "notifications", - icon: notifications, - route: "/notifications", - component: , - }, { type: "collapse", name: "Profile",