diff --git a/website/.eslintrc.json b/website/.eslintrc.json deleted file mode 100644 index 5d5a4e8..0000000 --- a/website/.eslintrc.json +++ /dev/null @@ -1,70 +0,0 @@ -{ - "env": { - "browser": true, - "es2021": true - }, - "ignorePatterns": ["src/generated/*"], - "extends": ["plugin:react/recommended", "airbnb", "prettier"], - "parserOptions": { - "ecmaFeatures": { - "jsx": true - }, - "ecmaVersion": 12, - "sourceType": "module" - }, - "plugins": ["react", "prettier"], - "rules": { - "prettier/prettier": [ - "error", - { - "endOfLine": "auto" - } - ], - "default-param-last": "off", - "react/react-in-jsx-scope": "off", - "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], - "react/jsx-props-no-spreading": [ - 1, - { - "custom": "ignore" - } - ], - "react/jsx-curly-spacing": [2, "never"], - "import/extensions": [ - "error", - "ignorePackages", - { - "js": "never", - "jsx": "never", - "ts": "never", - "tsx": "never", - "mjs": "never" - } - ] - }, - "settings": { - "import/extensions": [".js", ".jsx", ".ts", ".tsx"], - "import/parsers": { - "@typescript-eslint/parser": [".ts", ".tsx"] - }, - "import/resolver": { - "node": { - "paths": ["src"], - "extensions": [".js", ".jsx", ".ts", ".tsx"] - } - } - }, - "overrides": [ - { - "files": ["**/*.ts", ",**/*.tsx"], - "plugins": [ - "@typescript-eslint" - ], - "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"], - "parser": "@typescript-eslint/parser", - "parserOptions": { - "project": ["./tsconfig.json"] - } - } - ] -} diff --git a/website/.gitignore b/website/.gitignore deleted file mode 100644 index 573b163..0000000 --- a/website/.gitignore +++ /dev/null @@ -1,29 +0,0 @@ -# See https://help.github.com/ignore-files/ for more about ignoring files. - -# dependencies -/node_modules -.DS_Store - -# testing -/coverage - -# production -/build - -generated - -# misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local - -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -package-lock.json -yarn.lock - -commit.sh diff --git a/website/.prettierrc.json b/website/.prettierrc.json deleted file mode 100644 index 40fa8e5..0000000 --- a/website/.prettierrc.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "printWidth": 100, - "trailingComma": "es5", - "tabWidth": 2, - "semi": true, - "singleQuote": false, - "endOfLine": "auto" -} diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md deleted file mode 100644 index 1e993e0..0000000 --- a/website/CHANGELOG.md +++ /dev/null @@ -1,648 +0,0 @@ -# Change Log - -## [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.js** - -### 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/website/LICENSE.md b/website/LICENSE.md deleted file mode 100644 index e599f7f..0000000 --- a/website/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/website/README.md b/website/README.md deleted file mode 100644 index 8626575..0000000 --- a/website/README.md +++ /dev/null @@ -1,5 +0,0 @@ -# [Yoda website](http://github.com/ozonophore/yoda) - - -![version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-dashboard-react.svg)](https://github.com/ozonophore/yoda/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/ozonophore/yoda/issues?q=is%3Aissue+is%3Aclosed) - diff --git a/website/_jsconfig.json b/website/_jsconfig.json deleted file mode 100644 index 85a4c97..0000000 --- a/website/_jsconfig.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": "src", - "paths": { - "*": ["public/src/*"] - } - } -} diff --git a/website/nginx/default.conf b/website/nginx/default.conf deleted file mode 100644 index 68f2a85..0000000 --- a/website/nginx/default.conf +++ /dev/null @@ -1,17 +0,0 @@ -server { - listen 80; - server_name localhost; - set $outputStatic /usr/share/nginx/html; - - location /api { - proxy_pass http://localhost:8080/api; - } - - location / { - index index.html index.htm index.html inde.php; - #proxy_pass http://localhost:3000; - alias $outputStatic/; - try_files $uri /index.html; - } - -} \ No newline at end of file diff --git a/website/nginx/default.prod.conf b/website/nginx/default.prod.conf deleted file mode 100644 index fe73f34..0000000 --- a/website/nginx/default.prod.conf +++ /dev/null @@ -1,33 +0,0 @@ -server { - listen 80; - server_name localhost; - set $outputStatic /usr/share/nginx/html; - - access_log /var/log/nginx/host.access.log main; - - location / { - index index.html index.htm index.html inde.php; - alias $outputStatic/; - try_files $uri /index.html; - } - - location /api { - proxy_pass http://${BACKEND_HOST}:${BACKEND_PORT}/api; - } - -} - -server { - listen 88; - server_name localhost; - - location /ws { - proxy_set_header X-Forwarded-For $remote_addr; - proxy_set_header Host $http_host; - proxy_pass "http://${BACKEND_HOST}:8081"; - proxy_http_version 1.1; - proxy_set_header Upgrade $http_upgrade; - proxy_set_header Connection "upgrade"; - } - -} diff --git a/website/nginx/docker-compose.yml b/website/nginx/docker-compose.yml deleted file mode 100644 index dee46f5..0000000 --- a/website/nginx/docker-compose.yml +++ /dev/null @@ -1,46 +0,0 @@ -version: "3" -services: - - webserver: - image: nginx - volumes: - - ./default.conf:/etc/nginx/conf.d/default.conf - - ../webapp/build:/usr/share/nginx/html -# depends_on: -# - backend -# - frontend - ports: - - "80:80" - -# frontend: -# image: plone/plone-frontend:latest -# environment: -# RAZZLE_INTERNAL_API_PATH: http://backend:8080/Plone -# ports: -# - "3000:3000" -# depends_on: -# - backend -# -# backend: -# image: plone/plone-backend:6.0 -# environment: -# SITE: Plone -# RELSTORAGE_DSN: "dbname='plone' user='plone' host='db' password='plone'" -# ports: -# - "8080:8080" -# depends_on: -# - db -# -# db: -# image: postgres -# environment: -# POSTGRES_USER: plone -# POSTGRES_PASSWORD: plone -# POSTGRES_DB: plone -# volumes: -# - data:/var/lib/postgresql/data -# ports: -# - "5432:5432" - -volumes: - data: {} \ No newline at end of file diff --git a/website/package.json b/website/package.json deleted file mode 100644 index abd6e6a..0000000 --- a/website/package.json +++ /dev/null @@ -1,102 +0,0 @@ -{ - "name": "yoda-web", - "version": "0.0.1", - "private": true, - "author": "", - "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" - }, - "engines": { - "node": "14 || 15 || 16 || 18", - "npm": ">=6" - }, - "dependencies": { - "@date-io/dayjs": "^2.16.0", - "@emotion/cache": "11.10.5", - "@emotion/react": "11.10.6", - "@emotion/styled": "11.10.6", - "@material-ui/core": "^4.12.4", - "@mui/icons-material": "5.4.1", - "@mui/lab": "^5.0.0-alpha.125", - "@mui/material": "5.4.1", - "@mui/styled-engine": "5.4.1", - "@mui/styles": "^5.11.11", - "@mui/x-data-grid": "^6.2.0", - "@mui/x-date-pickers": "^5.0.20", - "@testing-library/jest-dom": "5.16.2", - "@testing-library/react": "12.1.2", - "@testing-library/user-event": "13.5.0", - "axios": "^1.3.4", - "chart.js": "3.4.1", - "chroma-js": "2.4.2", - "date-fns": "^2.29.3", - "i18next": "^22.4.10", - "i18next-browser-languagedetector": "^7.0.1", - "i18next-http-backend": "^2.1.1", - "i18next-xhr-backend": "^3.2.2", - "lodash": "^4.17.21", - "material-ui-popup-state": "^5.0.4", - "moment": "^2.29.4", - "mui-chips-input": "^2.0.0", - "prop-types": "15.8.1", - "react": "17.0.2", - "react-chartjs-2": "3.0.4", - "react-data-table-component": "^7.5.3", - "react-dom": "17.0.2", - "react-i18next": "^12.1.5", - "react-router-dom": "6.2.1", - "react-scripts": "5.0.0", - "react-table": "7.7.0", - "stylis": "4.0.13", - "use-deep-compare-effect": "^1.8.1", - "web-vitals": "2.1.4", - "yup": "0.32.11" - }, - "scripts": { - "generate": "openapi -c fetch -i ../openapi/server.yml -o ./src/generated", - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject", - "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start" - }, - "eslintConfig": { - "extends": [ - "react-app", - "react-app/jest" - ] - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - }, - "devDependencies": { - "@typescript-eslint/eslint-plugin": "^5.57.0", - "@typescript-eslint/parser": "^5.57.0", - "eslint": "8.8.0", - "eslint-config-airbnb": "19.0.4", - "eslint-config-prettier": "8.3.0", - "eslint-plugin-import": "2.25.4", - "eslint-plugin-jsx-a11y": "6.5.1", - "eslint-plugin-prettier": "4.0.0", - "eslint-plugin-react": "7.28.0", - "eslint-plugin-react-hooks": "4.3.0", - "openapi-typescript-codegen": "^0.23.0", - "prettier": "2.5.1", - "typescript": "^4.9.5" - } -} diff --git a/website/public/apple-icon.png b/website/public/apple-icon.png deleted file mode 100644 index c0dae0b..0000000 Binary files a/website/public/apple-icon.png and /dev/null differ diff --git a/website/public/favicon.png b/website/public/favicon.png deleted file mode 100644 index c0dae0b..0000000 Binary files a/website/public/favicon.png and /dev/null differ diff --git a/website/public/index.html b/website/public/index.html deleted file mode 100644 index e8bc43c..0000000 --- a/website/public/index.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - Material Dashboard 2 React - - - - - - - -
- - diff --git a/website/public/locales/en/translation.json b/website/public/locales/en/translation.json deleted file mode 100644 index ed126e6..0000000 --- a/website/public/locales/en/translation.json +++ /dev/null @@ -1,97 +0,0 @@ -{ - "brandName": "Admin panel", - "search": { - "label": "Search..." - }, - "menu": { - "dashboard": "General", - "room": "Кабинет", - "schedule": "Tasks", - "sales": "Sales and remains", - "dictionaries": "Directories" - }, - "dashboard": { - "weeklySales": "Salse for the 7 days" - }, - "settings": { - "title": "Settings", - "language": { - "title": "Language", - "choose": "Choose between a language.", - "russian": "Russian", - "english": "English" - }, - "navColor": { - "title": "Sidenav Colors" - }, - "sidenav": { - "type": "Sidenav Type", - "choose": "Choose between different sidenav types", - "dark": "Dark", - "transparent": "Transparent", - "white": "White", - "fixed": "NavBar Fixed", - "light": "Light" - } - }, - "tasks": { - "active": "Активные задачи" - }, - "room": { - "input": { - "name": { - "title": "Название кабинета" - }, - "code": { - "title": "Код кабинета" - } - }, - "button": { - "add": "Добавить кабинет" - }, - "card": { - "edit": "Редактировать", - "delete": "Удалить" - }, - "settings": { - "connection": "Параметры подключения" - }, - "orgUndefined": "Organisation is undefined", - }, - "submit": "Save", - "cancel": "Cancel", - "time": { - "title": { - "short": "Dt", - "long": "Date" - } - }, - "dayOfWeek": { - "title": { - "short": "D", - "long": "Day" - }, - "short": { - "monday": "Mon", - "tuesday": "Tue", - "wednesday": "Wed", - "thursday": "Thu", - "friday": "Fri", - "saturday": "Sat", - "sunday": "Sun" - }, - "long": { - "monday": "Monday", - "tuesday": "Tuesday", - "wednesday": "Wednesday", - "thursday": "Thursday", - "friday": "Friday", - "saturday": "Saturday", - "sunday": "Sunday" - } - }, - "dataTable": { - "rowsPerPage": "records on the page:", - "totalEntries": "Show {{entriesStart}} to {{entriesEnd}} from {{totalEntries}} records" - } -} \ No newline at end of file diff --git a/website/public/locales/ru/translation.json b/website/public/locales/ru/translation.json deleted file mode 100644 index 5dcc24d..0000000 --- a/website/public/locales/ru/translation.json +++ /dev/null @@ -1,97 +0,0 @@ -{ - "brandName": "Панель администратора", - "search": { - "label": "Искать..." - }, - "menu": { - "dashboard": "Основная", - "room": "Кабинет", - "schedule": "Задания", - "sales": "Продажи и остатки", - "dictionaries": "Справочники" - }, - "dashboard": { - "weeklySales": "Продажи за 7 дней" - }, - "settings": { - "title": "Настройки", - "language": { - "title": "Язык", - "choose": "Выберите язык", - "russian": "Русский", - "english": "Английский" - }, - "navColor": { - "title": "Цвет навигации" - }, - "sidenav": { - "type": "Тип боковой панели", - "choose": "Выберите тип", - "dark": "Темный", - "transparent": "Прозрачный", - "white": "Белый", - "fixed": "Фиксировать меню", - "light": "Светлый" - } - }, - "tasks": { - "active": "Активные задачи" - }, - "room": { - "input": { - "name": { - "title": "Название кабинета" - }, - "code": { - "title": "Код кабинета" - } - }, - "button": { - "add": "Добавить кабинет" - }, - "card": { - "edit": "Редактировать", - "delete": "Удалить" - }, - "settings": { - "connection": "Параметры подключения" - }, - "orgUndefined": "Организация не задана" - }, - "submit": "Сохранить", - "cancel": "Отменить", - "time": { - "title": { - "short": "Вр", - "long": "Время" - } - }, - "dayOfWeek": { - "title": { - "short": "Д", - "long": "День" - }, - "short": { - "monday": "Пн", - "tuesday": "Вт", - "wednesday": "Ср", - "thursday": "Чт", - "friday": "Пт", - "saturday": "Сб", - "sunday": "Вс" - }, - "long": { - "monday": "Понедельник", - "tuesday": "Вторник", - "wednesday": "Среда", - "thursday": "Четверг", - "friday": "Пятница", - "saturday": "Суббота", - "sunday": "Воскресенье" - } - }, - "dataTable": { - "rowsPerPage": "записей на странице:", - "totalEntries": "Показать с {{entriesStart}} по {{entriesEnd}} из {{totalEntries}} записей" - } -} \ No newline at end of file diff --git a/website/public/manifest.json b/website/public/manifest.json deleted file mode 100644 index 6cec23f..0000000 --- a/website/public/manifest.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "short_name": "Material Dashboard", - "name": "Material Dashboard 2 React", - "icons": [ - { - "src": "favicon.png", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/png" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#1A73E8", - "background_color": "#ffffff" -} diff --git a/website/public/robots.txt b/website/public/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/website/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/website/run.sh b/website/run.sh deleted file mode 100644 index 11c2140..0000000 --- a/website/run.sh +++ /dev/null @@ -1 +0,0 @@ -docker run --name some-nginx -v build:/usr/share/nginx/html:ro -v nginx:/etc/nginx/conf.d:ro -d nginx diff --git a/website/src/App.js b/website/src/App.js deleted file mode 100644 index 92ef4e3..0000000 --- a/website/src/App.js +++ /dev/null @@ -1,176 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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 { Backdrop, CircularProgress } from "@material-ui/core"; -import CssBaseline from "@mui/material/CssBaseline"; -import Icon from "@mui/material/Icon"; - -// @mui material components -import { ThemeProvider } from "@mui/material/styles"; -import brandDark from "assets/images/logo-ct-dark.png"; - -// Images -import brandWhite from "assets/images/logo-ct.png"; - -// Material Dashboard 2 React themes -import theme from "assets/theme"; - -// Material Dashboard 2 React Dark Mode themes -import themeDark from "assets/theme-dark"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React contexts -import { setMiniSidenav, setOpenConfigurator, useMaterialUIController } from "context"; -import Configurator from "examples/Configurator"; - -// Material Dashboard 2 React example components -import Sidenav from "examples/Sidenav"; -import { useEffect, useMemo, useState } from "react"; - -import { useTranslation } from "react-i18next"; - -// react-router components -import { Navigate, Route, Routes, useLocation } from "react-router-dom"; - -// Material Dashboard 2 React routes -import routes from "routes"; -import { OpenAPI } from "./generated"; -import createWSService from "./services"; - -OpenAPI.BASE = "/api"; - -function App() { - const { t, i18n } = useTranslation(); - const [controller, dispatch] = useMaterialUIController(); - useMemo(() => { - createWSService(dispatch); - }, [dispatch]); - const { - miniSidenav, - direction, - layout, - openConfigurator, - sidenavColor, - transparentSidenav, - whiteSidenav, - darkMode, - language, - loading, - } = controller; - const [onMouseEnter, setOnMouseEnter] = useState(false); - const { pathname } = useLocation(); - - // Open sidenav when mouse enter on mini sidenav - const handleOnMouseEnter = () => { - if (miniSidenav && !onMouseEnter) { - setMiniSidenav(dispatch, false); - setOnMouseEnter(true); - } - }; - - // Close sidenav when mouse leave mini sidenav - const handleOnMouseLeave = () => { - if (onMouseEnter) { - setMiniSidenav(dispatch, true); - setOnMouseEnter(false); - } - }; - - // 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; - }, [pathname]); - - useEffect(() => { - i18n.changeLanguage(language); - }, [language]); - - const getRoutes = (allRoutes) => - allRoutes.map((route) => { - if (route.collapse) { - return getRoutes(route.collapse); - } - - if (route.route) { - return ; - } - - return null; - }); - - const configsButton = ( - - - settings - - - ); - return ( - - - {layout === "dashboard" && ( - <> - - - {configsButton} - - )} - {layout === "vr" && } - - - - - {getRoutes(routes)} - } /> - - - ); -} - -export default App; diff --git a/website/src/assets/images/apple-icon.png b/website/src/assets/images/apple-icon.png deleted file mode 100644 index a20470f..0000000 Binary files a/website/src/assets/images/apple-icon.png and /dev/null differ diff --git a/website/src/assets/images/bg-profile.jpeg b/website/src/assets/images/bg-profile.jpeg deleted file mode 100644 index 2a1df5f..0000000 Binary files a/website/src/assets/images/bg-profile.jpeg and /dev/null differ diff --git a/website/src/assets/images/bg-reset-cover.jpeg b/website/src/assets/images/bg-reset-cover.jpeg deleted file mode 100644 index b2151d4..0000000 Binary files a/website/src/assets/images/bg-reset-cover.jpeg and /dev/null differ diff --git a/website/src/assets/images/bg-sign-in-basic.jpeg b/website/src/assets/images/bg-sign-in-basic.jpeg deleted file mode 100644 index 2564849..0000000 Binary files a/website/src/assets/images/bg-sign-in-basic.jpeg and /dev/null differ diff --git a/website/src/assets/images/bg-sign-up-cover.jpeg b/website/src/assets/images/bg-sign-up-cover.jpeg deleted file mode 100644 index 576ae5b..0000000 Binary files a/website/src/assets/images/bg-sign-up-cover.jpeg and /dev/null differ diff --git a/website/src/assets/images/bruce-mars.jpg b/website/src/assets/images/bruce-mars.jpg deleted file mode 100644 index 335cf58..0000000 Binary files a/website/src/assets/images/bruce-mars.jpg and /dev/null differ diff --git a/website/src/assets/images/favicon.png b/website/src/assets/images/favicon.png deleted file mode 100644 index 7d8b7d0..0000000 Binary files a/website/src/assets/images/favicon.png and /dev/null differ diff --git a/website/src/assets/images/home-decor-1.jpg b/website/src/assets/images/home-decor-1.jpg deleted file mode 100644 index 3469eb2..0000000 Binary files a/website/src/assets/images/home-decor-1.jpg and /dev/null differ diff --git a/website/src/assets/images/home-decor-2.jpg b/website/src/assets/images/home-decor-2.jpg deleted file mode 100644 index 3ffb21a..0000000 Binary files a/website/src/assets/images/home-decor-2.jpg and /dev/null differ diff --git a/website/src/assets/images/home-decor-3.jpg b/website/src/assets/images/home-decor-3.jpg deleted file mode 100644 index 3e3539a..0000000 Binary files a/website/src/assets/images/home-decor-3.jpg and /dev/null differ diff --git a/website/src/assets/images/home-decor-4.jpeg b/website/src/assets/images/home-decor-4.jpeg deleted file mode 100644 index de22614..0000000 Binary files a/website/src/assets/images/home-decor-4.jpeg and /dev/null differ diff --git a/website/src/assets/images/icons/flags/AU.png b/website/src/assets/images/icons/flags/AU.png deleted file mode 100644 index 13fd089..0000000 Binary files a/website/src/assets/images/icons/flags/AU.png and /dev/null differ diff --git a/website/src/assets/images/icons/flags/BR.png b/website/src/assets/images/icons/flags/BR.png deleted file mode 100644 index 91e3862..0000000 Binary files a/website/src/assets/images/icons/flags/BR.png and /dev/null differ diff --git a/website/src/assets/images/icons/flags/DE.png b/website/src/assets/images/icons/flags/DE.png deleted file mode 100644 index 5029361..0000000 Binary files a/website/src/assets/images/icons/flags/DE.png and /dev/null differ diff --git a/website/src/assets/images/icons/flags/GB.png b/website/src/assets/images/icons/flags/GB.png deleted file mode 100644 index b2f1b3b..0000000 Binary files a/website/src/assets/images/icons/flags/GB.png and /dev/null differ diff --git a/website/src/assets/images/icons/flags/US.png b/website/src/assets/images/icons/flags/US.png deleted file mode 100644 index 5b42a56..0000000 Binary files a/website/src/assets/images/icons/flags/US.png and /dev/null differ diff --git a/website/src/assets/images/icons/ozon.svg b/website/src/assets/images/icons/ozon.svg deleted file mode 100755 index 5c18518..0000000 --- a/website/src/assets/images/icons/ozon.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/website/src/assets/images/icons/wb.png b/website/src/assets/images/icons/wb.png deleted file mode 100644 index 811ec1b..0000000 Binary files a/website/src/assets/images/icons/wb.png and /dev/null differ diff --git a/website/src/assets/images/ivana-square.jpg b/website/src/assets/images/ivana-square.jpg deleted file mode 100644 index f6308ce..0000000 Binary files a/website/src/assets/images/ivana-square.jpg and /dev/null differ diff --git a/website/src/assets/images/kal-visuals-square.jpg b/website/src/assets/images/kal-visuals-square.jpg deleted file mode 100644 index 1f1bf08..0000000 Binary files a/website/src/assets/images/kal-visuals-square.jpg and /dev/null differ diff --git a/website/src/assets/images/logo-ct-dark.png b/website/src/assets/images/logo-ct-dark.png deleted file mode 100644 index 4c2b251..0000000 Binary files a/website/src/assets/images/logo-ct-dark.png and /dev/null differ diff --git a/website/src/assets/images/logo-ct.png b/website/src/assets/images/logo-ct.png deleted file mode 100644 index 5f9cf4a..0000000 Binary files a/website/src/assets/images/logo-ct.png and /dev/null differ diff --git a/website/src/assets/images/logos/mastercard.png b/website/src/assets/images/logos/mastercard.png deleted file mode 100644 index 1057c90..0000000 Binary files a/website/src/assets/images/logos/mastercard.png and /dev/null differ diff --git a/website/src/assets/images/logos/visa.png b/website/src/assets/images/logos/visa.png deleted file mode 100644 index 8d3a35e..0000000 Binary files a/website/src/assets/images/logos/visa.png and /dev/null differ diff --git a/website/src/assets/images/marie.jpg b/website/src/assets/images/marie.jpg deleted file mode 100644 index ad0b807..0000000 Binary files a/website/src/assets/images/marie.jpg and /dev/null differ diff --git a/website/src/assets/images/small-logos/bootstrap.svg b/website/src/assets/images/small-logos/bootstrap.svg deleted file mode 100644 index 030c53e..0000000 --- a/website/src/assets/images/small-logos/bootstrap.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - bootstrap - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/creative-tim.svg b/website/src/assets/images/small-logos/creative-tim.svg deleted file mode 100644 index 83bebb9..0000000 --- a/website/src/assets/images/small-logos/creative-tim.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - creative-tim - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/devto.svg b/website/src/assets/images/small-logos/devto.svg deleted file mode 100644 index 51fa2ce..0000000 --- a/website/src/assets/images/small-logos/devto.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - devto - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/github.svg b/website/src/assets/images/small-logos/github.svg deleted file mode 100644 index bfa7a11..0000000 --- a/website/src/assets/images/small-logos/github.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - github - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/google-webdev.svg b/website/src/assets/images/small-logos/google-webdev.svg deleted file mode 100644 index 5bc9d2e..0000000 --- a/website/src/assets/images/small-logos/google-webdev.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - google-webdev - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/icon-bulb.svg b/website/src/assets/images/small-logos/icon-bulb.svg deleted file mode 100644 index 2d7bdaf..0000000 --- a/website/src/assets/images/small-logos/icon-bulb.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - icon-bulb - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-asana.svg b/website/src/assets/images/small-logos/logo-asana.svg deleted file mode 100644 index c37d9bf..0000000 --- a/website/src/assets/images/small-logos/logo-asana.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - Logos - - - - - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-atlassian.svg b/website/src/assets/images/small-logos/logo-atlassian.svg deleted file mode 100644 index 6df6825..0000000 --- a/website/src/assets/images/small-logos/logo-atlassian.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - Logos - - - - - - - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-invision.svg b/website/src/assets/images/small-logos/logo-invision.svg deleted file mode 100644 index 44e72b6..0000000 --- a/website/src/assets/images/small-logos/logo-invision.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - Logos - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-jira.svg b/website/src/assets/images/small-logos/logo-jira.svg deleted file mode 100644 index dac3ddb..0000000 --- a/website/src/assets/images/small-logos/logo-jira.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - Logos - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-slack.svg b/website/src/assets/images/small-logos/logo-slack.svg deleted file mode 100644 index 6b8eba6..0000000 --- a/website/src/assets/images/small-logos/logo-slack.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - Logos - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-spotify.svg b/website/src/assets/images/small-logos/logo-spotify.svg deleted file mode 100644 index 1c930b3..0000000 --- a/website/src/assets/images/small-logos/logo-spotify.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - Logos - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/small-logos/logo-xd.svg b/website/src/assets/images/small-logos/logo-xd.svg deleted file mode 100644 index 5cd1bd4..0000000 --- a/website/src/assets/images/small-logos/logo-xd.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - Logos - - - - - - - - \ No newline at end of file diff --git a/website/src/assets/images/team-1.jpg b/website/src/assets/images/team-1.jpg deleted file mode 100644 index 8f95305..0000000 Binary files a/website/src/assets/images/team-1.jpg and /dev/null differ diff --git a/website/src/assets/images/team-2.jpg b/website/src/assets/images/team-2.jpg deleted file mode 100644 index 976c115..0000000 Binary files a/website/src/assets/images/team-2.jpg and /dev/null differ diff --git a/website/src/assets/images/team-3.jpg b/website/src/assets/images/team-3.jpg deleted file mode 100644 index 324ad7d..0000000 Binary files a/website/src/assets/images/team-3.jpg and /dev/null differ diff --git a/website/src/assets/images/team-4.jpg b/website/src/assets/images/team-4.jpg deleted file mode 100644 index abfa43f..0000000 Binary files a/website/src/assets/images/team-4.jpg and /dev/null differ diff --git a/website/src/assets/images/team-5.jpg b/website/src/assets/images/team-5.jpg deleted file mode 100644 index 8b7f184..0000000 Binary files a/website/src/assets/images/team-5.jpg and /dev/null differ diff --git a/website/src/assets/theme-dark/base/borders.js b/website/src/assets/theme-dark/base/borders.js deleted file mode 100644 index 9e562eb..0000000 --- a/website/src/assets/theme-dark/base/borders.js +++ /dev/null @@ -1,54 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base border styles for the Material Dashboard 2 PRO React. - * You can add new border width, border color or border radius using this file. - * You can customized the borders value for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { white } = colors; - -const borders = { - borderColor: rgba(white.main, 0.4), - - borderWidth: { - 0: 0, - 1: pxToRem(1), - 2: pxToRem(2), - 3: pxToRem(3), - 4: pxToRem(4), - 5: pxToRem(5), - }, - - borderRadius: { - xs: pxToRem(1.6), - sm: pxToRem(2), - md: pxToRem(6), - lg: pxToRem(8), - xl: pxToRem(12), - xxl: pxToRem(16), - section: pxToRem(160), - }, -}; - -export default borders; diff --git a/website/src/assets/theme-dark/base/boxShadows.js b/website/src/assets/theme-dark/base/boxShadows.js deleted file mode 100644 index 2fbddfe..0000000 --- a/website/src/assets/theme-dark/base/boxShadows.js +++ /dev/null @@ -1,118 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base box-shadow styles for the Material Dashboard 2 PRO React. - * You can add new box-shadow using this file. - * You can customized the box-shadow for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React Helper Functions -import boxShadow from "assets/theme-dark/functions/boxShadow"; - -const { black, dark, tabs, coloredShadows } = colors; - -const boxShadows = { - xs: boxShadow([0, 2], [9, -5], black.main, 0.15), - sm: boxShadow([0, 5], [10, 0], black.main, 0.12), - md: `${boxShadow([0, 2], [2, 0], black.main, 0.14)}, ${boxShadow( - [0, 3], - [1, -2], - black.main, - 0.2 - )}, ${boxShadow([0, 1], [5, 0], black.main, 0.12)}`, - lg: `${boxShadow([0, 10], [15, -3], black.main, 0.1)}, ${boxShadow( - [0, 4], - [6, -2], - black.main, - 0.05 - )}`, - xl: `${boxShadow([0, 20], [25, -5], black.main, 0.1)}, ${boxShadow( - [0, 10], - [10, -5], - black.main, - 0.04 - )}`, - xxl: boxShadow([0, 20], [27, 0], black.main, 0.05), - inset: boxShadow([0, 1], [2, 0], black.main, 0.075, "inset"), - colored: { - primary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.primary, - 0.4 - )}`, - secondary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.secondary, - 0.4 - )}`, - info: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.info, - 0.4 - )}`, - success: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.success, - 0.4 - )}`, - warning: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.warning, - 0.4 - )}`, - error: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.error, - 0.4 - )}`, - light: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.light, - 0.4 - )}`, - dark: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.dark, - 0.4 - )}`, - }, - - navbarBoxShadow: `${boxShadow([0, 0], [1, 1], dark.main, 0.9, "inset")}, ${boxShadow( - [0, 20], - [27, 0], - black.main, - 0.05 - )}`, - sliderBoxShadow: { - thumb: boxShadow([0, 1], [13, 0], black.main, 0.2), - }, - tabsBoxShadow: { - indicator: boxShadow([0, 1], [5, 1], tabs.indicator.boxShadow, 1), - }, -}; - -export default boxShadows; diff --git a/website/src/assets/theme-dark/base/breakpoints.js b/website/src/assets/theme-dark/base/breakpoints.js deleted file mode 100644 index 45b8827..0000000 --- a/website/src/assets/theme-dark/base/breakpoints.js +++ /dev/null @@ -1,33 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base breakpoints for the Material Dashboard 2 PRO React. - * You can add new breakpoints using this file. - * You can customized the breakpoints for the entire Material Dashboard 2 PRO React using thie file. - */ - -const breakpoints = { - values: { - xs: 0, - sm: 576, - md: 768, - lg: 992, - xl: 1200, - xxl: 1400, - }, -}; - -export default breakpoints; diff --git a/website/src/assets/theme-dark/base/colors.js b/website/src/assets/theme-dark/base/colors.js deleted file mode 100644 index 4cf9df8..0000000 --- a/website/src/assets/theme-dark/base/colors.js +++ /dev/null @@ -1,265 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base colors for the Material Dashboard 2 PRO React. - * You can add new color using this file. - * You can customized the colors for the entire Material Dashboard 2 PRO React using thie file. - */ - -const colors = { - background: { - default: "#1a2035", - sidenav: "#1f283e", - card: "#202940", - }, - - text: { - main: "#ffffffcc", - focus: "#ffffffcc", - }, - - transparent: { - main: "transparent", - }, - - white: { - main: "#ffffff", - focus: "#ffffff", - }, - - black: { - light: "#000000", - main: "#000000", - focus: "#000000", - }, - - primary: { - main: "#e91e63", - focus: "#e91e63", - }, - - secondary: { - main: "#7b809a", - focus: "#8f93a9", - }, - - info: { - main: "#1A73E8", - focus: "#1662C4", - }, - - success: { - main: "#4CAF50", - focus: "#67bb6a", - }, - - warning: { - main: "#fb8c00", - focus: "#fc9d26", - }, - - error: { - main: "#F44335", - focus: "#f65f53", - }, - - light: { - main: "#f0f2f566", - focus: "#f0f2f566", - }, - - dark: { - main: "#344767", - focus: "#2c3c58", - }, - - grey: { - 100: "#f8f9fa", - 200: "#f0f2f5", - 300: "#dee2e6", - 400: "#ced4da", - 500: "#adb5bd", - 600: "#6c757d", - 700: "#495057", - 800: "#343a40", - 900: "#212529", - }, - - gradients: { - primary: { - main: "#EC407A", - state: "#D81B60", - }, - - secondary: { - main: "#747b8a", - state: "#495361", - }, - - info: { - main: "#49a3f1", - state: "#1A73E8", - }, - - success: { - main: "#66BB6A", - state: "#43A047", - }, - - warning: { - main: "#FFA726", - state: "#FB8C00", - }, - - error: { - main: "#EF5350", - state: "#E53935", - }, - - light: { - main: "#EBEFF4", - state: "#CED4DA", - }, - - dark: { - main: "#323a54", - state: "#1a2035", - }, - }, - - socialMediaColors: { - facebook: { - main: "#3b5998", - dark: "#344e86", - }, - - twitter: { - main: "#55acee", - dark: "#3ea1ec", - }, - - instagram: { - main: "#125688", - dark: "#0e456d", - }, - - linkedin: { - main: "#0077b5", - dark: "#00669c", - }, - - pinterest: { - main: "#cc2127", - dark: "#b21d22", - }, - - youtube: { - main: "#e52d27", - dark: "#d41f1a", - }, - - vimeo: { - main: "#1ab7ea", - dark: "#13a3d2", - }, - - slack: { - main: "#3aaf85", - dark: "#329874", - }, - - dribbble: { - main: "#ea4c89", - dark: "#e73177", - }, - - github: { - main: "#24292e", - dark: "#171a1d", - }, - - reddit: { - main: "#ff4500", - dark: "#e03d00", - }, - - tumblr: { - main: "#35465c", - dark: "#2a3749", - }, - }, - - badgeColors: { - primary: { - background: "#f8b3ca", - text: "#cc084b", - }, - - secondary: { - background: "#d7d9e1", - text: "#6c757d", - }, - - info: { - background: "#aecef7", - text: "#095bc6", - }, - - success: { - background: "#bce2be", - text: "#339537", - }, - - warning: { - background: "#ffd59f", - text: "#c87000", - }, - - error: { - background: "#fcd3d0", - text: "#f61200", - }, - - light: { - background: "#ffffff", - text: "#c7d3de", - }, - - dark: { - background: "#8097bf", - text: "#1e2e4a", - }, - }, - - coloredShadows: { - primary: "#e91e62", - secondary: "#110e0e", - info: "#00bbd4", - success: "#4caf4f", - warning: "#ff9900", - error: "#f44336", - light: "#adb5bd", - dark: "#404040", - }, - - inputBorderColor: "#d2d6da", - - tabs: { - indicator: { boxShadow: "#ddd" }, - }, -}; - -export default colors; diff --git a/website/src/assets/theme-dark/base/globals.js b/website/src/assets/theme-dark/base/globals.js deleted file mode 100644 index 7a6b6ea..0000000 --- a/website/src/assets/theme-dark/base/globals.js +++ /dev/null @@ -1,41 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -const { info, dark } = colors; - -const globals = { - html: { - scrollBehavior: "smooth", - }, - "*, *::before, *::after": { - margin: 0, - padding: 0, - }, - "a, a:link, a:visited": { - textDecoration: "none !important", - }, - "a.link, .link, a.link:link, .link:link, a.link:visited, .link:visited": { - color: `${dark.main} !important`, - transition: "color 150ms ease-in !important", - }, - "a.link:hover, .link:hover, a.link:focus, .link:focus": { - color: `${info.main} !important`, - }, -}; - -export default globals; diff --git a/website/src/assets/theme-dark/base/typography.js b/website/src/assets/theme-dark/base/typography.js deleted file mode 100644 index c9b81bf..0000000 --- a/website/src/assets/theme-dark/base/typography.js +++ /dev/null @@ -1,199 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base typography styles for the Material Dashboard 2 PRO React. - * You can add new typography style using this file. - * You can customized the typography styles for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { white } = colors; - -const baseProperties = { - fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', - fontWeightLighter: 100, - fontWeightLight: 300, - fontWeightRegular: 400, - fontWeightMedium: 600, - fontWeightBold: 700, - fontSizeXXS: pxToRem(10.4), - fontSizeXS: pxToRem(12), - fontSizeSM: pxToRem(14), - fontSizeMD: pxToRem(16), - fontSizeLG: pxToRem(18), - fontSizeXL: pxToRem(20), - fontSize2XL: pxToRem(24), - fontSize3XL: pxToRem(30), -}; - -const baseHeadingProperties = { - fontFamily: baseProperties.fontFamily, - color: white.main, - fontWeight: baseProperties.fontWeightBold, -}; - -const baseDisplayProperties = { - fontFamily: baseProperties.fontFamily, - color: white.main, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.2, -}; - -const typography = { - fontFamily: baseProperties.fontFamily, - fontWeightLighter: baseProperties.fontWeightLighter, - fontWeightLight: baseProperties.fontWeightLight, - fontWeightRegular: baseProperties.fontWeightRegular, - fontWeightMedium: baseProperties.fontWeightMedium, - fontWeightBold: baseProperties.fontWeightBold, - - h1: { - fontSize: pxToRem(48), - lineHeight: 1.25, - ...baseHeadingProperties, - }, - - h2: { - fontSize: pxToRem(36), - lineHeight: 1.3, - ...baseHeadingProperties, - }, - - h3: { - fontSize: pxToRem(30), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h4: { - fontSize: pxToRem(24), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h5: { - fontSize: pxToRem(20), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h6: { - fontSize: pxToRem(16), - lineHeight: 1.625, - ...baseHeadingProperties, - }, - - subtitle1: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXL, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.625, - }, - - subtitle2: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeMD, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.6, - }, - - body1: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXL, - fontWeight: baseProperties.fontWeightRegular, - lineHeight: 1.625, - }, - - body2: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeMD, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.6, - }, - - button: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeSM, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.5, - textTransform: "uppercase", - }, - - caption: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXS, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.25, - }, - - overline: { - fontFamily: baseProperties.fontFamily, - }, - - d1: { - fontSize: pxToRem(80), - ...baseDisplayProperties, - }, - - d2: { - fontSize: pxToRem(72), - ...baseDisplayProperties, - }, - - d3: { - fontSize: pxToRem(64), - ...baseDisplayProperties, - }, - - d4: { - fontSize: pxToRem(56), - ...baseDisplayProperties, - }, - - d5: { - fontSize: pxToRem(48), - ...baseDisplayProperties, - }, - - d6: { - fontSize: pxToRem(40), - ...baseDisplayProperties, - }, - - size: { - xxs: baseProperties.fontSizeXXS, - xs: baseProperties.fontSizeXS, - sm: baseProperties.fontSizeSM, - md: baseProperties.fontSizeMD, - lg: baseProperties.fontSizeLG, - xl: baseProperties.fontSizeXL, - "2xl": baseProperties.fontSize2XL, - "3xl": baseProperties.fontSize3XL, - }, - - lineHeight: { - sm: 1.25, - md: 1.5, - lg: 2, - }, -}; - -export default typography; diff --git a/website/src/assets/theme-dark/components/appBar.js b/website/src/assets/theme-dark/components/appBar.js deleted file mode 100644 index a62f79a..0000000 --- a/website/src/assets/theme-dark/components/appBar.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const appBar = { - defaultProps: { - color: "transparent", - }, - - styleOverrides: { - root: { - boxShadow: "none", - }, - }, -}; - -export default appBar; diff --git a/website/src/assets/theme-dark/components/avatar.js b/website/src/assets/theme-dark/components/avatar.js deleted file mode 100644 index c1c5c15..0000000 --- a/website/src/assets/theme-dark/components/avatar.js +++ /dev/null @@ -1,37 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; - -const { borderRadius } = borders; - -const avatar = { - styleOverrides: { - root: { - transition: "all 200ms ease-in-out", - }, - - rounded: { - borderRadius: borderRadius.lg, - }, - - img: { - height: "auto", - }, - }, -}; - -export default avatar; diff --git a/website/src/assets/theme-dark/components/breadcrumbs.js b/website/src/assets/theme-dark/components/breadcrumbs.js deleted file mode 100644 index e8f5e90..0000000 --- a/website/src/assets/theme-dark/components/breadcrumbs.js +++ /dev/null @@ -1,36 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -const { grey } = colors; -const { size } = typography; - -const breadcrumbs = { - styleOverrides: { - li: { - lineHeight: 0, - }, - - separator: { - fontSize: size.sm, - color: grey[600], - }, - }, -}; - -export default breadcrumbs; diff --git a/website/src/assets/theme-dark/components/button/contained.js b/website/src/assets/theme-dark/components/button/contained.js deleted file mode 100644 index 83671b1..0000000 --- a/website/src/assets/theme-dark/components/button/contained.js +++ /dev/null @@ -1,91 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { white, text, info, secondary } = colors; -const { size } = typography; - -const contained = { - base: { - backgroundColor: white.main, - minHeight: pxToRem(37), - color: text.main, - padding: `${pxToRem(9)} ${pxToRem(24)}`, - - "&:hover": { - backgroundColor: white.main, - }, - - "&:active, &:active:focus, &:active:hover": { - opacity: 0.85, - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(29), - padding: `${pxToRem(6)} ${pxToRem(18)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(44), - padding: `${pxToRem(12)} ${pxToRem(64)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - backgroundColor: info.main, - - "&:hover": { - backgroundColor: info.main, - }, - - "&:focus:not(:hover)": { - backgroundColor: info.focus, - }, - }, - - secondary: { - backgroundColor: secondary.main, - - "&:hover": { - backgroundColor: secondary.main, - }, - - "&:focus:not(:hover)": { - backgroundColor: secondary.focus, - }, - }, -}; - -export default contained; diff --git a/website/src/assets/theme-dark/components/button/index.js b/website/src/assets/theme-dark/components/button/index.js deleted file mode 100644 index 9780787..0000000 --- a/website/src/assets/theme-dark/components/button/index.js +++ /dev/null @@ -1,46 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Button Styles -import root from "assets/theme-dark/components/button/root"; -import contained from "assets/theme-dark/components/button/contained"; -import outlined from "assets/theme-dark/components/button/outlined"; -import buttonText from "assets/theme-dark/components/button/text"; - -const button = { - defaultProps: { - disableRipple: false, - }, - styleOverrides: { - root: { ...root }, - contained: { ...contained.base }, - containedSizeSmall: { ...contained.small }, - containedSizeLarge: { ...contained.large }, - containedPrimary: { ...contained.primary }, - containedSecondary: { ...contained.secondary }, - outlined: { ...outlined.base }, - outlinedSizeSmall: { ...outlined.small }, - outlinedSizeLarge: { ...outlined.large }, - outlinedPrimary: { ...outlined.primary }, - outlinedSecondary: { ...outlined.secondary }, - text: { ...buttonText.base }, - textSizeSmall: { ...buttonText.small }, - textSizeLarge: { ...buttonText.large }, - textPrimary: { ...buttonText.primary }, - textSecondary: { ...buttonText.secondary }, - }, -}; - -export default button; diff --git a/website/src/assets/theme-dark/components/button/outlined.js b/website/src/assets/theme-dark/components/button/outlined.js deleted file mode 100644 index 11fae36..0000000 --- a/website/src/assets/theme-dark/components/button/outlined.js +++ /dev/null @@ -1,82 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { transparent, light, info, secondary } = colors; -const { size } = typography; - -const outlined = { - base: { - minHeight: pxToRem(39), - color: light.main, - borderColor: light.main, - padding: `${pxToRem(9)} ${pxToRem(24)}`, - - "&:hover": { - opacity: 0.75, - backgroundColor: transparent.main, - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(31), - padding: `${pxToRem(6)} ${pxToRem(18)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(46), - padding: `${pxToRem(12)} ${pxToRem(64)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - backgroundColor: transparent.main, - borderColor: info.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - }, - - secondary: { - backgroundColor: transparent.main, - borderColor: secondary.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - }, -}; - -export default outlined; diff --git a/website/src/assets/theme-dark/components/button/root.js b/website/src/assets/theme-dark/components/button/root.js deleted file mode 100644 index e9b8b88..0000000 --- a/website/src/assets/theme-dark/components/button/root.js +++ /dev/null @@ -1,53 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import typography from "assets/theme-dark/base/typography"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { fontWeightBold, size } = typography; -const { borderRadius } = borders; - -const root = { - display: "inline-flex", - justifyContent: "center", - alignItems: "center", - fontSize: size.xs, - fontWeight: fontWeightBold, - borderRadius: borderRadius.lg, - padding: `${pxToRem(6.302)} ${pxToRem(16.604)}`, - lineHeight: 1.4, - textAlign: "center", - textTransform: "uppercase", - userSelect: "none", - backgroundSize: "150% !important", - backgroundPositionX: "25% !important", - transition: "all 150ms ease-in", - - "&:disabled": { - pointerEvent: "none", - opacity: 0.65, - }, - - "& .material-icons": { - fontSize: pxToRem(15), - marginTop: pxToRem(-2), - }, -}; - -export default root; diff --git a/website/src/assets/theme-dark/components/button/text.js b/website/src/assets/theme-dark/components/button/text.js deleted file mode 100644 index 8cfcdb8..0000000 --- a/website/src/assets/theme-dark/components/button/text.js +++ /dev/null @@ -1,104 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { text, info, secondary, transparent } = colors; -const { size } = typography; - -const buttonText = { - base: { - backgroundColor: transparent.main, - minHeight: pxToRem(37), - color: text.main, - boxShadow: "none", - padding: `${pxToRem(9)} ${pxToRem(24)}`, - - "&:hover": { - backgroundColor: transparent.main, - boxShadow: "none", - }, - - "&:focus": { - boxShadow: "none", - }, - - "&:active, &:active:focus, &:active:hover": { - opacity: 0.85, - boxShadow: "none", - }, - - "&:disabled": { - boxShadow: "none", - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(29), - padding: `${pxToRem(6)} ${pxToRem(18)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(44), - padding: `${pxToRem(12)} ${pxToRem(64)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - color: info.main, - - "&:hover": { - color: info.main, - }, - - "&:focus:not(:hover)": { - color: info.focus, - boxShadow: "none", - }, - }, - - secondary: { - color: secondary.main, - - "&:hover": { - color: secondary.main, - }, - - "&:focus:not(:hover)": { - color: secondary.focus, - boxShadow: "none", - }, - }, -}; - -export default buttonText; diff --git a/website/src/assets/theme-dark/components/buttonBase.js b/website/src/assets/theme-dark/components/buttonBase.js deleted file mode 100644 index d7cc7a9..0000000 --- a/website/src/assets/theme-dark/components/buttonBase.js +++ /dev/null @@ -1,22 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const buttonBase = { - defaultProps: { - disableRipple: false, - }, -}; - -export default buttonBase; diff --git a/website/src/assets/theme-dark/components/card/cardContent.js b/website/src/assets/theme-dark/components/card/cardContent.js deleted file mode 100644 index 7fe0d9f..0000000 --- a/website/src/assets/theme-dark/components/card/cardContent.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const cardContent = { - styleOverrides: { - root: { - marginTop: 0, - marginBottom: 0, - padding: `${pxToRem(8)} ${pxToRem(24)} ${pxToRem(24)}`, - }, - }, -}; - -export default cardContent; diff --git a/website/src/assets/theme-dark/components/card/cardMedia.js b/website/src/assets/theme-dark/components/card/cardMedia.js deleted file mode 100644 index 97b0679..0000000 --- a/website/src/assets/theme-dark/components/card/cardMedia.js +++ /dev/null @@ -1,37 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { borderRadius } = borders; - -const cardMedia = { - styleOverrides: { - root: { - borderRadius: borderRadius.xl, - margin: `${pxToRem(16)} ${pxToRem(16)} 0`, - }, - - media: { - width: "auto", - }, - }, -}; - -export default cardMedia; diff --git a/website/src/assets/theme-dark/components/card/index.js b/website/src/assets/theme-dark/components/card/index.js deleted file mode 100644 index e87d57d..0000000 --- a/website/src/assets/theme-dark/components/card/index.js +++ /dev/null @@ -1,47 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import boxShadows from "assets/theme-dark/base/boxShadows"; - -// Material Dashboard 2 React Helper Function -import rgba from "assets/theme-dark/functions/rgba"; - -const { black, background } = colors; -const { borderWidth, borderRadius } = borders; -const { md } = boxShadows; - -const card = { - styleOverrides: { - root: { - display: "flex", - flexDirection: "column", - position: "relative", - minWidth: 0, - wordWrap: "break-word", - backgroundImage: "none", - backgroundColor: background.card, - backgroundClip: "border-box", - border: `${borderWidth[0]} solid ${rgba(black.main, 0.125)}`, - borderRadius: borderRadius.xl, - boxShadow: md, - overflow: "visible", - }, - }, -}; - -export default card; diff --git a/website/src/assets/theme-dark/components/container.js b/website/src/assets/theme-dark/components/container.js deleted file mode 100644 index c37da6e..0000000 --- a/website/src/assets/theme-dark/components/container.js +++ /dev/null @@ -1,74 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import breakpoints from "assets/theme-dark/base/breakpoints"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { - values: { sm, md, lg, xl, xxl }, -} = breakpoints; - -const SM = `@media (min-width: ${sm}px)`; -const MD = `@media (min-width: ${md}px)`; -const LG = `@media (min-width: ${lg}px)`; -const XL = `@media (min-width: ${xl}px)`; -const XXL = `@media (min-width: ${xxl}px)`; - -const sharedClasses = { - paddingRight: `${pxToRem(24)} !important`, - paddingLeft: `${pxToRem(24)} !important`, - marginRight: "auto !important", - marginLeft: "auto !important", - width: "100% !important", - position: "relative", -}; - -const container = { - [SM]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "540px !important", - }, - }, - [MD]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "720px !important", - }, - }, - [LG]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "960px !important", - }, - }, - [XL]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "1140px !important", - }, - }, - [XXL]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "1320px !important", - }, - }, -}; - -export default container; diff --git a/website/src/assets/theme-dark/components/dialog/dialogActions.js b/website/src/assets/theme-dark/components/dialog/dialogActions.js deleted file mode 100644 index 25f718a..0000000 --- a/website/src/assets/theme-dark/components/dialog/dialogActions.js +++ /dev/null @@ -1,27 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const dialogActions = { - styleOverrides: { - root: { - padding: pxToRem(16), - }, - }, -}; - -export default dialogActions; diff --git a/website/src/assets/theme-dark/components/dialog/dialogContent.js b/website/src/assets/theme-dark/components/dialog/dialogContent.js deleted file mode 100644 index 6081541..0000000 --- a/website/src/assets/theme-dark/components/dialog/dialogContent.js +++ /dev/null @@ -1,44 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme-dark/base/typography"; -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { size } = typography; -const { white } = colors; -const { borderWidth, borderColor } = borders; - -const dialogContent = { - styleOverrides: { - root: { - padding: pxToRem(16), - fontSize: size.md, - color: rgba(white.main, 0.8), - }, - - dividers: { - borderTop: `${borderWidth[1]} solid ${rgba(borderColor, 0.6)}`, - borderBottom: `${borderWidth[1]} solid ${rgba(borderColor, 0.6)}`, - }, - }, -}; - -export default dialogContent; diff --git a/website/src/assets/theme-dark/components/dialog/dialogContentText.js b/website/src/assets/theme-dark/components/dialog/dialogContentText.js deleted file mode 100644 index 2013de0..0000000 --- a/website/src/assets/theme-dark/components/dialog/dialogContentText.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme-dark/base/typography"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme-dark/functions/rgba"; - -const { size } = typography; -const { white } = colors; - -const dialogContentText = { - styleOverrides: { - root: { - fontSize: size.md, - color: rgba(white.main, 0.8), - }, - }, -}; - -export default dialogContentText; diff --git a/website/src/assets/theme-dark/components/dialog/dialogTitle.js b/website/src/assets/theme-dark/components/dialog/dialogTitle.js deleted file mode 100644 index d18a3f0..0000000 --- a/website/src/assets/theme-dark/components/dialog/dialogTitle.js +++ /dev/null @@ -1,33 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { size } = typography; - -const dialogTitle = { - styleOverrides: { - root: { - padding: pxToRem(16), - fontSize: size.xl, - }, - }, -}; - -export default dialogTitle; diff --git a/website/src/assets/theme-dark/components/dialog/index.js b/website/src/assets/theme-dark/components/dialog/index.js deleted file mode 100644 index faf6da2..0000000 --- a/website/src/assets/theme-dark/components/dialog/index.js +++ /dev/null @@ -1,36 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import boxShadows from "assets/theme-dark/base/boxShadows"; - -const { borderRadius } = borders; -const { xxl } = boxShadows; - -const dialog = { - styleOverrides: { - paper: { - borderRadius: borderRadius.lg, - boxShadow: xxl, - }, - - paperFullScreen: { - borderRadius: 0, - }, - }, -}; - -export default dialog; diff --git a/website/src/assets/theme-dark/components/divider.js b/website/src/assets/theme-dark/components/divider.js deleted file mode 100644 index c4bb1db..0000000 --- a/website/src/assets/theme-dark/components/divider.js +++ /dev/null @@ -1,68 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme-dark/functions/rgba"; -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { dark, transparent, white } = colors; - -const divider = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to right, ${rgba(dark.main, 0)}, ${white.main}, ${rgba( - dark.main, - 0 - )}) !important`, - height: pxToRem(1), - margin: `${pxToRem(16)} 0`, - borderBottom: "none", - opacity: 0.25, - }, - - vertical: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to bottom, ${rgba(dark.main, 0)}, ${white.main}, ${rgba( - dark.main, - 0 - )}) !important`, - width: pxToRem(1), - height: "100%", - margin: `0 ${pxToRem(16)}`, - borderRight: "none", - }, - - light: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to right, ${rgba(white.main, 0)}, ${rgba( - dark.main, - 0.4 - )}, ${rgba(white.main, 0)}) !important`, - - "&.MuiDivider-vertical": { - backgroundImage: `linear-gradient(to bottom, ${rgba(white.main, 0)}, ${rgba( - dark.main, - 0.4 - )}, ${rgba(white.main, 0)}) !important`, - }, - }, - }, -}; - -export default divider; diff --git a/website/src/assets/theme-dark/components/form/autocomplete.js b/website/src/assets/theme-dark/components/form/autocomplete.js deleted file mode 100644 index add5a4a..0000000 --- a/website/src/assets/theme-dark/components/form/autocomplete.js +++ /dev/null @@ -1,109 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import boxShadows from "assets/theme-dark/base/boxShadows"; -import typography from "assets/theme-dark/base/typography"; -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { md } = boxShadows; -const { size } = typography; -const { text, transparent, light, dark, gradients, background, white } = colors; -const { borderRadius } = borders; - -const autocomplete = { - styleOverrides: { - popper: { - boxShadow: md, - padding: pxToRem(8), - fontSize: size.sm, - color: text.main, - textAlign: "left", - backgroundColor: `${background.card} !important`, - borderRadius: borderRadius.md, - }, - - paper: { - boxShadow: "none", - backgroundColor: transparent.main, - }, - - option: { - padding: `${pxToRem(4.8)} ${pxToRem(16)}`, - borderRadius: borderRadius.md, - fontSize: size.sm, - color: text.main, - transition: "background-color 300ms ease, color 300ms ease", - - "&:hover, &:focus, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": { - backgroundColor: rgba(light.main, 0.2), - color: white.main, - }, - - '&[aria-selected="true"]': { - backgroundColor: `${rgba(light.main, 0.2)} !important`, - color: `${white.main} !important`, - }, - }, - - noOptions: { - fontSize: size.sm, - color: text.main, - }, - - groupLabel: { - color: dark.main, - }, - - loading: { - fontSize: size.sm, - color: text.main, - }, - - tag: { - display: "flex", - alignItems: "center", - height: "auto", - padding: pxToRem(4), - backgroundColor: gradients.dark.state, - color: white.main, - - "& .MuiChip-label": { - lineHeight: 1.2, - padding: `0 ${pxToRem(10)} 0 ${pxToRem(4)}`, - }, - - "& .MuiSvgIcon-root, & .MuiSvgIcon-root:hover, & .MuiSvgIcon-root:focus": { - color: white.main, - marginRight: 0, - }, - }, - - popupIndicator: { - color: text.main, - }, - - clearIndicator: { - color: text.main, - }, - }, -}; - -export default autocomplete; diff --git a/website/src/assets/theme-dark/components/form/checkbox.js b/website/src/assets/theme-dark/components/form/checkbox.js deleted file mode 100644 index c8fd01c..0000000 --- a/website/src/assets/theme-dark/components/form/checkbox.js +++ /dev/null @@ -1,83 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; - -const { borderWidth, borderColor } = borders; -const { transparent, info } = colors; - -const checkbox = { - styleOverrides: { - root: { - "& .MuiSvgIcon-root": { - backgroundPosition: "center", - backgroundSize: "contain", - backgroundRepeat: "no-repeat", - width: pxToRem(20), - height: pxToRem(20), - color: transparent.main, - border: `${borderWidth[1]} solid ${borderColor}`, - borderRadius: pxToRem(5.6), - }, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-focusVisible": { - border: `${borderWidth[2]} solid ${info.main} !important`, - }, - }, - - colorPrimary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 22 22'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"), ${linearGradient( - info.main, - info.main - )}`, - borderColor: info.main, - }, - }, - }, - - colorSecondary: { - color: borderColor, - - "& .MuiSvgIcon-root": { - color: info.main, - "&.Mui-checked": { - backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 22 22'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"), ${linearGradient( - info.main, - info.main - )}`, - borderColor: info.main, - }, - }, - }, - }, -}; - -export default checkbox; diff --git a/website/src/assets/theme-dark/components/form/formControlLabel.js b/website/src/assets/theme-dark/components/form/formControlLabel.js deleted file mode 100644 index 46e5772..0000000 --- a/website/src/assets/theme-dark/components/form/formControlLabel.js +++ /dev/null @@ -1,50 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { white } = colors; -const { size, fontWeightBold } = typography; - -const formControlLabel = { - styleOverrides: { - root: { - display: "block", - minHeight: pxToRem(24), - marginBottom: pxToRem(2), - }, - - label: { - display: "inline-block", - fontSize: size.sm, - fontWeight: fontWeightBold, - color: white.main, - lineHeight: 1, - transform: `translateY(${pxToRem(1)})`, - marginLeft: pxToRem(4), - - "&.Mui-disabled": { - color: white.main, - }, - }, - }, -}; - -export default formControlLabel; diff --git a/website/src/assets/theme-dark/components/form/formLabel.js b/website/src/assets/theme-dark/components/form/formLabel.js deleted file mode 100644 index b039a30..0000000 --- a/website/src/assets/theme-dark/components/form/formLabel.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; - -const { text } = colors; - -const formLabel = { - styleOverrides: { - root: { - color: text.main, - }, - }, -}; - -export default formLabel; diff --git a/website/src/assets/theme-dark/components/form/input.js b/website/src/assets/theme-dark/components/form/input.js deleted file mode 100644 index 3a272ae..0000000 --- a/website/src/assets/theme-dark/components/form/input.js +++ /dev/null @@ -1,57 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React Helper Functions -import rgba from "assets/theme-dark/functions/rgba"; - -const { info, inputBorderColor, dark, grey, white } = colors; -const { size } = typography; -const { borderWidth } = borders; - -const input = { - styleOverrides: { - root: { - fontSize: size.sm, - color: dark.main, - - "&:hover:not(.Mui-disabled):before": { - borderBottom: `${borderWidth[1]} solid ${rgba(inputBorderColor, 0.6)}`, - }, - - "&:before": { - borderColor: rgba(inputBorderColor, 0.6), - }, - - "&:after": { - borderColor: info.main, - }, - - input: { - color: white.main, - - "&::-webkit-input-placeholder": { - color: grey[100], - }, - }, - }, - }, -}; - -export default input; diff --git a/website/src/assets/theme-dark/components/form/inputLabel.js b/website/src/assets/theme-dark/components/form/inputLabel.js deleted file mode 100644 index 76d7fec..0000000 --- a/website/src/assets/theme-dark/components/form/inputLabel.js +++ /dev/null @@ -1,60 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; - -const { text, info } = colors; -const { size } = typography; - -const inputLabel = { - styleOverrides: { - root: { - fontSize: size.sm, - color: text.main, - lineHeight: 0.9, - - "&.Mui-focused": { - color: info.main, - }, - - "&.MuiInputLabel-shrink": { - lineHeight: 1.5, - fontSize: size.md, - - "~ .MuiInputBase-root .MuiOutlinedInput-notchedOutline legend": { - fontSize: "0.85em", - }, - }, - }, - - sizeSmall: { - fontSize: size.xs, - lineHeight: 1.625, - - "&.MuiInputLabel-shrink": { - lineHeight: 1.6, - fontSize: size.sm, - - "~ .MuiInputBase-root .MuiOutlinedInput-notchedOutline legend": { - fontSize: "0.72em", - }, - }, - }, - }, -}; - -export default inputLabel; diff --git a/website/src/assets/theme-dark/components/form/inputOutlined.js b/website/src/assets/theme-dark/components/form/inputOutlined.js deleted file mode 100644 index c2c8174..0000000 --- a/website/src/assets/theme-dark/components/form/inputOutlined.js +++ /dev/null @@ -1,73 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { inputBorderColor, info, grey, transparent, white } = colors; -const { borderRadius } = borders; -const { size } = typography; - -const inputOutlined = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - fontSize: size.sm, - borderRadius: borderRadius.md, - - "&:hover .MuiOutlinedInput-notchedOutline": { - borderColor: rgba(inputBorderColor, 0.6), - }, - - "&.Mui-focused": { - "& .MuiOutlinedInput-notchedOutline": { - borderColor: info.main, - }, - }, - }, - - notchedOutline: { - borderColor: rgba(inputBorderColor, 0.6), - }, - - input: { - color: white.main, - padding: pxToRem(12), - backgroundColor: transparent.main, - - "&::-webkit-input-placeholder": { - color: grey[100], - }, - }, - - inputSizeSmall: { - fontSize: size.xs, - padding: pxToRem(10), - }, - - multiline: { - color: grey[700], - padding: 0, - }, - }, -}; - -export default inputOutlined; diff --git a/website/src/assets/theme-dark/components/form/radio.js b/website/src/assets/theme-dark/components/form/radio.js deleted file mode 100644 index d707ad7..0000000 --- a/website/src/assets/theme-dark/components/form/radio.js +++ /dev/null @@ -1,97 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; - -const { borderWidth, borderColor } = borders; -const { transparent, info } = colors; - -const radio = { - styleOverrides: { - root: { - "& .MuiSvgIcon-root": { - width: pxToRem(20), - height: pxToRem(20), - color: transparent.main, - border: `${borderWidth[1]} solid ${borderColor}`, - borderRadius: "50%", - }, - - "&:after": { - transition: "opacity 250ms ease-in-out", - content: `""`, - position: "absolute", - width: pxToRem(14), - height: pxToRem(14), - borderRadius: "50%", - backgroundImage: linearGradient(info.main, info.main), - opacity: 0, - left: 0, - right: 0, - top: 0, - bottom: 0, - margin: "auto", - }, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-focusVisible": { - border: `${borderWidth[2]} solid ${info.main} !important`, - }, - }, - - colorPrimary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - borderColor: info.main, - }, - - "&:after": { - opacity: 1, - }, - }, - }, - - colorSecondary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - borderColor: info.main, - }, - - "&:after": { - opacity: 1, - }, - }, - }, - }, -}; - -export default radio; diff --git a/website/src/assets/theme-dark/components/form/select.js b/website/src/assets/theme-dark/components/form/select.js deleted file mode 100644 index 178cfd0..0000000 --- a/website/src/assets/theme-dark/components/form/select.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { transparent } = colors; - -const select = { - styleOverrides: { - select: { - display: "grid", - alignItems: "center", - padding: `0 ${pxToRem(12)} !important`, - - "& .Mui-selected": { - backgroundColor: transparent.main, - }, - }, - - selectMenu: { - background: "none", - height: "none", - minHeight: "none", - overflow: "unset", - }, - - icon: { - display: "none", - }, - }, -}; - -export default select; diff --git a/website/src/assets/theme-dark/components/form/switchButton.js b/website/src/assets/theme-dark/components/form/switchButton.js deleted file mode 100644 index 16bad32..0000000 --- a/website/src/assets/theme-dark/components/form/switchButton.js +++ /dev/null @@ -1,88 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import boxShadows from "assets/theme-dark/base/boxShadows"; - -// Material Dashboard 2 React helper functions -// import rgba from "assets/theme-dark/functions/rgba"; -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; - -const { white, gradients, grey, transparent } = colors; -const { borderWidth } = borders; -const { md } = boxShadows; - -const switchButton = { - defaultProps: { - disableRipple: false, - }, - - styleOverrides: { - switchBase: { - color: gradients.dark.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-checked": { - color: gradients.dark.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "& .MuiSwitch-thumb": { - borderColor: `${gradients.dark.main} !important`, - }, - - "& + .MuiSwitch-track": { - backgroundColor: `${gradients.dark.main} !important`, - borderColor: `${gradients.dark.main} !important`, - opacity: 1, - }, - }, - - "&.Mui-disabled + .MuiSwitch-track": { - opacity: "0.3 !important", - }, - - "&.Mui-focusVisible .MuiSwitch-thumb": { - backgroundImage: linearGradient(gradients.info.main, gradients.info.state), - }, - }, - - thumb: { - backgroundColor: white.main, - boxShadow: md, - border: `${borderWidth[1]} solid ${grey[400]}`, - }, - - track: { - width: pxToRem(32), - height: pxToRem(15), - backgroundColor: grey[400], - border: `${borderWidth[1]} solid ${grey[400]}`, - opacity: 1, - }, - - checked: {}, - }, -}; - -export default switchButton; diff --git a/website/src/assets/theme-dark/components/form/textField.js b/website/src/assets/theme-dark/components/form/textField.js deleted file mode 100644 index e52375d..0000000 --- a/website/src/assets/theme-dark/components/form/textField.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -const { transparent } = colors; - -const textField = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - }, - }, -}; - -export default textField; diff --git a/website/src/assets/theme-dark/components/icon.js b/website/src/assets/theme-dark/components/icon.js deleted file mode 100644 index d9cee92..0000000 --- a/website/src/assets/theme-dark/components/icon.js +++ /dev/null @@ -1,40 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const icon = { - defaultProps: { - baseClassName: "material-icons-round", - fontSize: "inherit", - }, - - styleOverrides: { - fontSizeInherit: { - fontSize: "inherit !important", - }, - - fontSizeSmall: { - fontSize: `${pxToRem(20)} !important`, - }, - - fontSizeLarge: { - fontSize: `${pxToRem(36)} !important`, - }, - }, -}; - -export default icon; diff --git a/website/src/assets/theme-dark/components/iconButton.js b/website/src/assets/theme-dark/components/iconButton.js deleted file mode 100644 index df9e31c..0000000 --- a/website/src/assets/theme-dark/components/iconButton.js +++ /dev/null @@ -1,31 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme-dark/base/colors"; - -const { transparent } = colors; - -const iconButton = { - styleOverrides: { - root: { - "&:hover": { - backgroundColor: transparent.main, - }, - }, - }, -}; - -export default iconButton; diff --git a/website/src/assets/theme-dark/components/linearProgress.js b/website/src/assets/theme-dark/components/linearProgress.js deleted file mode 100644 index 8387707..0000000 --- a/website/src/assets/theme-dark/components/linearProgress.js +++ /dev/null @@ -1,53 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { borderRadius } = borders; -const { light } = colors; - -const linearProgress = { - styleOverrides: { - root: { - height: pxToRem(6), - borderRadius: borderRadius.md, - overflow: "visible", - position: "relative", - }, - - colorPrimary: { - backgroundColor: light.main, - }, - - colorSecondary: { - backgroundColor: light.main, - }, - - bar: { - height: pxToRem(6), - borderRadius: borderRadius.sm, - position: "absolute", - transform: `translate(0, 0) !important`, - transition: "width 0.6s ease !important", - }, - }, -}; - -export default linearProgress; diff --git a/website/src/assets/theme-dark/components/link.js b/website/src/assets/theme-dark/components/link.js deleted file mode 100644 index 35b5d17..0000000 --- a/website/src/assets/theme-dark/components/link.js +++ /dev/null @@ -1,23 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const link = { - defaultProps: { - underline: "none", - color: "inherit", - }, -}; - -export default link; diff --git a/website/src/assets/theme-dark/components/list/index.js b/website/src/assets/theme-dark/components/list/index.js deleted file mode 100644 index 9d21f46..0000000 --- a/website/src/assets/theme-dark/components/list/index.js +++ /dev/null @@ -1,25 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const list = { - styleOverrides: { - padding: { - paddingTop: 0, - paddingBottom: 0, - }, - }, -}; - -export default list; diff --git a/website/src/assets/theme-dark/components/list/listItem.js b/website/src/assets/theme-dark/components/list/listItem.js deleted file mode 100644 index a28b910..0000000 --- a/website/src/assets/theme-dark/components/list/listItem.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const listItem = { - defaultProps: { - disableGutters: true, - }, - - styleOverrides: { - root: { - paddingTop: 0, - paddingBottom: 0, - }, - }, -}; - -export default listItem; diff --git a/website/src/assets/theme-dark/components/list/listItemText.js b/website/src/assets/theme-dark/components/list/listItemText.js deleted file mode 100644 index a14d7af..0000000 --- a/website/src/assets/theme-dark/components/list/listItemText.js +++ /dev/null @@ -1,25 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const listItemText = { - styleOverrides: { - root: { - marginTop: 0, - marginBottom: 0, - }, - }, -}; - -export default listItemText; diff --git a/website/src/assets/theme-dark/components/menu/index.js b/website/src/assets/theme-dark/components/menu/index.js deleted file mode 100644 index 9c7770c..0000000 --- a/website/src/assets/theme-dark/components/menu/index.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import boxShadows from "assets/theme-dark/base/boxShadows"; -import typography from "assets/theme-dark/base/typography"; -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { md } = boxShadows; -const { size } = typography; -const { text, background } = colors; -const { borderRadius } = borders; - -const menu = { - defaultProps: { - disableAutoFocusItem: true, - }, - - styleOverrides: { - paper: { - minWidth: pxToRem(160), - boxShadow: md, - padding: `${pxToRem(16)} ${pxToRem(8)}`, - fontSize: size.sm, - color: text.main, - textAlign: "left", - backgroundColor: `${background.card} !important`, - borderRadius: borderRadius.md, - }, - }, -}; - -export default menu; diff --git a/website/src/assets/theme-dark/components/menu/menuItem.js b/website/src/assets/theme-dark/components/menu/menuItem.js deleted file mode 100644 index dfe3bc9..0000000 --- a/website/src/assets/theme-dark/components/menu/menuItem.js +++ /dev/null @@ -1,48 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import typography from "assets/theme-dark/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { dark, white } = colors; -const { borderRadius } = borders; -const { size } = typography; - -const menuItem = { - styleOverrides: { - root: { - minWidth: pxToRem(160), - minHeight: "unset", - padding: `${pxToRem(4.8)} ${pxToRem(16)}`, - borderRadius: borderRadius.md, - fontSize: size.sm, - color: rgba(white.main, 0.8), - transition: "background-color 300ms ease, color 300ms ease", - - "&:hover, &:focus, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": { - backgroundColor: dark.main, - color: white.main, - }, - }, - }, -}; - -export default menuItem; diff --git a/website/src/assets/theme-dark/components/popover.js b/website/src/assets/theme-dark/components/popover.js deleted file mode 100644 index 73a2a71..0000000 --- a/website/src/assets/theme-dark/components/popover.js +++ /dev/null @@ -1,39 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import boxShadows from "assets/theme-dark/base/boxShadows"; -import borders from "assets/theme-dark/base/borders"; - -const { transparent } = colors; -const { md } = boxShadows; -const { borderRadius } = borders; - -const popover = { - styleOverrides: { - paper: { - backgroundColor: transparent.main, - boxShadow: md, - padding: pxToRem(8), - borderRadius: borderRadius.md, - }, - }, -}; - -export default popover; diff --git a/website/src/assets/theme-dark/components/sidenav.js b/website/src/assets/theme-dark/components/sidenav.js deleted file mode 100644 index 52feb96..0000000 --- a/website/src/assets/theme-dark/components/sidenav.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { background } = colors; -const { borderRadius } = borders; - -const sidenav = { - styleOverrides: { - root: { - width: pxToRem(250), - whiteSpace: "nowrap", - border: "none", - }, - - paper: { - width: pxToRem(250), - backgroundColor: background.sidenav, - height: `calc(100vh - ${pxToRem(32)})`, - margin: pxToRem(16), - borderRadius: borderRadius.xl, - border: "none", - }, - - paperAnchorDockedLeft: { - borderRight: "none", - }, - }, -}; - -export default sidenav; diff --git a/website/src/assets/theme-dark/components/slider.js b/website/src/assets/theme-dark/components/slider.js deleted file mode 100644 index f342ad0..0000000 --- a/website/src/assets/theme-dark/components/slider.js +++ /dev/null @@ -1,73 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { grey, white, black, info } = colors; -const { borderRadius, borderWidth } = borders; -const { sliderBoxShadow } = boxShadows; - -const slider = { - styleOverrides: { - root: { - width: "100%", - - "& .MuiSlider-active, & .Mui-focusVisible": { - boxShadow: "none !important", - }, - - "& .MuiSlider-valueLabel": { - color: black.main, - }, - }, - - rail: { - height: pxToRem(2), - background: grey[200], - borderRadius: borderRadius.sm, - opacity: 1, - }, - - track: { - background: info.main, - height: pxToRem(2), - position: "relative", - border: "none", - borderRadius: borderRadius.lg, - zIndex: 1, - }, - - thumb: { - width: pxToRem(14), - height: pxToRem(14), - backgroundColor: white.main, - zIndex: 10, - boxShadow: sliderBoxShadow.thumb, - border: `${borderWidth[1]} solid ${info.main}`, - - "&:hover": { - boxShadow: "none", - }, - }, - }, -}; - -export default slider; diff --git a/website/src/assets/theme-dark/components/stepper/index.js b/website/src/assets/theme-dark/components/stepper/index.js deleted file mode 100644 index c115ab6..0000000 --- a/website/src/assets/theme-dark/components/stepper/index.js +++ /dev/null @@ -1,44 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import boxShadows from "assets/theme-dark/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; - -const { transparent, gradients } = colors; -const { borderRadius } = borders; -const { colored } = boxShadows; - -const stepper = { - styleOverrides: { - root: { - background: linearGradient(gradients.info.main, gradients.info.state), - padding: `${pxToRem(24)} 0 ${pxToRem(16)}`, - borderRadius: borderRadius.lg, - boxShadow: colored.info, - - "&.MuiPaper-root": { - backgroundColor: transparent.main, - }, - }, - }, -}; - -export default stepper; diff --git a/website/src/assets/theme-dark/components/stepper/step.js b/website/src/assets/theme-dark/components/stepper/step.js deleted file mode 100644 index 28b6d0e..0000000 --- a/website/src/assets/theme-dark/components/stepper/step.js +++ /dev/null @@ -1,27 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const step = { - styleOverrides: { - root: { - padding: `0 ${pxToRem(6)}`, - }, - }, -}; - -export default step; diff --git a/website/src/assets/theme-dark/components/stepper/stepConnector.js b/website/src/assets/theme-dark/components/stepper/stepConnector.js deleted file mode 100644 index a9fc280..0000000 --- a/website/src/assets/theme-dark/components/stepper/stepConnector.js +++ /dev/null @@ -1,52 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -const { white } = colors; -const { borderWidth } = borders; - -const stepConnector = { - styleOverrides: { - root: { - color: "#9fc9ff", - transition: "all 200ms linear", - - "&.Mui-active": { - color: white.main, - }, - - "&.Mui-completed": { - color: white.main, - }, - }, - - alternativeLabel: { - top: "14%", - left: "-50%", - right: "50%", - }, - - line: { - borderWidth: `${borderWidth[2]} !important`, - borderColor: "currentColor", - opacity: 0.5, - }, - }, -}; - -export default stepConnector; diff --git a/website/src/assets/theme-dark/components/stepper/stepIcon.js b/website/src/assets/theme-dark/components/stepper/stepIcon.js deleted file mode 100644 index 800ed72..0000000 --- a/website/src/assets/theme-dark/components/stepper/stepIcon.js +++ /dev/null @@ -1,57 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import boxShadow from "assets/theme-dark/functions/boxShadow"; - -const { white } = colors; - -const stepIcon = { - styleOverrides: { - root: { - background: "#9fc9ff", - fill: "#9fc9ff", - stroke: "#9fc9ff", - strokeWidth: pxToRem(10), - width: pxToRem(13), - height: pxToRem(13), - borderRadius: "50%", - zIndex: 99, - transition: "all 200ms linear", - - "&.Mui-active": { - background: white.main, - fill: white.main, - stroke: white.main, - borderColor: white.main, - boxShadow: boxShadow([0, 0], [0, 2], white.main, 1), - }, - - "&.Mui-completed": { - background: white.main, - fill: white.main, - stroke: white.main, - borderColor: white.main, - boxShadow: boxShadow([0, 0], [0, 2], white.main, 1), - }, - }, - }, -}; - -export default stepIcon; diff --git a/website/src/assets/theme-dark/components/stepper/stepLabel.js b/website/src/assets/theme-dark/components/stepper/stepLabel.js deleted file mode 100644 index eb154c2..0000000 --- a/website/src/assets/theme-dark/components/stepper/stepLabel.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme-dark/base/typography"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -const { size, fontWeightRegular } = typography; -const { white } = colors; - -const stepLabel = { - styleOverrides: { - label: { - marginTop: `${pxToRem(8)} !important`, - fontWeight: fontWeightRegular, - fontSize: size.xs, - color: "#9fc9ff", - textTransform: "uppercase", - - "&.Mui-active": { - fontWeight: `${fontWeightRegular} !important`, - color: `${rgba(white.main, 0.8)} !important`, - }, - - "&.Mui-completed": { - fontWeight: `${fontWeightRegular} !important`, - color: `${rgba(white.main, 0.8)} !important`, - }, - }, - }, -}; - -export default stepLabel; diff --git a/website/src/assets/theme-dark/components/svgIcon.js b/website/src/assets/theme-dark/components/svgIcon.js deleted file mode 100644 index fefbfa0..0000000 --- a/website/src/assets/theme-dark/components/svgIcon.js +++ /dev/null @@ -1,39 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const svgIcon = { - defaultProps: { - fontSize: "inherit", - }, - - styleOverrides: { - fontSizeInherit: { - fontSize: "inherit !important", - }, - - fontSizeSmall: { - fontSize: `${pxToRem(20)} !important`, - }, - - fontSizeLarge: { - fontSize: `${pxToRem(36)} !important`, - }, - }, -}; - -export default svgIcon; diff --git a/website/src/assets/theme-dark/components/table/tableCell.js b/website/src/assets/theme-dark/components/table/tableCell.js deleted file mode 100644 index b0ed371..0000000 --- a/website/src/assets/theme-dark/components/table/tableCell.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { borderWidth } = borders; -const { light } = colors; - -const tableCell = { - styleOverrides: { - root: { - padding: `${pxToRem(12)} ${pxToRem(16)}`, - borderBottom: `${borderWidth[1]} solid ${light.main}`, - }, - }, -}; - -export default tableCell; diff --git a/website/src/assets/theme-dark/components/table/tableContainer.js b/website/src/assets/theme-dark/components/table/tableContainer.js deleted file mode 100644 index 45cc846..0000000 --- a/website/src/assets/theme-dark/components/table/tableContainer.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import boxShadows from "assets/theme-dark/base/boxShadows"; -import borders from "assets/theme-dark/base/borders"; - -const { background } = colors; -const { md } = boxShadows; -const { borderRadius } = borders; - -const tableContainer = { - styleOverrides: { - root: { - backgroundColor: background.card, - boxShadow: md, - borderRadius: borderRadius.xl, - }, - }, -}; - -export default tableContainer; diff --git a/website/src/assets/theme-dark/components/table/tableHead.js b/website/src/assets/theme-dark/components/table/tableHead.js deleted file mode 100644 index 25fd29f..0000000 --- a/website/src/assets/theme-dark/components/table/tableHead.js +++ /dev/null @@ -1,34 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { borderRadius } = borders; - -const tableHead = { - styleOverrides: { - root: { - display: "block", - padding: `${pxToRem(16)} ${pxToRem(16)} 0 ${pxToRem(16)}`, - borderRadius: `${borderRadius.xl} ${borderRadius.xl} 0 0`, - }, - }, -}; - -export default tableHead; diff --git a/website/src/assets/theme-dark/components/tabs/index.js b/website/src/assets/theme-dark/components/tabs/index.js deleted file mode 100644 index 1b6f290..0000000 --- a/website/src/assets/theme-dark/components/tabs/index.js +++ /dev/null @@ -1,65 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import borders from "assets/theme-dark/base/borders"; -import boxShadows from "assets/theme-dark/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { background } = colors; -const { borderRadius } = borders; -const { md } = boxShadows; - -const tabs = { - styleOverrides: { - root: { - position: "relative", - backgroundColor: background.card, - borderRadius: borderRadius.xl, - minHeight: "unset", - padding: pxToRem(4), - }, - - flexContainer: { - height: "100%", - position: "relative", - zIndex: 10, - }, - - fixed: { - overflow: "unset !important", - overflowX: "unset !important", - }, - - vertical: { - "& .MuiTabs-indicator": { - width: "100%", - }, - }, - - indicator: { - height: "100%", - borderRadius: borderRadius.lg, - backgroundColor: background.default, - boxShadow: md, - transition: "all 500ms ease", - }, - }, -}; - -export default tabs; diff --git a/website/src/assets/theme-dark/components/tabs/tab.js b/website/src/assets/theme-dark/components/tabs/tab.js deleted file mode 100644 index 457a46a..0000000 --- a/website/src/assets/theme-dark/components/tabs/tab.js +++ /dev/null @@ -1,65 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme-dark/base/typography"; -import borders from "assets/theme-dark/base/borders"; -import colors from "assets/theme-dark/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { size, fontWeightRegular } = typography; -const { borderRadius } = borders; -const { white } = colors; - -const tab = { - styleOverrides: { - root: { - display: "flex", - alignItems: "center", - flexDirection: "row", - flex: "1 1 auto", - textAlign: "center", - maxWidth: "unset !important", - minWidth: "unset !important", - minHeight: "unset !important", - fontSize: size.md, - fontWeight: fontWeightRegular, - textTransform: "none", - lineHeight: "inherit", - padding: pxToRem(4), - borderRadius: borderRadius.lg, - color: `${white.main} !important`, - opacity: "1 !important", - - "& .material-icons, .material-icons-round": { - marginBottom: "0 !important", - marginRight: pxToRem(6), - }, - - "& svg": { - marginBottom: "0 !important", - marginRight: pxToRem(6), - }, - }, - - labelIcon: { - paddingTop: pxToRem(4), - }, - }, -}; - -export default tab; diff --git a/website/src/assets/theme-dark/components/tooltip.js b/website/src/assets/theme-dark/components/tooltip.js deleted file mode 100644 index b3fe170..0000000 --- a/website/src/assets/theme-dark/components/tooltip.js +++ /dev/null @@ -1,56 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import typography from "assets/theme-dark/base/typography"; -import borders from "assets/theme-dark/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -const { black, white } = colors; -const { size, fontWeightRegular } = typography; -const { borderRadius } = borders; - -const tooltip = { - defaultProps: { - arrow: true, - TransitionComponent: Fade, - }, - - styleOverrides: { - tooltip: { - maxWidth: pxToRem(200), - backgroundColor: black.main, - color: white.main, - fontSize: size.sm, - fontWeight: fontWeightRegular, - textAlign: "center", - borderRadius: borderRadius.md, - opacity: 0.7, - padding: `${pxToRem(5)} ${pxToRem(8)} ${pxToRem(4)}`, - }, - - arrow: { - color: black.main, - }, - }, -}; - -export default tooltip; diff --git a/website/src/assets/theme-dark/functions/boxShadow.js b/website/src/assets/theme-dark/functions/boxShadow.js deleted file mode 100644 index cdcef56..0000000 --- a/website/src/assets/theme-dark/functions/boxShadow.js +++ /dev/null @@ -1,34 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The boxShadow() function helps you to create a box shadow for an element - */ - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme-dark/functions/rgba"; -import pxToRem from "assets/theme-dark/functions/pxToRem"; - -function boxShadow(offset = [], radius = [], color, opacity, inset = "") { - const [x, y] = offset; - const [blur, spread] = radius; - - return `${inset} ${pxToRem(x)} ${pxToRem(y)} ${pxToRem(blur)} ${pxToRem(spread)} ${rgba( - color, - opacity - )}`; -} - -export default boxShadow; diff --git a/website/src/assets/theme-dark/functions/gradientChartLine.js b/website/src/assets/theme-dark/functions/gradientChartLine.js deleted file mode 100644 index 81177dc..0000000 --- a/website/src/assets/theme-dark/functions/gradientChartLine.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The gradientChartLine() function helps you to create a gradient color for the chart line - */ - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme-dark/functions/rgba"; - -function gradientChartLine(chart, color, opacity = 0.2) { - const ctx = chart.getContext("2d"); - const gradientStroke = ctx.createLinearGradient(0, 230, 0, 50); - const primaryColor = rgba(color, opacity).toString(); - - gradientStroke.addColorStop(1, primaryColor); - gradientStroke.addColorStop(0.2, "rgba(72, 72, 176, 0.0)"); - gradientStroke.addColorStop(0, "rgba(203, 12, 159, 0)"); - - return gradientStroke; -} - -export default gradientChartLine; diff --git a/website/src/assets/theme-dark/functions/hexToRgb.js b/website/src/assets/theme-dark/functions/hexToRgb.js deleted file mode 100644 index d828268..0000000 --- a/website/src/assets/theme-dark/functions/hexToRgb.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The hexToRgb() function helps you to change the hex color code to rgb - using chroma-js library. - */ - -// chroma-js is a library for all kinds of color conversions and color scales. -import chroma from "chroma-js"; - -function hexToRgb(color) { - return chroma(color).rgb().join(", "); -} - -export default hexToRgb; diff --git a/website/src/assets/theme-dark/functions/linearGradient.js b/website/src/assets/theme-dark/functions/linearGradient.js deleted file mode 100644 index 8085007..0000000 --- a/website/src/assets/theme-dark/functions/linearGradient.js +++ /dev/null @@ -1,24 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The linearGradient() function helps you to create a linear gradient color background - */ - -function linearGradient(color, colorState, angle = 195) { - return `linear-gradient(${angle}deg, ${color}, ${colorState})`; -} - -export default linearGradient; diff --git a/website/src/assets/theme-dark/functions/pxToRem.js b/website/src/assets/theme-dark/functions/pxToRem.js deleted file mode 100644 index 63628bb..0000000 --- a/website/src/assets/theme-dark/functions/pxToRem.js +++ /dev/null @@ -1,24 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The pxToRem() function helps you to convert a px unit into a rem unit, - */ - -function pxToRem(number, baseNumber = 16) { - return `${number / baseNumber}rem`; -} - -export default pxToRem; diff --git a/website/src/assets/theme-dark/functions/rgba.js b/website/src/assets/theme-dark/functions/rgba.js deleted file mode 100644 index 22c0d21..0000000 --- a/website/src/assets/theme-dark/functions/rgba.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The rgba() function helps you to create a rgba color code, it uses the hexToRgb() function - to convert the hex code into rgb for using it inside the rgba color format. - */ - -// Material Dashboard 2 React helper functions -import hexToRgb from "assets/theme-dark/functions/hexToRgb"; - -function rgba(color, opacity) { - return `rgba(${hexToRgb(color)}, ${opacity})`; -} - -export default rgba; diff --git a/website/src/assets/theme-dark/index.js b/website/src/assets/theme-dark/index.js deleted file mode 100644 index 18857c2..0000000 --- a/website/src/assets/theme-dark/index.js +++ /dev/null @@ -1,158 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { createTheme } from "@mui/material/styles"; -// import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import breakpoints from "assets/theme-dark/base/breakpoints"; -import typography from "assets/theme-dark/base/typography"; -import boxShadows from "assets/theme-dark/base/boxShadows"; -import borders from "assets/theme-dark/base/borders"; -import globals from "assets/theme-dark/base/globals"; - -// Material Dashboard 2 React helper functions -import boxShadow from "assets/theme-dark/functions/boxShadow"; -import hexToRgb from "assets/theme-dark/functions/hexToRgb"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -// Material Dashboard 2 React components base styles for @mui material components -import sidenav from "assets/theme-dark/components/sidenav"; -import list from "assets/theme-dark/components/list"; -import listItem from "assets/theme-dark/components/list/listItem"; -import listItemText from "assets/theme-dark/components/list/listItemText"; -import card from "assets/theme-dark/components/card"; -import cardMedia from "assets/theme-dark/components/card/cardMedia"; -import cardContent from "assets/theme-dark/components/card/cardContent"; -import button from "assets/theme-dark/components/button"; -import iconButton from "assets/theme-dark/components/iconButton"; -import input from "assets/theme-dark/components/form/input"; -import inputLabel from "assets/theme-dark/components/form/inputLabel"; -import inputOutlined from "assets/theme-dark/components/form/inputOutlined"; -import textField from "assets/theme-dark/components/form/textField"; -import menu from "assets/theme-dark/components/menu"; -import menuItem from "assets/theme-dark/components/menu/menuItem"; -import switchButton from "assets/theme-dark/components/form/switchButton"; -import divider from "assets/theme-dark/components/divider"; -import tableContainer from "assets/theme-dark/components/table/tableContainer"; -import tableHead from "assets/theme-dark/components/table/tableHead"; -import tableCell from "assets/theme-dark/components/table/tableCell"; -import linearProgress from "assets/theme-dark/components/linearProgress"; -import breadcrumbs from "assets/theme-dark/components/breadcrumbs"; -import slider from "assets/theme-dark/components/slider"; -import avatar from "assets/theme-dark/components/avatar"; -import tooltip from "assets/theme-dark/components/tooltip"; -import appBar from "assets/theme-dark/components/appBar"; -import tabs from "assets/theme-dark/components/tabs"; -import tab from "assets/theme-dark/components/tabs/tab"; -import stepper from "assets/theme-dark/components/stepper"; -import step from "assets/theme-dark/components/stepper/step"; -import stepConnector from "assets/theme-dark/components/stepper/stepConnector"; -import stepLabel from "assets/theme-dark/components/stepper/stepLabel"; -import stepIcon from "assets/theme-dark/components/stepper/stepIcon"; -import select from "assets/theme-dark/components/form/select"; -import formControlLabel from "assets/theme-dark/components/form/formControlLabel"; -import formLabel from "assets/theme-dark/components/form/formLabel"; -import checkbox from "assets/theme-dark/components/form/checkbox"; -import radio from "assets/theme-dark/components/form/radio"; -import autocomplete from "assets/theme-dark/components/form/autocomplete"; -import container from "assets/theme-dark/components/container"; -import popover from "assets/theme-dark/components/popover"; -import buttonBase from "assets/theme-dark/components/buttonBase"; -import icon from "assets/theme-dark/components/icon"; -import svgIcon from "assets/theme-dark/components/svgIcon"; -import link from "assets/theme-dark/components/link"; -import dialog from "assets/theme-dark/components/dialog"; -import dialogTitle from "assets/theme-dark/components/dialog/dialogTitle"; -import dialogContent from "assets/theme-dark/components/dialog/dialogContent"; -import dialogContentText from "assets/theme-dark/components/dialog/dialogContentText"; -import dialogActions from "assets/theme-dark/components/dialog/dialogActions"; - -export default createTheme({ - breakpoints: { ...breakpoints }, - palette: { ...colors }, - typography: { ...typography }, - boxShadows: { ...boxShadows }, - borders: { ...borders }, - functions: { - boxShadow, - hexToRgb, - linearGradient, - pxToRem, - rgba, - }, - - components: { - MuiCssBaseline: { - styleOverrides: { - ...globals, - ...container, - }, - }, - MuiDrawer: { ...sidenav }, - MuiList: { ...list }, - MuiListItem: { ...listItem }, - MuiListItemText: { ...listItemText }, - MuiCard: { ...card }, - MuiCardMedia: { ...cardMedia }, - MuiCardContent: { ...cardContent }, - MuiButton: { ...button }, - MuiIconButton: { ...iconButton }, - MuiInput: { ...input }, - MuiInputLabel: { ...inputLabel }, - MuiOutlinedInput: { ...inputOutlined }, - MuiTextField: { ...textField }, - MuiMenu: { ...menu }, - MuiMenuItem: { ...menuItem }, - MuiSwitch: { ...switchButton }, - MuiDivider: { ...divider }, - MuiTableContainer: { ...tableContainer }, - MuiTableHead: { ...tableHead }, - MuiTableCell: { ...tableCell }, - MuiLinearProgress: { ...linearProgress }, - MuiBreadcrumbs: { ...breadcrumbs }, - MuiSlider: { ...slider }, - MuiAvatar: { ...avatar }, - MuiTooltip: { ...tooltip }, - MuiAppBar: { ...appBar }, - MuiTabs: { ...tabs }, - MuiTab: { ...tab }, - MuiStepper: { ...stepper }, - MuiStep: { ...step }, - MuiStepConnector: { ...stepConnector }, - MuiStepLabel: { ...stepLabel }, - MuiStepIcon: { ...stepIcon }, - MuiSelect: { ...select }, - MuiFormControlLabel: { ...formControlLabel }, - MuiFormLabel: { ...formLabel }, - MuiCheckbox: { ...checkbox }, - MuiRadio: { ...radio }, - MuiAutocomplete: { ...autocomplete }, - MuiPopover: { ...popover }, - MuiButtonBase: { ...buttonBase }, - MuiIcon: { ...icon }, - MuiSvgIcon: { ...svgIcon }, - MuiLink: { ...link }, - MuiDialog: { ...dialog }, - MuiDialogTitle: { ...dialogTitle }, - MuiDialogContent: { ...dialogContent }, - MuiDialogContentText: { ...dialogContentText }, - MuiDialogActions: { ...dialogActions }, - }, -}); diff --git a/website/src/assets/theme-dark/theme-rtl.js b/website/src/assets/theme-dark/theme-rtl.js deleted file mode 100644 index e154795..0000000 --- a/website/src/assets/theme-dark/theme-rtl.js +++ /dev/null @@ -1,159 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { createTheme } from "@mui/material/styles"; -// import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme-dark/base/colors"; -import breakpoints from "assets/theme-dark/base/breakpoints"; -import typography from "assets/theme-dark/base/typography"; -import boxShadows from "assets/theme-dark/base/boxShadows"; -import borders from "assets/theme-dark/base/borders"; -import globals from "assets/theme-dark/base/globals"; - -// Material Dashboard 2 React helper functions -import boxShadow from "assets/theme-dark/functions/boxShadow"; -import hexToRgb from "assets/theme-dark/functions/hexToRgb"; -import linearGradient from "assets/theme-dark/functions/linearGradient"; -import pxToRem from "assets/theme-dark/functions/pxToRem"; -import rgba from "assets/theme-dark/functions/rgba"; - -// Material Dashboard 2 React components base styles for @mui material components -import sidenav from "assets/theme-dark/components/sidenav"; -import list from "assets/theme-dark/components/list"; -import listItem from "assets/theme-dark/components/list/listItem"; -import listItemText from "assets/theme-dark/components/list/listItemText"; -import card from "assets/theme-dark/components/card"; -import cardMedia from "assets/theme-dark/components/card/cardMedia"; -import cardContent from "assets/theme-dark/components/card/cardContent"; -import button from "assets/theme-dark/components/button"; -import iconButton from "assets/theme-dark/components/iconButton"; -import input from "assets/theme-dark/components/form/input"; -import inputLabel from "assets/theme-dark/components/form/inputLabel"; -import inputOutlined from "assets/theme-dark/components/form/inputOutlined"; -import textField from "assets/theme-dark/components/form/textField"; -import menu from "assets/theme-dark/components/menu"; -import menuItem from "assets/theme-dark/components/menu/menuItem"; -import switchButton from "assets/theme-dark/components/form/switchButton"; -import divider from "assets/theme-dark/components/divider"; -import tableContainer from "assets/theme-dark/components/table/tableContainer"; -import tableHead from "assets/theme-dark/components/table/tableHead"; -import tableCell from "assets/theme-dark/components/table/tableCell"; -import linearProgress from "assets/theme-dark/components/linearProgress"; -import breadcrumbs from "assets/theme-dark/components/breadcrumbs"; -import slider from "assets/theme-dark/components/slider"; -import avatar from "assets/theme-dark/components/avatar"; -import tooltip from "assets/theme-dark/components/tooltip"; -import appBar from "assets/theme-dark/components/appBar"; -import tabs from "assets/theme-dark/components/tabs"; -import tab from "assets/theme-dark/components/tabs/tab"; -import stepper from "assets/theme-dark/components/stepper"; -import step from "assets/theme-dark/components/stepper/step"; -import stepConnector from "assets/theme-dark/components/stepper/stepConnector"; -import stepLabel from "assets/theme-dark/components/stepper/stepLabel"; -import stepIcon from "assets/theme-dark/components/stepper/stepIcon"; -import select from "assets/theme-dark/components/form/select"; -import formControlLabel from "assets/theme-dark/components/form/formControlLabel"; -import formLabel from "assets/theme-dark/components/form/formLabel"; -import checkbox from "assets/theme-dark/components/form/checkbox"; -import radio from "assets/theme-dark/components/form/radio"; -import autocomplete from "assets/theme-dark/components/form/autocomplete"; -import container from "assets/theme-dark/components/container"; -import popover from "assets/theme-dark/components/popover"; -import buttonBase from "assets/theme-dark/components/buttonBase"; -import icon from "assets/theme-dark/components/icon"; -import svgIcon from "assets/theme-dark/components/svgIcon"; -import link from "assets/theme-dark/components/link"; -import dialog from "assets/theme-dark/components/dialog"; -import dialogTitle from "assets/theme-dark/components/dialog/dialogTitle"; -import dialogContent from "assets/theme-dark/components/dialog/dialogContent"; -import dialogContentText from "assets/theme-dark/components/dialog/dialogContentText"; -import dialogActions from "assets/theme-dark/components/dialog/dialogActions"; - -export default createTheme({ - direction: "rtl", - breakpoints: { ...breakpoints }, - palette: { ...colors }, - typography: { ...typography }, - boxShadows: { ...boxShadows }, - borders: { ...borders }, - functions: { - boxShadow, - hexToRgb, - linearGradient, - pxToRem, - rgba, - }, - - components: { - MuiCssBaseline: { - styleOverrides: { - ...globals, - ...container, - }, - }, - MuiDrawer: { ...sidenav }, - MuiList: { ...list }, - MuiListItem: { ...listItem }, - MuiListItemText: { ...listItemText }, - MuiCard: { ...card }, - MuiCardMedia: { ...cardMedia }, - MuiCardContent: { ...cardContent }, - MuiButton: { ...button }, - MuiIconButton: { ...iconButton }, - MuiInput: { ...input }, - MuiInputLabel: { ...inputLabel }, - MuiOutlinedInput: { ...inputOutlined }, - MuiTextField: { ...textField }, - MuiMenu: { ...menu }, - MuiMenuItem: { ...menuItem }, - MuiSwitch: { ...switchButton }, - MuiDivider: { ...divider }, - MuiTableContainer: { ...tableContainer }, - MuiTableHead: { ...tableHead }, - MuiTableCell: { ...tableCell }, - MuiLinearProgress: { ...linearProgress }, - MuiBreadcrumbs: { ...breadcrumbs }, - MuiSlider: { ...slider }, - MuiAvatar: { ...avatar }, - MuiTooltip: { ...tooltip }, - MuiAppBar: { ...appBar }, - MuiTabs: { ...tabs }, - MuiTab: { ...tab }, - MuiStepper: { ...stepper }, - MuiStep: { ...step }, - MuiStepConnector: { ...stepConnector }, - MuiStepLabel: { ...stepLabel }, - MuiStepIcon: { ...stepIcon }, - MuiSelect: { ...select }, - MuiFormControlLabel: { ...formControlLabel }, - MuiFormLabel: { ...formLabel }, - MuiCheckbox: { ...checkbox }, - MuiRadio: { ...radio }, - MuiAutocomplete: { ...autocomplete }, - MuiPopover: { ...popover }, - MuiButtonBase: { ...buttonBase }, - MuiIcon: { ...icon }, - MuiSvgIcon: { ...svgIcon }, - MuiLink: { ...link }, - MuiDialog: { ...dialog }, - MuiDialogTitle: { ...dialogTitle }, - MuiDialogContent: { ...dialogContent }, - MuiDialogContentText: { ...dialogContentText }, - MuiDialogActions: { ...dialogActions }, - }, -}); diff --git a/website/src/assets/theme/base/borders.js b/website/src/assets/theme/base/borders.js deleted file mode 100644 index 8db38f8..0000000 --- a/website/src/assets/theme/base/borders.js +++ /dev/null @@ -1,53 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base border styles for the Material Dashboard 2 PRO React. - * You can add new border width, border color or border radius using this file. - * You can customized the borders value for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { grey } = colors; - -const borders = { - borderColor: grey[300], - - borderWidth: { - 0: 0, - 1: pxToRem(1), - 2: pxToRem(2), - 3: pxToRem(3), - 4: pxToRem(4), - 5: pxToRem(5), - }, - - borderRadius: { - xs: pxToRem(1.6), - sm: pxToRem(2), - md: pxToRem(6), - lg: pxToRem(8), - xl: pxToRem(12), - xxl: pxToRem(16), - section: pxToRem(160), - }, -}; - -export default borders; diff --git a/website/src/assets/theme/base/boxShadows.js b/website/src/assets/theme/base/boxShadows.js deleted file mode 100644 index 820919a..0000000 --- a/website/src/assets/theme/base/boxShadows.js +++ /dev/null @@ -1,118 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base box-shadow styles for the Material Dashboard 2 PRO React. - * You can add new box-shadow using this file. - * You can customized the box-shadow for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React Helper Functions -import boxShadow from "assets/theme/functions/boxShadow"; - -const { black, white, tabs, coloredShadows } = colors; - -const boxShadows = { - xs: boxShadow([0, 2], [9, -5], black.main, 0.15), - sm: boxShadow([0, 5], [10, 0], black.main, 0.12), - md: `${boxShadow([0, 4], [6, -1], black.main, 0.1)}, ${boxShadow( - [0, 2], - [4, -1], - black.main, - 0.06 - )}`, - lg: `${boxShadow([0, 10], [15, -3], black.main, 0.1)}, ${boxShadow( - [0, 4], - [6, -2], - black.main, - 0.05 - )}`, - xl: `${boxShadow([0, 20], [25, -5], black.main, 0.1)}, ${boxShadow( - [0, 10], - [10, -5], - black.main, - 0.04 - )}`, - xxl: boxShadow([0, 20], [27, 0], black.main, 0.05), - inset: boxShadow([0, 1], [2, 0], black.main, 0.075, "inset"), - colored: { - primary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.primary, - 0.4 - )}`, - secondary: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.secondary, - 0.4 - )}`, - info: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.info, - 0.4 - )}`, - success: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.success, - 0.4 - )}`, - warning: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.warning, - 0.4 - )}`, - error: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.error, - 0.4 - )}`, - light: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.light, - 0.4 - )}`, - dark: `${boxShadow([0, 4], [20, 0], black.main, 0.14)}, ${boxShadow( - [0, 7], - [10, -5], - coloredShadows.dark, - 0.4 - )}`, - }, - - navbarBoxShadow: `${boxShadow([0, 0], [1, 1], white.main, 0.9, "inset")}, ${boxShadow( - [0, 20], - [27, 0], - black.main, - 0.05 - )}`, - sliderBoxShadow: { - thumb: boxShadow([0, 1], [13, 0], black.main, 0.2), - }, - tabsBoxShadow: { - indicator: boxShadow([0, 1], [5, 1], tabs.indicator.boxShadow, 1), - }, -}; - -export default boxShadows; diff --git a/website/src/assets/theme/base/breakpoints.js b/website/src/assets/theme/base/breakpoints.js deleted file mode 100644 index 45b8827..0000000 --- a/website/src/assets/theme/base/breakpoints.js +++ /dev/null @@ -1,33 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base breakpoints for the Material Dashboard 2 PRO React. - * You can add new breakpoints using this file. - * You can customized the breakpoints for the entire Material Dashboard 2 PRO React using thie file. - */ - -const breakpoints = { - values: { - xs: 0, - sm: 576, - md: 768, - lg: 992, - xl: 1200, - xxl: 1400, - }, -}; - -export default breakpoints; diff --git a/website/src/assets/theme/base/colors.js b/website/src/assets/theme/base/colors.js deleted file mode 100644 index cc9ca91..0000000 --- a/website/src/assets/theme/base/colors.js +++ /dev/null @@ -1,263 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base colors for the Material Dashboard 2 PRO React. - * You can add new color using this file. - * You can customized the colors for the entire Material Dashboard 2 PRO React using thie file. - */ - -const colors = { - background: { - default: "#f0f2f5", - }, - - text: { - main: "#7b809a", - focus: "#7b809a", - }, - - transparent: { - main: "transparent", - }, - - white: { - main: "#ffffff", - focus: "#ffffff", - }, - - black: { - light: "#000000", - main: "#000000", - focus: "#000000", - }, - - primary: { - main: "#e91e63", - focus: "#e91e63", - }, - - secondary: { - main: "#7b809a", - focus: "#8f93a9", - }, - - info: { - main: "#1A73E8", - focus: "#1662C4", - }, - - success: { - main: "#4CAF50", - focus: "#67bb6a", - }, - - warning: { - main: "#fb8c00", - focus: "#fc9d26", - }, - - error: { - main: "#F44335", - focus: "#f65f53", - }, - - light: { - main: "#f0f2f5", - focus: "#f0f2f5", - }, - - dark: { - main: "#344767", - focus: "#2c3c58", - }, - - grey: { - 100: "#f8f9fa", - 200: "#f0f2f5", - 300: "#dee2e6", - 400: "#ced4da", - 500: "#adb5bd", - 600: "#6c757d", - 700: "#495057", - 800: "#343a40", - 900: "#212529", - }, - - gradients: { - primary: { - main: "#EC407A", - state: "#D81B60", - }, - - secondary: { - main: "#747b8a", - state: "#495361", - }, - - info: { - main: "#49a3f1", - state: "#1A73E8", - }, - - success: { - main: "#66BB6A", - state: "#43A047", - }, - - warning: { - main: "#FFA726", - state: "#FB8C00", - }, - - error: { - main: "#EF5350", - state: "#E53935", - }, - - light: { - main: "#EBEFF4", - state: "#CED4DA", - }, - - dark: { - main: "#42424a", - state: "#191919", - }, - }, - - socialMediaColors: { - facebook: { - main: "#3b5998", - dark: "#344e86", - }, - - twitter: { - main: "#55acee", - dark: "#3ea1ec", - }, - - instagram: { - main: "#125688", - dark: "#0e456d", - }, - - linkedin: { - main: "#0077b5", - dark: "#00669c", - }, - - pinterest: { - main: "#cc2127", - dark: "#b21d22", - }, - - youtube: { - main: "#e52d27", - dark: "#d41f1a", - }, - - vimeo: { - main: "#1ab7ea", - dark: "#13a3d2", - }, - - slack: { - main: "#3aaf85", - dark: "#329874", - }, - - dribbble: { - main: "#ea4c89", - dark: "#e73177", - }, - - github: { - main: "#24292e", - dark: "#171a1d", - }, - - reddit: { - main: "#ff4500", - dark: "#e03d00", - }, - - tumblr: { - main: "#35465c", - dark: "#2a3749", - }, - }, - - badgeColors: { - primary: { - background: "#f8b3ca", - text: "#cc084b", - }, - - secondary: { - background: "#d7d9e1", - text: "#6c757d", - }, - - info: { - background: "#aecef7", - text: "#095bc6", - }, - - success: { - background: "#bce2be", - text: "#339537", - }, - - warning: { - background: "#ffd59f", - text: "#c87000", - }, - - error: { - background: "#fcd3d0", - text: "#f61200", - }, - - light: { - background: "#ffffff", - text: "#c7d3de", - }, - - dark: { - background: "#8097bf", - text: "#1e2e4a", - }, - }, - - coloredShadows: { - primary: "#e91e62", - secondary: "#110e0e", - info: "#00bbd4", - success: "#4caf4f", - warning: "#ff9900", - error: "#f44336", - light: "#adb5bd", - dark: "#404040", - }, - - inputBorderColor: "#d2d6da", - - tabs: { - indicator: { boxShadow: "#ddd" }, - }, -}; - -export default colors; diff --git a/website/src/assets/theme/base/globals.js b/website/src/assets/theme/base/globals.js deleted file mode 100644 index ad2deef..0000000 --- a/website/src/assets/theme/base/globals.js +++ /dev/null @@ -1,41 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -const { info, dark } = colors; - -const globals = { - html: { - scrollBehavior: "smooth", - }, - "*, *::before, *::after": { - margin: 0, - padding: 0, - }, - "a, a:link, a:visited": { - textDecoration: "none !important", - }, - "a.link, .link, a.link:link, .link:link, a.link:visited, .link:visited": { - color: `${dark.main} !important`, - transition: "color 150ms ease-in !important", - }, - "a.link:hover, .link:hover, a.link:focus, .link:focus": { - color: `${info.main} !important`, - }, -}; - -export default globals; diff --git a/website/src/assets/theme/base/typography.js b/website/src/assets/theme/base/typography.js deleted file mode 100644 index e37f825..0000000 --- a/website/src/assets/theme/base/typography.js +++ /dev/null @@ -1,199 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - * The base typography styles for the Material Dashboard 2 PRO React. - * You can add new typography style using this file. - * You can customized the typography styles for the entire Material Dashboard 2 PRO React using thie file. - */ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { dark } = colors; - -const baseProperties = { - fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', - fontWeightLighter: 100, - fontWeightLight: 300, - fontWeightRegular: 400, - fontWeightMedium: 600, - fontWeightBold: 700, - fontSizeXXS: pxToRem(10.4), - fontSizeXS: pxToRem(12), - fontSizeSM: pxToRem(14), - fontSizeMD: pxToRem(16), - fontSizeLG: pxToRem(18), - fontSizeXL: pxToRem(20), - fontSize2XL: pxToRem(24), - fontSize3XL: pxToRem(30), -}; - -const baseHeadingProperties = { - fontFamily: baseProperties.fontFamily, - color: dark.main, - fontWeight: baseProperties.fontWeightBold, -}; - -const baseDisplayProperties = { - fontFamily: baseProperties.fontFamily, - color: dark.main, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.2, -}; - -const typography = { - fontFamily: baseProperties.fontFamily, - fontWeightLighter: baseProperties.fontWeightLighter, - fontWeightLight: baseProperties.fontWeightLight, - fontWeightRegular: baseProperties.fontWeightRegular, - fontWeightMedium: baseProperties.fontWeightMedium, - fontWeightBold: baseProperties.fontWeightBold, - - h1: { - fontSize: pxToRem(48), - lineHeight: 1.25, - ...baseHeadingProperties, - }, - - h2: { - fontSize: pxToRem(36), - lineHeight: 1.3, - ...baseHeadingProperties, - }, - - h3: { - fontSize: pxToRem(30), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h4: { - fontSize: pxToRem(24), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h5: { - fontSize: pxToRem(20), - lineHeight: 1.375, - ...baseHeadingProperties, - }, - - h6: { - fontSize: pxToRem(16), - lineHeight: 1.625, - ...baseHeadingProperties, - }, - - subtitle1: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXL, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.625, - }, - - subtitle2: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeMD, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.6, - }, - - body1: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXL, - fontWeight: baseProperties.fontWeightRegular, - lineHeight: 1.625, - }, - - body2: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeMD, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.6, - }, - - button: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeSM, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.5, - textTransform: "uppercase", - }, - - caption: { - fontFamily: baseProperties.fontFamily, - fontSize: baseProperties.fontSizeXS, - fontWeight: baseProperties.fontWeightLight, - lineHeight: 1.25, - }, - - overline: { - fontFamily: baseProperties.fontFamily, - }, - - d1: { - fontSize: pxToRem(80), - ...baseDisplayProperties, - }, - - d2: { - fontSize: pxToRem(72), - ...baseDisplayProperties, - }, - - d3: { - fontSize: pxToRem(64), - ...baseDisplayProperties, - }, - - d4: { - fontSize: pxToRem(56), - ...baseDisplayProperties, - }, - - d5: { - fontSize: pxToRem(48), - ...baseDisplayProperties, - }, - - d6: { - fontSize: pxToRem(40), - ...baseDisplayProperties, - }, - - size: { - xxs: baseProperties.fontSizeXXS, - xs: baseProperties.fontSizeXS, - sm: baseProperties.fontSizeSM, - md: baseProperties.fontSizeMD, - lg: baseProperties.fontSizeLG, - xl: baseProperties.fontSizeXL, - "2xl": baseProperties.fontSize2XL, - "3xl": baseProperties.fontSize3XL, - }, - - lineHeight: { - sm: 1.25, - md: 1.5, - lg: 2, - }, -}; - -export default typography; diff --git a/website/src/assets/theme/components/appBar.js b/website/src/assets/theme/components/appBar.js deleted file mode 100644 index a62f79a..0000000 --- a/website/src/assets/theme/components/appBar.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const appBar = { - defaultProps: { - color: "transparent", - }, - - styleOverrides: { - root: { - boxShadow: "none", - }, - }, -}; - -export default appBar; diff --git a/website/src/assets/theme/components/avatar.js b/website/src/assets/theme/components/avatar.js deleted file mode 100644 index d54ba2b..0000000 --- a/website/src/assets/theme/components/avatar.js +++ /dev/null @@ -1,37 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; - -const { borderRadius } = borders; - -const avatar = { - styleOverrides: { - root: { - transition: "all 200ms ease-in-out", - }, - - rounded: { - borderRadius: borderRadius.lg, - }, - - img: { - height: "auto", - }, - }, -}; - -export default avatar; diff --git a/website/src/assets/theme/components/breadcrumbs.js b/website/src/assets/theme/components/breadcrumbs.js deleted file mode 100644 index 09afe60..0000000 --- a/website/src/assets/theme/components/breadcrumbs.js +++ /dev/null @@ -1,36 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -const { grey } = colors; -const { size } = typography; - -const breadcrumbs = { - styleOverrides: { - li: { - lineHeight: 0, - }, - - separator: { - fontSize: size.sm, - color: grey[600], - }, - }, -}; - -export default breadcrumbs; diff --git a/website/src/assets/theme/components/button/contained.js b/website/src/assets/theme/components/button/contained.js deleted file mode 100644 index 95ca351..0000000 --- a/website/src/assets/theme/components/button/contained.js +++ /dev/null @@ -1,91 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { white, text, info, secondary } = colors; -const { size } = typography; - -const contained = { - base: { - backgroundColor: white.main, - minHeight: pxToRem(40), - color: text.main, - padding: `${pxToRem(10)} ${pxToRem(24)}`, - - "&:hover": { - backgroundColor: white.main, - }, - - "&:active, &:active:focus, &:active:hover": { - opacity: 0.85, - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(32), - padding: `${pxToRem(6)} ${pxToRem(16)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(47), - padding: `${pxToRem(12)} ${pxToRem(28)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - backgroundColor: info.main, - - "&:hover": { - backgroundColor: info.main, - }, - - "&:focus:not(:hover)": { - backgroundColor: info.focus, - }, - }, - - secondary: { - backgroundColor: secondary.main, - - "&:hover": { - backgroundColor: secondary.main, - }, - - "&:focus:not(:hover)": { - backgroundColor: secondary.focus, - }, - }, -}; - -export default contained; diff --git a/website/src/assets/theme/components/button/index.js b/website/src/assets/theme/components/button/index.js deleted file mode 100644 index 27025cf..0000000 --- a/website/src/assets/theme/components/button/index.js +++ /dev/null @@ -1,46 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Button Styles -import root from "assets/theme/components/button/root"; -import contained from "assets/theme/components/button/contained"; -import outlined from "assets/theme/components/button/outlined"; -import buttonText from "assets/theme/components/button/text"; - -const button = { - defaultProps: { - disableRipple: false, - }, - styleOverrides: { - root: { ...root }, - contained: { ...contained.base }, - containedSizeSmall: { ...contained.small }, - containedSizeLarge: { ...contained.large }, - containedPrimary: { ...contained.primary }, - containedSecondary: { ...contained.secondary }, - outlined: { ...outlined.base }, - outlinedSizeSmall: { ...outlined.small }, - outlinedSizeLarge: { ...outlined.large }, - outlinedPrimary: { ...outlined.primary }, - outlinedSecondary: { ...outlined.secondary }, - text: { ...buttonText.base }, - textSizeSmall: { ...buttonText.small }, - textSizeLarge: { ...buttonText.large }, - textPrimary: { ...buttonText.primary }, - textSecondary: { ...buttonText.secondary }, - }, -}; - -export default button; diff --git a/website/src/assets/theme/components/button/outlined.js b/website/src/assets/theme/components/button/outlined.js deleted file mode 100644 index 2bc76d3..0000000 --- a/website/src/assets/theme/components/button/outlined.js +++ /dev/null @@ -1,82 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { transparent, light, info, secondary } = colors; -const { size } = typography; - -const outlined = { - base: { - minHeight: pxToRem(40), - color: light.main, - borderColor: light.main, - padding: `${pxToRem(10)} ${pxToRem(24)}`, - - "&:hover": { - opacity: 0.75, - backgroundColor: transparent.main, - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(32), - padding: `${pxToRem(6)} ${pxToRem(16)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(47), - padding: `${pxToRem(12)} ${pxToRem(28)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - backgroundColor: transparent.main, - borderColor: info.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - }, - - secondary: { - backgroundColor: transparent.main, - borderColor: secondary.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - }, -}; - -export default outlined; diff --git a/website/src/assets/theme/components/button/root.js b/website/src/assets/theme/components/button/root.js deleted file mode 100644 index 8477b75..0000000 --- a/website/src/assets/theme/components/button/root.js +++ /dev/null @@ -1,53 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import typography from "assets/theme/base/typography"; -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { fontWeightBold, size } = typography; -const { borderRadius } = borders; - -const root = { - display: "inline-flex", - justifyContent: "center", - alignItems: "center", - fontSize: size.xs, - fontWeight: fontWeightBold, - borderRadius: borderRadius.lg, - padding: `${pxToRem(6.302)} ${pxToRem(16.604)}`, - lineHeight: 1.4, - textAlign: "center", - textTransform: "uppercase", - userSelect: "none", - backgroundSize: "150% !important", - backgroundPositionX: "25% !important", - transition: "all 150ms ease-in", - - "&:disabled": { - pointerEvent: "none", - opacity: 0.65, - }, - - "& .material-icons": { - fontSize: pxToRem(15), - marginTop: pxToRem(-2), - }, -}; - -export default root; diff --git a/website/src/assets/theme/components/button/text.js b/website/src/assets/theme/components/button/text.js deleted file mode 100644 index 418c299..0000000 --- a/website/src/assets/theme/components/button/text.js +++ /dev/null @@ -1,104 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { text, info, secondary, transparent } = colors; -const { size } = typography; - -const buttonText = { - base: { - backgroundColor: transparent.main, - minHeight: pxToRem(40), - color: text.main, - boxShadow: "none", - padding: `${pxToRem(10)} ${pxToRem(24)}`, - - "&:hover": { - backgroundColor: transparent.main, - boxShadow: "none", - }, - - "&:focus": { - boxShadow: "none", - }, - - "&:active, &:active:focus, &:active:hover": { - opacity: 0.85, - boxShadow: "none", - }, - - "&:disabled": { - boxShadow: "none", - }, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(16)} !important`, - }, - }, - - small: { - minHeight: pxToRem(32), - padding: `${pxToRem(6)} ${pxToRem(16)}`, - fontSize: size.xs, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(12)} !important`, - }, - }, - - large: { - minHeight: pxToRem(47), - padding: `${pxToRem(12)} ${pxToRem(28)}`, - fontSize: size.sm, - - "& .material-icon, .material-icons-round, svg": { - fontSize: `${pxToRem(22)} !important`, - }, - }, - - primary: { - color: info.main, - - "&:hover": { - color: info.main, - }, - - "&:focus:not(:hover)": { - color: info.focus, - boxShadow: "none", - }, - }, - - secondary: { - color: secondary.main, - - "&:hover": { - color: secondary.main, - }, - - "&:focus:not(:hover)": { - color: secondary.focus, - boxShadow: "none", - }, - }, -}; - -export default buttonText; diff --git a/website/src/assets/theme/components/buttonBase.js b/website/src/assets/theme/components/buttonBase.js deleted file mode 100644 index d7cc7a9..0000000 --- a/website/src/assets/theme/components/buttonBase.js +++ /dev/null @@ -1,22 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const buttonBase = { - defaultProps: { - disableRipple: false, - }, -}; - -export default buttonBase; diff --git a/website/src/assets/theme/components/card/cardContent.js b/website/src/assets/theme/components/card/cardContent.js deleted file mode 100644 index 05bb6f9..0000000 --- a/website/src/assets/theme/components/card/cardContent.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const cardContent = { - styleOverrides: { - root: { - marginTop: 0, - marginBottom: 0, - padding: `${pxToRem(8)} ${pxToRem(24)} ${pxToRem(24)}`, - }, - }, -}; - -export default cardContent; diff --git a/website/src/assets/theme/components/card/cardMedia.js b/website/src/assets/theme/components/card/cardMedia.js deleted file mode 100644 index 974de1d..0000000 --- a/website/src/assets/theme/components/card/cardMedia.js +++ /dev/null @@ -1,37 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React Helper Functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { borderRadius } = borders; - -const cardMedia = { - styleOverrides: { - root: { - borderRadius: borderRadius.xl, - margin: `${pxToRem(16)} ${pxToRem(16)} 0`, - }, - - media: { - width: "auto", - }, - }, -}; - -export default cardMedia; diff --git a/website/src/assets/theme/components/card/index.js b/website/src/assets/theme/components/card/index.js deleted file mode 100644 index 2d35cdb..0000000 --- a/website/src/assets/theme/components/card/index.js +++ /dev/null @@ -1,46 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React Helper Function -import rgba from "assets/theme/functions/rgba"; - -const { black, white } = colors; -const { borderWidth, borderRadius } = borders; -const { md } = boxShadows; - -const card = { - styleOverrides: { - root: { - display: "flex", - flexDirection: "column", - position: "relative", - minWidth: 0, - wordWrap: "break-word", - backgroundColor: white.main, - backgroundClip: "border-box", - border: `${borderWidth[0]} solid ${rgba(black.main, 0.125)}`, - borderRadius: borderRadius.xl, - boxShadow: md, - overflow: "visible", - }, - }, -}; - -export default card; diff --git a/website/src/assets/theme/components/container.js b/website/src/assets/theme/components/container.js deleted file mode 100644 index 804b8e9..0000000 --- a/website/src/assets/theme/components/container.js +++ /dev/null @@ -1,74 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import breakpoints from "assets/theme/base/breakpoints"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { - values: { sm, md, lg, xl, xxl }, -} = breakpoints; - -const SM = `@media (min-width: ${sm}px)`; -const MD = `@media (min-width: ${md}px)`; -const LG = `@media (min-width: ${lg}px)`; -const XL = `@media (min-width: ${xl}px)`; -const XXL = `@media (min-width: ${xxl}px)`; - -const sharedClasses = { - paddingRight: `${pxToRem(24)} !important`, - paddingLeft: `${pxToRem(24)} !important`, - marginRight: "auto !important", - marginLeft: "auto !important", - width: "100% !important", - position: "relative", -}; - -const container = { - [SM]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "540px !important", - }, - }, - [MD]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "720px !important", - }, - }, - [LG]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "960px !important", - }, - }, - [XL]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "1140px !important", - }, - }, - [XXL]: { - ".MuiContainer-root": { - ...sharedClasses, - maxWidth: "1320px !important", - }, - }, -}; - -export default container; diff --git a/website/src/assets/theme/components/dialog/dialogActions.js b/website/src/assets/theme/components/dialog/dialogActions.js deleted file mode 100644 index 5ca855a..0000000 --- a/website/src/assets/theme/components/dialog/dialogActions.js +++ /dev/null @@ -1,27 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const dialogActions = { - styleOverrides: { - root: { - padding: pxToRem(16), - }, - }, -}; - -export default dialogActions; diff --git a/website/src/assets/theme/components/dialog/dialogContent.js b/website/src/assets/theme/components/dialog/dialogContent.js deleted file mode 100644 index 0103634..0000000 --- a/website/src/assets/theme/components/dialog/dialogContent.js +++ /dev/null @@ -1,43 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { size } = typography; -const { text } = colors; -const { borderWidth, borderColor } = borders; - -const dialogContent = { - styleOverrides: { - root: { - padding: pxToRem(16), - fontSize: size.md, - color: text.main, - }, - - dividers: { - borderTop: `${borderWidth[1]} solid ${borderColor}`, - borderBottom: `${borderWidth[1]} solid ${borderColor}`, - }, - }, -}; - -export default dialogContent; diff --git a/website/src/assets/theme/components/dialog/dialogContentText.js b/website/src/assets/theme/components/dialog/dialogContentText.js deleted file mode 100644 index 5aeb1cf..0000000 --- a/website/src/assets/theme/components/dialog/dialogContentText.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -// import pxToRem from "assets/theme/functions/pxToRem"; - -const { size } = typography; -const { text } = colors; - -const dialogContentText = { - styleOverrides: { - root: { - fontSize: size.md, - color: text.main, - }, - }, -}; - -export default dialogContentText; diff --git a/website/src/assets/theme/components/dialog/dialogTitle.js b/website/src/assets/theme/components/dialog/dialogTitle.js deleted file mode 100644 index 090c1cc..0000000 --- a/website/src/assets/theme/components/dialog/dialogTitle.js +++ /dev/null @@ -1,33 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { size } = typography; - -const dialogTitle = { - styleOverrides: { - root: { - padding: pxToRem(16), - fontSize: size.xl, - }, - }, -}; - -export default dialogTitle; diff --git a/website/src/assets/theme/components/dialog/index.js b/website/src/assets/theme/components/dialog/index.js deleted file mode 100644 index 404617e..0000000 --- a/website/src/assets/theme/components/dialog/index.js +++ /dev/null @@ -1,36 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -const { borderRadius } = borders; -const { xxl } = boxShadows; - -const dialog = { - styleOverrides: { - paper: { - borderRadius: borderRadius.lg, - boxShadow: xxl, - }, - - paperFullScreen: { - borderRadius: 0, - }, - }, -}; - -export default dialog; diff --git a/website/src/assets/theme/components/divider.js b/website/src/assets/theme/components/divider.js deleted file mode 100644 index 750431f..0000000 --- a/website/src/assets/theme/components/divider.js +++ /dev/null @@ -1,68 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme/functions/rgba"; -import pxToRem from "assets/theme/functions/pxToRem"; - -const { dark, transparent, white } = colors; - -const divider = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to right, ${rgba(dark.main, 0)}, ${rgba( - dark.main, - 0.4 - )}, ${rgba(dark.main, 0)}) !important`, - height: pxToRem(1), - margin: `${pxToRem(16)} 0`, - borderBottom: "none", - opacity: 0.25, - }, - - vertical: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to bottom, ${rgba(dark.main, 0)}, ${rgba( - dark.main, - 0.4 - )}, ${rgba(dark.main, 0)}) !important`, - width: pxToRem(1), - height: "100%", - margin: `0 ${pxToRem(16)}`, - borderRight: "none", - }, - - light: { - backgroundColor: transparent.main, - backgroundImage: `linear-gradient(to right, ${rgba(white.main, 0)}, ${white.main}, ${rgba( - white.main, - 0 - )}) !important`, - - "&.MuiDivider-vertical": { - backgroundImage: `linear-gradient(to bottom, ${rgba(white.main, 0)}, ${white.main}, ${rgba( - white.main, - 0 - )}) !important`, - }, - }, - }, -}; - -export default divider; diff --git a/website/src/assets/theme/components/flatpickr.js b/website/src/assets/theme/components/flatpickr.js deleted file mode 100644 index a0c4c72..0000000 --- a/website/src/assets/theme/components/flatpickr.js +++ /dev/null @@ -1,55 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme/functions/rgba"; - -const { info, white, gradients } = colors; - -const flatpickr = { - ".flatpickr-day:hover, .flatpickr-day:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus": - { - background: rgba(info.main, 0.28), - border: "none", - }, - - ".flatpickr-day.today": { - background: info.main, - color: white.main, - border: "none", - - "&:hover, &:focus": { - background: `${info.focus} !important`, - }, - }, - - ".flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.nextMonthDay.selected, .flatpickr-day.nextMonthDay.selected:hover, .flatpickr-day.nextMonthDay.selected:focus": - { - background: `${gradients.info.state} !important`, - color: white.main, - border: "none", - }, - - ".flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg": - { - color: `${info.main} !important`, - fill: `${info.main} !important`, - }, -}; - -export default flatpickr; diff --git a/website/src/assets/theme/components/form/autocomplete.js b/website/src/assets/theme/components/form/autocomplete.js deleted file mode 100644 index ab7a030..0000000 --- a/website/src/assets/theme/components/form/autocomplete.js +++ /dev/null @@ -1,100 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import boxShadows from "assets/theme/base/boxShadows"; -import typography from "assets/theme/base/typography"; -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { lg } = boxShadows; -const { size } = typography; -const { text, white, transparent, light, dark, gradients } = colors; -const { borderRadius } = borders; - -const autocomplete = { - styleOverrides: { - popper: { - boxShadow: lg, - padding: pxToRem(8), - fontSize: size.sm, - color: text.main, - textAlign: "left", - backgroundColor: `${white.main} !important`, - borderRadius: borderRadius.md, - }, - - paper: { - boxShadow: "none", - backgroundColor: transparent.main, - }, - - option: { - padding: `${pxToRem(4.8)} ${pxToRem(16)}`, - borderRadius: borderRadius.md, - fontSize: size.sm, - color: text.main, - transition: "background-color 300ms ease, color 300ms ease", - - "&:hover, &:focus, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": { - backgroundColor: light.main, - color: dark.main, - }, - - '&[aria-selected="true"]': { - backgroundColor: `${light.main} !important`, - color: `${dark.main} !important`, - }, - }, - - noOptions: { - fontSize: size.sm, - color: text.main, - }, - - groupLabel: { - color: dark.main, - }, - - loading: { - fontSize: size.sm, - color: text.main, - }, - - tag: { - display: "flex", - alignItems: "center", - height: "auto", - padding: pxToRem(4), - backgroundColor: gradients.dark.state, - color: white.main, - - "& .MuiChip-label": { - lineHeight: 1.2, - padding: `0 ${pxToRem(10)} 0 ${pxToRem(4)}`, - }, - - "& .MuiSvgIcon-root, & .MuiSvgIcon-root:hover, & .MuiSvgIcon-root:focus": { - color: white.main, - marginRight: 0, - }, - }, - }, -}; - -export default autocomplete; diff --git a/website/src/assets/theme/components/form/checkbox.js b/website/src/assets/theme/components/form/checkbox.js deleted file mode 100644 index 67d126d..0000000 --- a/website/src/assets/theme/components/form/checkbox.js +++ /dev/null @@ -1,83 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import linearGradient from "assets/theme/functions/linearGradient"; - -const { borderWidth, borderColor } = borders; -const { transparent, info } = colors; - -const checkbox = { - styleOverrides: { - root: { - "& .MuiSvgIcon-root": { - backgroundPosition: "center", - backgroundSize: "contain", - backgroundRepeat: "no-repeat", - width: pxToRem(20), - height: pxToRem(20), - color: transparent.main, - border: `${borderWidth[1]} solid ${borderColor}`, - borderRadius: pxToRem(5.6), - }, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-focusVisible": { - border: `${borderWidth[2]} solid ${info.main} !important`, - }, - }, - - colorPrimary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 22 22'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"), ${linearGradient( - info.main, - info.main - )}`, - borderColor: info.main, - }, - }, - }, - - colorSecondary: { - color: borderColor, - - "& .MuiSvgIcon-root": { - color: info.main, - "&.Mui-checked": { - backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 22 22'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"), ${linearGradient( - info.main, - info.main - )}`, - borderColor: info.main, - }, - }, - }, - }, -}; - -export default checkbox; diff --git a/website/src/assets/theme/components/form/formControlLabel.js b/website/src/assets/theme/components/form/formControlLabel.js deleted file mode 100644 index faed54a..0000000 --- a/website/src/assets/theme/components/form/formControlLabel.js +++ /dev/null @@ -1,50 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { dark } = colors; -const { size, fontWeightBold } = typography; - -const formControlLabel = { - styleOverrides: { - root: { - display: "block", - minHeight: pxToRem(24), - marginBottom: pxToRem(2), - }, - - label: { - display: "inline-block", - fontSize: size.sm, - fontWeight: fontWeightBold, - color: dark.main, - lineHeight: 1, - transform: `translateY(${pxToRem(1)})`, - marginLeft: pxToRem(4), - - "&.Mui-disabled": { - color: dark.main, - }, - }, - }, -}; - -export default formControlLabel; diff --git a/website/src/assets/theme/components/form/formLabel.js b/website/src/assets/theme/components/form/formLabel.js deleted file mode 100644 index b94026a..0000000 --- a/website/src/assets/theme/components/form/formLabel.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -const { text } = colors; - -const formLabel = { - styleOverrides: { - root: { - color: text.main, - }, - }, -}; - -export default formLabel; diff --git a/website/src/assets/theme/components/form/input.js b/website/src/assets/theme/components/form/input.js deleted file mode 100644 index 05494be..0000000 --- a/website/src/assets/theme/components/form/input.js +++ /dev/null @@ -1,46 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; -import borders from "assets/theme/base/borders"; - -const { info, inputBorderColor, dark } = colors; -const { size } = typography; -const { borderWidth } = borders; - -const input = { - styleOverrides: { - root: { - fontSize: size.sm, - color: dark.main, - - "&:hover:not(.Mui-disabled):before": { - borderBottom: `${borderWidth[1]} solid ${inputBorderColor}`, - }, - - "&:before": { - borderColor: inputBorderColor, - }, - - "&:after": { - borderColor: info.main, - }, - }, - }, -}; - -export default input; diff --git a/website/src/assets/theme/components/form/inputLabel.js b/website/src/assets/theme/components/form/inputLabel.js deleted file mode 100644 index 032bad4..0000000 --- a/website/src/assets/theme/components/form/inputLabel.js +++ /dev/null @@ -1,60 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -const { text, info } = colors; -const { size } = typography; - -const inputLabel = { - styleOverrides: { - root: { - fontSize: size.sm, - color: text.main, - lineHeight: 0.9, - - "&.Mui-focused": { - color: info.main, - }, - - "&.MuiInputLabel-shrink": { - lineHeight: 1.5, - fontSize: size.md, - - "~ .MuiInputBase-root .MuiOutlinedInput-notchedOutline legend": { - fontSize: "0.85em", - }, - }, - }, - - sizeSmall: { - fontSize: size.xs, - lineHeight: 1.625, - - "&.MuiInputLabel-shrink": { - lineHeight: 1.6, - fontSize: size.sm, - - "~ .MuiInputBase-root .MuiOutlinedInput-notchedOutline legend": { - fontSize: "0.72em", - }, - }, - }, - }, -}; - -export default inputLabel; diff --git a/website/src/assets/theme/components/form/inputOutlined.js b/website/src/assets/theme/components/form/inputOutlined.js deleted file mode 100644 index b5b4df3..0000000 --- a/website/src/assets/theme/components/form/inputOutlined.js +++ /dev/null @@ -1,68 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { inputBorderColor, info, grey, transparent } = colors; -const { borderRadius } = borders; -const { size } = typography; - -const inputOutlined = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - fontSize: size.sm, - borderRadius: borderRadius.md, - - "&:hover .MuiOutlinedInput-notchedOutline": { - borderColor: inputBorderColor, - }, - - "&.Mui-focused": { - "& .MuiOutlinedInput-notchedOutline": { - borderColor: info.main, - }, - }, - }, - - notchedOutline: { - borderColor: inputBorderColor, - }, - - input: { - color: grey[700], - padding: pxToRem(12), - backgroundColor: transparent.main, - }, - - inputSizeSmall: { - fontSize: size.xs, - padding: pxToRem(10), - }, - - multiline: { - color: grey[700], - padding: 0, - }, - }, -}; - -export default inputOutlined; diff --git a/website/src/assets/theme/components/form/radio.js b/website/src/assets/theme/components/form/radio.js deleted file mode 100644 index 39ba737..0000000 --- a/website/src/assets/theme/components/form/radio.js +++ /dev/null @@ -1,97 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import linearGradient from "assets/theme/functions/linearGradient"; - -const { borderWidth, borderColor } = borders; -const { transparent, info } = colors; - -const radio = { - styleOverrides: { - root: { - "& .MuiSvgIcon-root": { - width: pxToRem(20), - height: pxToRem(20), - color: transparent.main, - border: `${borderWidth[1]} solid ${borderColor}`, - borderRadius: "50%", - }, - - "&:after": { - transition: "opacity 250ms ease-in-out", - content: `""`, - position: "absolute", - width: pxToRem(14), - height: pxToRem(14), - borderRadius: "50%", - backgroundImage: linearGradient(info.main, info.main), - opacity: 0, - left: 0, - right: 0, - top: 0, - bottom: 0, - margin: "auto", - }, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-focusVisible": { - border: `${borderWidth[2]} solid ${info.main} !important`, - }, - }, - - colorPrimary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - borderColor: info.main, - }, - - "&:after": { - opacity: 1, - }, - }, - }, - - colorSecondary: { - color: borderColor, - - "&.Mui-checked": { - color: info.main, - - "& .MuiSvgIcon-root": { - borderColor: info.main, - }, - - "&:after": { - opacity: 1, - }, - }, - }, - }, -}; - -export default radio; diff --git a/website/src/assets/theme/components/form/select.js b/website/src/assets/theme/components/form/select.js deleted file mode 100644 index 055e18c..0000000 --- a/website/src/assets/theme/components/form/select.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { transparent } = colors; - -const select = { - styleOverrides: { - select: { - display: "grid", - alignItems: "center", - padding: `0 ${pxToRem(12)} !important`, - - "& .Mui-selected": { - backgroundColor: transparent.main, - }, - }, - - selectMenu: { - background: "none", - height: "none", - minHeight: "none", - overflow: "unset", - }, - - icon: { - display: "none", - }, - }, -}; - -export default select; diff --git a/website/src/assets/theme/components/form/switchButton.js b/website/src/assets/theme/components/form/switchButton.js deleted file mode 100644 index 0349faf..0000000 --- a/website/src/assets/theme/components/form/switchButton.js +++ /dev/null @@ -1,88 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React helper functions -// import rgba from "assets/theme/functions/rgba"; -import pxToRem from "assets/theme/functions/pxToRem"; -import linearGradient from "assets/theme/functions/linearGradient"; - -const { white, gradients, grey, transparent } = colors; -const { borderWidth } = borders; -const { md } = boxShadows; - -const switchButton = { - defaultProps: { - disableRipple: false, - }, - - styleOverrides: { - switchBase: { - color: gradients.dark.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "&.Mui-checked": { - color: gradients.dark.main, - - "&:hover": { - backgroundColor: transparent.main, - }, - - "& .MuiSwitch-thumb": { - borderColor: `${gradients.dark.main} !important`, - }, - - "& + .MuiSwitch-track": { - backgroundColor: `${gradients.dark.main} !important`, - borderColor: `${gradients.dark.main} !important`, - opacity: 1, - }, - }, - - "&.Mui-disabled + .MuiSwitch-track": { - opacity: "0.3 !important", - }, - - "&.Mui-focusVisible .MuiSwitch-thumb": { - backgroundImage: linearGradient(gradients.info.main, gradients.info.state), - }, - }, - - thumb: { - backgroundColor: white.main, - boxShadow: md, - border: `${borderWidth[1]} solid ${grey[400]}`, - }, - - track: { - width: pxToRem(32), - height: pxToRem(15), - backgroundColor: grey[400], - border: `${borderWidth[1]} solid ${grey[400]}`, - opacity: 1, - }, - - checked: {}, - }, -}; - -export default switchButton; diff --git a/website/src/assets/theme/components/form/textField.js b/website/src/assets/theme/components/form/textField.js deleted file mode 100644 index fbeab64..0000000 --- a/website/src/assets/theme/components/form/textField.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -const { transparent } = colors; - -const textField = { - styleOverrides: { - root: { - backgroundColor: transparent.main, - }, - }, -}; - -export default textField; diff --git a/website/src/assets/theme/components/icon.js b/website/src/assets/theme/components/icon.js deleted file mode 100644 index 7d43b84..0000000 --- a/website/src/assets/theme/components/icon.js +++ /dev/null @@ -1,40 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const icon = { - defaultProps: { - baseClassName: "material-icons-round", - fontSize: "inherit", - }, - - styleOverrides: { - fontSizeInherit: { - fontSize: "inherit !important", - }, - - fontSizeSmall: { - fontSize: `${pxToRem(20)} !important`, - }, - - fontSizeLarge: { - fontSize: `${pxToRem(36)} !important`, - }, - }, -}; - -export default icon; diff --git a/website/src/assets/theme/components/iconButton.js b/website/src/assets/theme/components/iconButton.js deleted file mode 100644 index 797578d..0000000 --- a/website/src/assets/theme/components/iconButton.js +++ /dev/null @@ -1,31 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React Base Styles -import colors from "assets/theme/base/colors"; - -const { transparent } = colors; - -const iconButton = { - styleOverrides: { - root: { - "&:hover": { - backgroundColor: transparent.main, - }, - }, - }, -}; - -export default iconButton; diff --git a/website/src/assets/theme/components/linearProgress.js b/website/src/assets/theme/components/linearProgress.js deleted file mode 100644 index 9ef4c2b..0000000 --- a/website/src/assets/theme/components/linearProgress.js +++ /dev/null @@ -1,53 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { borderRadius } = borders; -const { light } = colors; - -const linearProgress = { - styleOverrides: { - root: { - height: pxToRem(6), - borderRadius: borderRadius.md, - overflow: "visible", - position: "relative", - }, - - colorPrimary: { - backgroundColor: light.main, - }, - - colorSecondary: { - backgroundColor: light.main, - }, - - bar: { - height: pxToRem(6), - borderRadius: borderRadius.sm, - position: "absolute", - transform: `translate(0, 0) !important`, - transition: "width 0.6s ease !important", - }, - }, -}; - -export default linearProgress; diff --git a/website/src/assets/theme/components/link.js b/website/src/assets/theme/components/link.js deleted file mode 100644 index 35b5d17..0000000 --- a/website/src/assets/theme/components/link.js +++ /dev/null @@ -1,23 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const link = { - defaultProps: { - underline: "none", - color: "inherit", - }, -}; - -export default link; diff --git a/website/src/assets/theme/components/list/index.js b/website/src/assets/theme/components/list/index.js deleted file mode 100644 index 9d21f46..0000000 --- a/website/src/assets/theme/components/list/index.js +++ /dev/null @@ -1,25 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const list = { - styleOverrides: { - padding: { - paddingTop: 0, - paddingBottom: 0, - }, - }, -}; - -export default list; diff --git a/website/src/assets/theme/components/list/listItem.js b/website/src/assets/theme/components/list/listItem.js deleted file mode 100644 index a28b910..0000000 --- a/website/src/assets/theme/components/list/listItem.js +++ /dev/null @@ -1,29 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const listItem = { - defaultProps: { - disableGutters: true, - }, - - styleOverrides: { - root: { - paddingTop: 0, - paddingBottom: 0, - }, - }, -}; - -export default listItem; diff --git a/website/src/assets/theme/components/list/listItemText.js b/website/src/assets/theme/components/list/listItemText.js deleted file mode 100644 index a14d7af..0000000 --- a/website/src/assets/theme/components/list/listItemText.js +++ /dev/null @@ -1,25 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -const listItemText = { - styleOverrides: { - root: { - marginTop: 0, - marginBottom: 0, - }, - }, -}; - -export default listItemText; diff --git a/website/src/assets/theme/components/menu/index.js b/website/src/assets/theme/components/menu/index.js deleted file mode 100644 index 024ccfb..0000000 --- a/website/src/assets/theme/components/menu/index.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import boxShadows from "assets/theme/base/boxShadows"; -import typography from "assets/theme/base/typography"; -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { lg } = boxShadows; -const { size } = typography; -const { text, white } = colors; -const { borderRadius } = borders; - -const menu = { - defaultProps: { - disableAutoFocusItem: true, - }, - - styleOverrides: { - paper: { - minWidth: pxToRem(160), - boxShadow: lg, - padding: `${pxToRem(16)} ${pxToRem(8)}`, - fontSize: size.sm, - color: text.main, - textAlign: "left", - backgroundColor: `${white.main} !important`, - borderRadius: borderRadius.md, - }, - }, -}; - -export default menu; diff --git a/website/src/assets/theme/components/menu/menuItem.js b/website/src/assets/theme/components/menu/menuItem.js deleted file mode 100644 index fc9d342..0000000 --- a/website/src/assets/theme/components/menu/menuItem.js +++ /dev/null @@ -1,47 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import typography from "assets/theme/base/typography"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { light, text, dark } = colors; -const { borderRadius } = borders; -const { size } = typography; - -const menuItem = { - styleOverrides: { - root: { - minWidth: pxToRem(160), - minHeight: "unset", - padding: `${pxToRem(4.8)} ${pxToRem(16)}`, - borderRadius: borderRadius.md, - fontSize: size.sm, - color: text.main, - transition: "background-color 300ms ease, color 300ms ease", - - "&:hover, &:focus, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected:focus": { - backgroundColor: light.main, - color: dark.main, - }, - }, - }, -}; - -export default menuItem; diff --git a/website/src/assets/theme/components/popover.js b/website/src/assets/theme/components/popover.js deleted file mode 100644 index a607cef..0000000 --- a/website/src/assets/theme/components/popover.js +++ /dev/null @@ -1,39 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import boxShadows from "assets/theme/base/boxShadows"; -import borders from "assets/theme/base/borders"; - -const { transparent } = colors; -const { lg } = boxShadows; -const { borderRadius } = borders; - -const popover = { - styleOverrides: { - paper: { - backgroundColor: transparent.main, - boxShadow: lg, - padding: pxToRem(8), - borderRadius: borderRadius.md, - }, - }, -}; - -export default popover; diff --git a/website/src/assets/theme/components/sidenav.js b/website/src/assets/theme/components/sidenav.js deleted file mode 100644 index 6d6e67b..0000000 --- a/website/src/assets/theme/components/sidenav.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { white } = colors; -const { borderRadius } = borders; - -const sidenav = { - styleOverrides: { - root: { - width: pxToRem(250), - whiteSpace: "nowrap", - border: "none", - }, - - paper: { - width: pxToRem(250), - backgroundColor: white.main, - height: `calc(100vh - ${pxToRem(32)})`, - margin: pxToRem(16), - borderRadius: borderRadius.xl, - border: "none", - }, - - paperAnchorDockedLeft: { - borderRight: "none", - }, - }, -}; - -export default sidenav; diff --git a/website/src/assets/theme/components/slider.js b/website/src/assets/theme/components/slider.js deleted file mode 100644 index f50619f..0000000 --- a/website/src/assets/theme/components/slider.js +++ /dev/null @@ -1,81 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import boxShadow from "assets/theme/functions/boxShadow"; - -const { grey, white, black, info } = colors; -const { borderRadius, borderWidth } = borders; -const { sliderBoxShadow } = boxShadows; - -const slider = { - styleOverrides: { - root: { - width: "100%", - - "& .MuiSlider-active, & .Mui-focusVisible": { - boxShadow: "none !important", - }, - - "& .MuiSlider-valueLabel": { - color: black.main, - }, - }, - - rail: { - height: pxToRem(2), - background: grey[200], - borderRadius: borderRadius.sm, - opacity: 1, - }, - - track: { - background: info.main, - height: pxToRem(2), - position: "relative", - border: "none", - borderRadius: borderRadius.lg, - zIndex: 1, - }, - - thumb: { - width: pxToRem(14), - height: pxToRem(14), - backgroundColor: white.main, - zIndex: 10, - boxShadow: sliderBoxShadow.thumb, - border: `${borderWidth[1]} solid ${info.main}`, - transition: "all 200ms linear", - - "&:hover": { - boxShadow: "none", - }, - - "&:active": { - transform: "translate(-50%, -50%) scale(1.4)", - }, - - "&.Mui-active": { boxShadow: boxShadow([0, 0], [0, 14], info.main, 0.16) }, - }, - }, -}; - -export default slider; diff --git a/website/src/assets/theme/components/stepper/index.js b/website/src/assets/theme/components/stepper/index.js deleted file mode 100644 index 7c3c0a1..0000000 --- a/website/src/assets/theme/components/stepper/index.js +++ /dev/null @@ -1,44 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import linearGradient from "assets/theme/functions/linearGradient"; - -const { transparent, gradients } = colors; -const { borderRadius } = borders; -const { colored } = boxShadows; - -const stepper = { - styleOverrides: { - root: { - background: linearGradient(gradients.info.main, gradients.info.state), - padding: `${pxToRem(24)} 0 ${pxToRem(16)}`, - borderRadius: borderRadius.lg, - boxShadow: colored.info, - - "&.MuiPaper-root": { - backgroundColor: transparent.main, - }, - }, - }, -}; - -export default stepper; diff --git a/website/src/assets/theme/components/stepper/step.js b/website/src/assets/theme/components/stepper/step.js deleted file mode 100644 index 2a4cf41..0000000 --- a/website/src/assets/theme/components/stepper/step.js +++ /dev/null @@ -1,27 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const step = { - styleOverrides: { - root: { - padding: `0 ${pxToRem(6)}`, - }, - }, -}; - -export default step; diff --git a/website/src/assets/theme/components/stepper/stepConnector.js b/website/src/assets/theme/components/stepper/stepConnector.js deleted file mode 100644 index 20457ad..0000000 --- a/website/src/assets/theme/components/stepper/stepConnector.js +++ /dev/null @@ -1,52 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -const { white } = colors; -const { borderWidth } = borders; - -const stepConnector = { - styleOverrides: { - root: { - color: "#9fc9ff", - transition: "all 200ms linear", - - "&.Mui-active": { - color: white.main, - }, - - "&.Mui-completed": { - color: white.main, - }, - }, - - alternativeLabel: { - top: "14%", - left: "-50%", - right: "50%", - }, - - line: { - borderWidth: `${borderWidth[2]} !important`, - borderColor: "currentColor", - opacity: 0.5, - }, - }, -}; - -export default stepConnector; diff --git a/website/src/assets/theme/components/stepper/stepIcon.js b/website/src/assets/theme/components/stepper/stepIcon.js deleted file mode 100644 index 2520454..0000000 --- a/website/src/assets/theme/components/stepper/stepIcon.js +++ /dev/null @@ -1,57 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import boxShadow from "assets/theme/functions/boxShadow"; - -const { white } = colors; - -const stepIcon = { - styleOverrides: { - root: { - background: "#9fc9ff", - fill: "#9fc9ff", - stroke: "#9fc9ff", - strokeWidth: pxToRem(10), - width: pxToRem(13), - height: pxToRem(13), - borderRadius: "50%", - zIndex: 99, - transition: "all 200ms linear", - - "&.Mui-active": { - background: white.main, - fill: white.main, - stroke: white.main, - borderColor: white.main, - boxShadow: boxShadow([0, 0], [0, 2], white.main, 1), - }, - - "&.Mui-completed": { - background: white.main, - fill: white.main, - stroke: white.main, - borderColor: white.main, - boxShadow: boxShadow([0, 0], [0, 2], white.main, 1), - }, - }, - }, -}; - -export default stepIcon; diff --git a/website/src/assets/theme/components/stepper/stepLabel.js b/website/src/assets/theme/components/stepper/stepLabel.js deleted file mode 100644 index c53f3a5..0000000 --- a/website/src/assets/theme/components/stepper/stepLabel.js +++ /dev/null @@ -1,49 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; -import rgba from "assets/theme/functions/rgba"; - -const { size, fontWeightRegular } = typography; -const { white } = colors; - -const stepLabel = { - styleOverrides: { - label: { - marginTop: `${pxToRem(8)} !important`, - fontWeight: fontWeightRegular, - fontSize: size.xs, - color: "#9fc9ff", - textTransform: "uppercase", - - "&.Mui-active": { - fontWeight: `${fontWeightRegular} !important`, - color: `${rgba(white.main, 0.8)} !important`, - }, - - "&.Mui-completed": { - fontWeight: `${fontWeightRegular} !important`, - color: `${rgba(white.main, 0.8)} !important`, - }, - }, - }, -}; - -export default stepLabel; diff --git a/website/src/assets/theme/components/svgIcon.js b/website/src/assets/theme/components/svgIcon.js deleted file mode 100644 index c4d580d..0000000 --- a/website/src/assets/theme/components/svgIcon.js +++ /dev/null @@ -1,39 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const svgIcon = { - defaultProps: { - fontSize: "inherit", - }, - - styleOverrides: { - fontSizeInherit: { - fontSize: "inherit !important", - }, - - fontSizeSmall: { - fontSize: `${pxToRem(20)} !important`, - }, - - fontSizeLarge: { - fontSize: `${pxToRem(36)} !important`, - }, - }, -}; - -export default svgIcon; diff --git a/website/src/assets/theme/components/table/tableCell.js b/website/src/assets/theme/components/table/tableCell.js deleted file mode 100644 index 3a517cf..0000000 --- a/website/src/assets/theme/components/table/tableCell.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { borderWidth } = borders; -const { light } = colors; - -const tableCell = { - styleOverrides: { - root: { - padding: `${pxToRem(12)} ${pxToRem(16)}`, - borderBottom: `${borderWidth[1]} solid ${light.main}`, - }, - }, -}; - -export default tableCell; diff --git a/website/src/assets/theme/components/table/tableContainer.js b/website/src/assets/theme/components/table/tableContainer.js deleted file mode 100644 index c664831..0000000 --- a/website/src/assets/theme/components/table/tableContainer.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import boxShadows from "assets/theme/base/boxShadows"; -import borders from "assets/theme/base/borders"; - -const { white } = colors; -const { md } = boxShadows; -const { borderRadius } = borders; - -const tableContainer = { - styleOverrides: { - root: { - backgroundColor: white.main, - boxShadow: md, - borderRadius: borderRadius.xl, - }, - }, -}; - -export default tableContainer; diff --git a/website/src/assets/theme/components/table/tableHead.js b/website/src/assets/theme/components/table/tableHead.js deleted file mode 100644 index 3288885..0000000 --- a/website/src/assets/theme/components/table/tableHead.js +++ /dev/null @@ -1,34 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { borderRadius } = borders; - -const tableHead = { - styleOverrides: { - root: { - display: "block", - padding: `${pxToRem(16)} ${pxToRem(16)} 0 ${pxToRem(16)}`, - borderRadius: `${borderRadius.xl} ${borderRadius.xl} 0 0`, - }, - }, -}; - -export default tableHead; diff --git a/website/src/assets/theme/components/tabs/index.js b/website/src/assets/theme/components/tabs/index.js deleted file mode 100644 index 62d33cc..0000000 --- a/website/src/assets/theme/components/tabs/index.js +++ /dev/null @@ -1,65 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import borders from "assets/theme/base/borders"; -import boxShadows from "assets/theme/base/boxShadows"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { grey, white } = colors; -const { borderRadius } = borders; -const { tabsBoxShadow } = boxShadows; - -const tabs = { - styleOverrides: { - root: { - position: "relative", - backgroundColor: grey[100], - borderRadius: borderRadius.xl, - minHeight: "unset", - padding: pxToRem(4), - }, - - flexContainer: { - height: "100%", - position: "relative", - zIndex: 10, - }, - - fixed: { - overflow: "unset !important", - overflowX: "unset !important", - }, - - vertical: { - "& .MuiTabs-indicator": { - width: "100%", - }, - }, - - indicator: { - height: "100%", - borderRadius: borderRadius.lg, - backgroundColor: white.main, - boxShadow: tabsBoxShadow.indicator, - transition: "all 500ms ease", - }, - }, -}; - -export default tabs; diff --git a/website/src/assets/theme/components/tabs/tab.js b/website/src/assets/theme/components/tabs/tab.js deleted file mode 100644 index fae471d..0000000 --- a/website/src/assets/theme/components/tabs/tab.js +++ /dev/null @@ -1,65 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; -import borders from "assets/theme/base/borders"; -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { size, fontWeightRegular } = typography; -const { borderRadius } = borders; -const { dark } = colors; - -const tab = { - styleOverrides: { - root: { - display: "flex", - alignItems: "center", - flexDirection: "row", - flex: "1 1 auto", - textAlign: "center", - maxWidth: "unset !important", - minWidth: "unset !important", - minHeight: "unset !important", - fontSize: size.md, - fontWeight: fontWeightRegular, - textTransform: "none", - lineHeight: "inherit", - padding: pxToRem(4), - borderRadius: borderRadius.lg, - color: `${dark.main} !important`, - opacity: "1 !important", - - "& .material-icons, .material-icons-round": { - marginBottom: "0 !important", - marginRight: pxToRem(6), - }, - - "& svg": { - marginBottom: "0 !important", - marginRight: pxToRem(6), - }, - }, - - labelIcon: { - paddingTop: pxToRem(4), - }, - }, -}; - -export default tab; diff --git a/website/src/assets/theme/components/tooltip.js b/website/src/assets/theme/components/tooltip.js deleted file mode 100644 index 56f6c0a..0000000 --- a/website/src/assets/theme/components/tooltip.js +++ /dev/null @@ -1,56 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; -import borders from "assets/theme/base/borders"; - -// Material Dashboard 2 React helper functions -import pxToRem from "assets/theme/functions/pxToRem"; - -const { black, light } = colors; -const { size, fontWeightRegular } = typography; -const { borderRadius } = borders; - -const tooltip = { - defaultProps: { - arrow: true, - TransitionComponent: Fade, - }, - - styleOverrides: { - tooltip: { - maxWidth: pxToRem(200), - backgroundColor: black.main, - color: light.main, - fontSize: size.sm, - fontWeight: fontWeightRegular, - textAlign: "center", - borderRadius: borderRadius.md, - opacity: 0.7, - padding: `${pxToRem(5)} ${pxToRem(8)} ${pxToRem(4)}`, - }, - - arrow: { - color: black.main, - }, - }, -}; - -export default tooltip; diff --git a/website/src/assets/theme/functions/boxShadow.js b/website/src/assets/theme/functions/boxShadow.js deleted file mode 100644 index c4c5b4a..0000000 --- a/website/src/assets/theme/functions/boxShadow.js +++ /dev/null @@ -1,34 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The boxShadow() function helps you to create a box shadow for an element - */ - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme/functions/rgba"; -import pxToRem from "assets/theme/functions/pxToRem"; - -function boxShadow(offset = [], radius = [], color, opacity, inset = "") { - const [x, y] = offset; - const [blur, spread] = radius; - - return `${inset} ${pxToRem(x)} ${pxToRem(y)} ${pxToRem(blur)} ${pxToRem(spread)} ${rgba( - color, - opacity - )}`; -} - -export default boxShadow; diff --git a/website/src/assets/theme/functions/gradientChartLine.js b/website/src/assets/theme/functions/gradientChartLine.js deleted file mode 100644 index c01ffa7..0000000 --- a/website/src/assets/theme/functions/gradientChartLine.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The gradientChartLine() function helps you to create a gradient color for the chart line - */ - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme/functions/rgba"; - -function gradientChartLine(chart, color, opacity = 0.2) { - const ctx = chart.getContext("2d"); - const gradientStroke = ctx.createLinearGradient(0, 230, 0, 50); - const primaryColor = rgba(color, opacity).toString(); - - gradientStroke.addColorStop(1, primaryColor); - gradientStroke.addColorStop(0.2, "rgba(72, 72, 176, 0.0)"); - gradientStroke.addColorStop(0, "rgba(203, 12, 159, 0)"); - - return gradientStroke; -} - -export default gradientChartLine; diff --git a/website/src/assets/theme/functions/hexToRgb.js b/website/src/assets/theme/functions/hexToRgb.js deleted file mode 100644 index d828268..0000000 --- a/website/src/assets/theme/functions/hexToRgb.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The hexToRgb() function helps you to change the hex color code to rgb - using chroma-js library. - */ - -// chroma-js is a library for all kinds of color conversions and color scales. -import chroma from "chroma-js"; - -function hexToRgb(color) { - return chroma(color).rgb().join(", "); -} - -export default hexToRgb; diff --git a/website/src/assets/theme/functions/linearGradient.js b/website/src/assets/theme/functions/linearGradient.js deleted file mode 100644 index 8085007..0000000 --- a/website/src/assets/theme/functions/linearGradient.js +++ /dev/null @@ -1,24 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The linearGradient() function helps you to create a linear gradient color background - */ - -function linearGradient(color, colorState, angle = 195) { - return `linear-gradient(${angle}deg, ${color}, ${colorState})`; -} - -export default linearGradient; diff --git a/website/src/assets/theme/functions/pxToRem.js b/website/src/assets/theme/functions/pxToRem.js deleted file mode 100644 index 63628bb..0000000 --- a/website/src/assets/theme/functions/pxToRem.js +++ /dev/null @@ -1,24 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The pxToRem() function helps you to convert a px unit into a rem unit, - */ - -function pxToRem(number, baseNumber = 16) { - return `${number / baseNumber}rem`; -} - -export default pxToRem; diff --git a/website/src/assets/theme/functions/rgba.js b/website/src/assets/theme/functions/rgba.js deleted file mode 100644 index 13cdaef..0000000 --- a/website/src/assets/theme/functions/rgba.js +++ /dev/null @@ -1,28 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/** - The rgba() function helps you to create a rgba color code, it uses the hexToRgb() function - to convert the hex code into rgb for using it inside the rgba color format. - */ - -// Material Dashboard 2 React helper functions -import hexToRgb from "assets/theme/functions/hexToRgb"; - -function rgba(color, opacity) { - return `rgba(${hexToRgb(color)}, ${opacity})`; -} - -export default rgba; diff --git a/website/src/assets/theme/index.js b/website/src/assets/theme/index.js deleted file mode 100644 index 950ac55..0000000 --- a/website/src/assets/theme/index.js +++ /dev/null @@ -1,157 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { createTheme } from "@mui/material/styles"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import breakpoints from "assets/theme/base/breakpoints"; -import typography from "assets/theme/base/typography"; -import boxShadows from "assets/theme/base/boxShadows"; -import borders from "assets/theme/base/borders"; -import globals from "assets/theme/base/globals"; - -// Material Dashboard 2 React helper functions -import boxShadow from "assets/theme/functions/boxShadow"; -import hexToRgb from "assets/theme/functions/hexToRgb"; -import linearGradient from "assets/theme/functions/linearGradient"; -import pxToRem from "assets/theme/functions/pxToRem"; -import rgba from "assets/theme/functions/rgba"; - -// Material Dashboard 2 React components base styles for @mui material components -import sidenav from "assets/theme/components/sidenav"; -import list from "assets/theme/components/list"; -import listItem from "assets/theme/components/list/listItem"; -import listItemText from "assets/theme/components/list/listItemText"; -import card from "assets/theme/components/card"; -import cardMedia from "assets/theme/components/card/cardMedia"; -import cardContent from "assets/theme/components/card/cardContent"; -import button from "assets/theme/components/button"; -import iconButton from "assets/theme/components/iconButton"; -import input from "assets/theme/components/form/input"; -import inputLabel from "assets/theme/components/form/inputLabel"; -import inputOutlined from "assets/theme/components/form/inputOutlined"; -import textField from "assets/theme/components/form/textField"; -import menu from "assets/theme/components/menu"; -import menuItem from "assets/theme/components/menu/menuItem"; -import switchButton from "assets/theme/components/form/switchButton"; -import divider from "assets/theme/components/divider"; -import tableContainer from "assets/theme/components/table/tableContainer"; -import tableHead from "assets/theme/components/table/tableHead"; -import tableCell from "assets/theme/components/table/tableCell"; -import linearProgress from "assets/theme/components/linearProgress"; -import breadcrumbs from "assets/theme/components/breadcrumbs"; -import slider from "assets/theme/components/slider"; -import avatar from "assets/theme/components/avatar"; -import tooltip from "assets/theme/components/tooltip"; -import appBar from "assets/theme/components/appBar"; -import tabs from "assets/theme/components/tabs"; -import tab from "assets/theme/components/tabs/tab"; -import stepper from "assets/theme/components/stepper"; -import step from "assets/theme/components/stepper/step"; -import stepConnector from "assets/theme/components/stepper/stepConnector"; -import stepLabel from "assets/theme/components/stepper/stepLabel"; -import stepIcon from "assets/theme/components/stepper/stepIcon"; -import select from "assets/theme/components/form/select"; -import formControlLabel from "assets/theme/components/form/formControlLabel"; -import formLabel from "assets/theme/components/form/formLabel"; -import checkbox from "assets/theme/components/form/checkbox"; -import radio from "assets/theme/components/form/radio"; -import autocomplete from "assets/theme/components/form/autocomplete"; -import container from "assets/theme/components/container"; -import popover from "assets/theme/components/popover"; -import buttonBase from "assets/theme/components/buttonBase"; -import icon from "assets/theme/components/icon"; -import svgIcon from "assets/theme/components/svgIcon"; -import link from "assets/theme/components/link"; -import dialog from "assets/theme/components/dialog"; -import dialogTitle from "assets/theme/components/dialog/dialogTitle"; -import dialogContent from "assets/theme/components/dialog/dialogContent"; -import dialogContentText from "assets/theme/components/dialog/dialogContentText"; -import dialogActions from "assets/theme/components/dialog/dialogActions"; - -export default createTheme({ - breakpoints: { ...breakpoints }, - palette: { ...colors }, - typography: { ...typography }, - boxShadows: { ...boxShadows }, - borders: { ...borders }, - functions: { - boxShadow, - hexToRgb, - linearGradient, - pxToRem, - rgba, - }, - - components: { - MuiCssBaseline: { - styleOverrides: { - ...globals, - ...container, - }, - }, - MuiDrawer: { ...sidenav }, - MuiList: { ...list }, - MuiListItem: { ...listItem }, - MuiListItemText: { ...listItemText }, - MuiCard: { ...card }, - MuiCardMedia: { ...cardMedia }, - MuiCardContent: { ...cardContent }, - MuiButton: { ...button }, - MuiIconButton: { ...iconButton }, - MuiInput: { ...input }, - MuiInputLabel: { ...inputLabel }, - MuiOutlinedInput: { ...inputOutlined }, - MuiTextField: { ...textField }, - MuiMenu: { ...menu }, - MuiMenuItem: { ...menuItem }, - MuiSwitch: { ...switchButton }, - MuiDivider: { ...divider }, - MuiTableContainer: { ...tableContainer }, - MuiTableHead: { ...tableHead }, - MuiTableCell: { ...tableCell }, - MuiLinearProgress: { ...linearProgress }, - MuiBreadcrumbs: { ...breadcrumbs }, - MuiSlider: { ...slider }, - MuiAvatar: { ...avatar }, - MuiTooltip: { ...tooltip }, - MuiAppBar: { ...appBar }, - MuiTabs: { ...tabs }, - MuiTab: { ...tab }, - MuiStepper: { ...stepper }, - MuiStep: { ...step }, - MuiStepConnector: { ...stepConnector }, - MuiStepLabel: { ...stepLabel }, - MuiStepIcon: { ...stepIcon }, - MuiSelect: { ...select }, - MuiFormControlLabel: { ...formControlLabel }, - MuiFormLabel: { ...formLabel }, - MuiCheckbox: { ...checkbox }, - MuiRadio: { ...radio }, - MuiAutocomplete: { ...autocomplete }, - MuiPopover: { ...popover }, - MuiButtonBase: { ...buttonBase }, - MuiIcon: { ...icon }, - MuiSvgIcon: { ...svgIcon }, - MuiLink: { ...link }, - MuiDialog: { ...dialog }, - MuiDialogTitle: { ...dialogTitle }, - MuiDialogContent: { ...dialogContent }, - MuiDialogContentText: { ...dialogContentText }, - MuiDialogActions: { ...dialogActions }, - }, -}); diff --git a/website/src/assets/theme/theme-rtl.js b/website/src/assets/theme/theme-rtl.js deleted file mode 100644 index c1b83b5..0000000 --- a/website/src/assets/theme/theme-rtl.js +++ /dev/null @@ -1,159 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { createTheme } from "@mui/material/styles"; -// import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import breakpoints from "assets/theme/base/breakpoints"; -import typography from "assets/theme/base/typography"; -import boxShadows from "assets/theme/base/boxShadows"; -import borders from "assets/theme/base/borders"; -import globals from "assets/theme/base/globals"; - -// Material Dashboard 2 React helper functions -import boxShadow from "assets/theme/functions/boxShadow"; -import hexToRgb from "assets/theme/functions/hexToRgb"; -import linearGradient from "assets/theme/functions/linearGradient"; -import pxToRem from "assets/theme/functions/pxToRem"; -import rgba from "assets/theme/functions/rgba"; - -// Material Dashboard 2 React components base styles for @mui material components -import sidenav from "assets/theme/components/sidenav"; -import list from "assets/theme/components/list"; -import listItem from "assets/theme/components/list/listItem"; -import listItemText from "assets/theme/components/list/listItemText"; -import card from "assets/theme/components/card"; -import cardMedia from "assets/theme/components/card/cardMedia"; -import cardContent from "assets/theme/components/card/cardContent"; -import button from "assets/theme/components/button"; -import iconButton from "assets/theme/components/iconButton"; -import input from "assets/theme/components/form/input"; -import inputLabel from "assets/theme/components/form/inputLabel"; -import inputOutlined from "assets/theme/components/form/inputOutlined"; -import textField from "assets/theme/components/form/textField"; -import menu from "assets/theme/components/menu"; -import menuItem from "assets/theme/components/menu/menuItem"; -import switchButton from "assets/theme/components/form/switchButton"; -import divider from "assets/theme/components/divider"; -import tableContainer from "assets/theme/components/table/tableContainer"; -import tableHead from "assets/theme/components/table/tableHead"; -import tableCell from "assets/theme/components/table/tableCell"; -import linearProgress from "assets/theme/components/linearProgress"; -import breadcrumbs from "assets/theme/components/breadcrumbs"; -import slider from "assets/theme/components/slider"; -import avatar from "assets/theme/components/avatar"; -import tooltip from "assets/theme/components/tooltip"; -import appBar from "assets/theme/components/appBar"; -import tabs from "assets/theme/components/tabs"; -import tab from "assets/theme/components/tabs/tab"; -import stepper from "assets/theme/components/stepper"; -import step from "assets/theme/components/stepper/step"; -import stepConnector from "assets/theme/components/stepper/stepConnector"; -import stepLabel from "assets/theme/components/stepper/stepLabel"; -import stepIcon from "assets/theme/components/stepper/stepIcon"; -import select from "assets/theme/components/form/select"; -import formControlLabel from "assets/theme/components/form/formControlLabel"; -import formLabel from "assets/theme/components/form/formLabel"; -import checkbox from "assets/theme/components/form/checkbox"; -import radio from "assets/theme/components/form/radio"; -import autocomplete from "assets/theme/components/form/autocomplete"; -import container from "assets/theme/components/container"; -import popover from "assets/theme/components/popover"; -import buttonBase from "assets/theme/components/buttonBase"; -import icon from "assets/theme/components/icon"; -import svgIcon from "assets/theme/components/svgIcon"; -import link from "assets/theme/components/link"; -import dialog from "assets/theme/components/dialog"; -import dialogTitle from "assets/theme/components/dialog/dialogTitle"; -import dialogContent from "assets/theme/components/dialog/dialogContent"; -import dialogContentText from "assets/theme/components/dialog/dialogContentText"; -import dialogActions from "assets/theme/components/dialog/dialogActions"; - -export default createTheme({ - direction: "rtl", - breakpoints: { ...breakpoints }, - palette: { ...colors }, - typography: { ...typography }, - boxShadows: { ...boxShadows }, - borders: { ...borders }, - functions: { - boxShadow, - hexToRgb, - linearGradient, - pxToRem, - rgba, - }, - - components: { - MuiCssBaseline: { - styleOverrides: { - ...globals, - ...container, - }, - }, - MuiDrawer: { ...sidenav }, - MuiList: { ...list }, - MuiListItem: { ...listItem }, - MuiListItemText: { ...listItemText }, - MuiCard: { ...card }, - MuiCardMedia: { ...cardMedia }, - MuiCardContent: { ...cardContent }, - MuiButton: { ...button }, - MuiIconButton: { ...iconButton }, - MuiInput: { ...input }, - MuiInputLabel: { ...inputLabel }, - MuiOutlinedInput: { ...inputOutlined }, - MuiTextField: { ...textField }, - MuiMenu: { ...menu }, - MuiMenuItem: { ...menuItem }, - MuiSwitch: { ...switchButton }, - MuiDivider: { ...divider }, - MuiTableContainer: { ...tableContainer }, - MuiTableHead: { ...tableHead }, - MuiTableCell: { ...tableCell }, - MuiLinearProgress: { ...linearProgress }, - MuiBreadcrumbs: { ...breadcrumbs }, - MuiSlider: { ...slider }, - MuiAvatar: { ...avatar }, - MuiTooltip: { ...tooltip }, - MuiAppBar: { ...appBar }, - MuiTabs: { ...tabs }, - MuiTab: { ...tab }, - MuiStepper: { ...stepper }, - MuiStep: { ...step }, - MuiStepConnector: { ...stepConnector }, - MuiStepLabel: { ...stepLabel }, - MuiStepIcon: { ...stepIcon }, - MuiSelect: { ...select }, - MuiFormControlLabel: { ...formControlLabel }, - MuiFormLabel: { ...formLabel }, - MuiCheckbox: { ...checkbox }, - MuiRadio: { ...radio }, - MuiAutocomplete: { ...autocomplete }, - MuiPopover: { ...popover }, - MuiButtonBase: { ...buttonBase }, - MuiIcon: { ...icon }, - MuiSvgIcon: { ...svgIcon }, - MuiLink: { ...link }, - MuiDialog: { ...dialog }, - MuiDialogTitle: { ...dialogTitle }, - MuiDialogContent: { ...dialogContent }, - MuiDialogContentText: { ...dialogContentText }, - MuiDialogActions: { ...dialogActions }, - }, -}); diff --git a/website/src/components/MDAlert/MDAlertCloseIcon.js b/website/src/components/MDAlert/MDAlertCloseIcon.js deleted file mode 100644 index 3476788..0000000 --- a/website/src/components/MDAlert/MDAlertCloseIcon.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { styled } from "@mui/material/styles"; - -export default styled("span")(({ theme }) => { - const { palette, typography, functions } = theme; - - const { white } = palette; - const { size, fontWeightMedium } = typography; - const { pxToRem } = functions; - - return { - color: white.main, - fontSize: size.xl, - padding: `${pxToRem(9)} ${pxToRem(6)} ${pxToRem(8)}`, - marginLeft: pxToRem(40), - fontWeight: fontWeightMedium, - cursor: "pointer", - lineHeight: 0, - }; -}); diff --git a/website/src/components/MDAlert/MDAlertRoot.js b/website/src/components/MDAlert/MDAlertRoot.js deleted file mode 100644 index 68fec3d..0000000 --- a/website/src/components/MDAlert/MDAlertRoot.js +++ /dev/null @@ -1,48 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Box from "@mui/material/Box"; -import { styled } from "@mui/material/styles"; - -export default styled(Box)(({ theme, ownerState }) => { - const { palette, typography, borders, functions } = theme; - const { color } = ownerState; - - const { white, gradients } = palette; - const { fontSizeRegular, fontWeightMedium } = typography; - const { borderRadius } = borders; - const { pxToRem, linearGradient } = functions; - - // backgroundImage value - const backgroundImageValue = gradients[color] - ? linearGradient(gradients[color].main, gradients[color].state) - : linearGradient(gradients.info.main, gradients.info.state); - - return { - display: "flex", - justifyContent: "space-between", - alignItems: "center", - minHeight: pxToRem(60), - backgroundImage: backgroundImageValue, - color: white.main, - position: "relative", - padding: pxToRem(16), - marginBottom: pxToRem(16), - borderRadius: borderRadius.md, - fontSize: fontSizeRegular, - fontWeight: fontWeightMedium, - }; -}); diff --git a/website/src/components/MDAlert/index.js b/website/src/components/MDAlert/index.js deleted file mode 100644 index dd90b5b..0000000 --- a/website/src/components/MDAlert/index.js +++ /dev/null @@ -1,86 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Custom styles for the MDAlert -import MDAlertRoot from "components/MDAlert/MDAlertRoot"; -import MDAlertCloseIcon from "components/MDAlert/MDAlertCloseIcon"; - -function MDAlert({ color, dismissible, children, ...rest }) { - const [alertStatus, setAlertStatus] = useState("mount"); - - const handleAlertStatus = () => setAlertStatus("fadeOut"); - - // The base template for the alert - const alertTemplate = (mount = true) => ( - - - - {children} - - {dismissible ? ( - × - ) : null} - - - ); - - switch (true) { - case alertStatus === "mount": - return alertTemplate(); - case alertStatus === "fadeOut": - setTimeout(() => setAlertStatus("unmount"), 400); - return alertTemplate(false); - default: - alertTemplate(); - break; - } - - return null; -} - -// Setting default values for the props of MDAlert -MDAlert.defaultProps = { - color: "info", - dismissible: false, -}; - -// Typechecking props of the MDAlert -MDAlert.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - dismissible: PropTypes.bool, - children: PropTypes.node.isRequired, -}; - -export default MDAlert; diff --git a/website/src/components/MDAutocomplete/MDAutocompleteRoot.js b/website/src/components/MDAutocomplete/MDAutocompleteRoot.js deleted file mode 100644 index b63309f..0000000 --- a/website/src/components/MDAutocomplete/MDAutocompleteRoot.js +++ /dev/null @@ -1,56 +0,0 @@ -// @mui material components -import Autocomplete from "@mui/material/Autocomplete"; -import { styled } from "@mui/material/styles"; - -export default styled(Autocomplete)(({ theme, ownerState }) => { - const { palette, functions } = theme; - const { error, success, disabled } = ownerState; - - const { grey, transparent, error: colorError, success: colorSuccess } = palette; - const { pxToRem } = functions; - - // styles for the input with error={true} - const errorStyles = () => ({ - backgroundImage: - "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F44335' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23F44335' stroke='none'/%3E%3C/svg%3E\")", - backgroundRepeat: "no-repeat", - backgroundPosition: `right ${pxToRem(12)} center`, - backgroundSize: `${pxToRem(16)} ${pxToRem(16)}`, - - "& .Mui-focused": { - "& .MuiOutlinedInput-notchedOutline, &:after": { - borderColor: colorError.main, - }, - }, - - "& .MuiInputLabel-root.Mui-focused": { - color: colorError.main, - }, - }); - - // styles for the input with success={true} - const successStyles = () => ({ - backgroundImage: - "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%234CAF50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\")", - backgroundRepeat: "no-repeat", - backgroundPosition: `right ${pxToRem(12)} center`, - backgroundSize: `${pxToRem(16)} ${pxToRem(16)}`, - - "& .Mui-focused": { - "& .MuiOutlinedInput-notchedOutline, &:after": { - borderColor: colorSuccess.main, - }, - }, - - "& .MuiInputLabel-root.Mui-focused": { - color: colorSuccess.main, - }, - }); - - return { - backgroundColor: disabled ? `${grey[200]} !important` : transparent.main, - pointerEvents: disabled ? "none" : "auto", - ...(error && errorStyles()), - ...(success && successStyles()), - }; -}); diff --git a/website/src/components/MDAutocomplete/index.js b/website/src/components/MDAutocomplete/index.js deleted file mode 100644 index 0d8fc5b..0000000 --- a/website/src/components/MDAutocomplete/index.js +++ /dev/null @@ -1,42 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; -import MDAutocompleteRoot from "./MDAutocompleteRoot"; - -// Custom styles for MDInput - -const MDInput = forwardRef(({ error, success, disabled, ...rest }, ref) => ( - -)); - -// Setting default values for the props of MDInput -MDInput.defaultProps = { - error: false, - success: false, - disabled: false, -}; - -// Typechecking props for the MDInput -MDInput.propTypes = { - error: PropTypes.bool, - success: PropTypes.bool, - disabled: PropTypes.bool, -}; - -export default MDInput; diff --git a/website/src/components/MDAvatar/MDAvatarRoot.js b/website/src/components/MDAvatar/MDAvatarRoot.js deleted file mode 100644 index 94507e8..0000000 --- a/website/src/components/MDAvatar/MDAvatarRoot.js +++ /dev/null @@ -1,89 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Avatar from "@mui/material/Avatar"; -import { styled } from "@mui/material/styles"; - -export default styled(Avatar)(({ theme, ownerState }) => { - const { palette, functions, typography, boxShadows } = theme; - const { shadow, bgColor, size } = ownerState; - - const { gradients, transparent, white } = palette; - const { pxToRem, linearGradient } = functions; - const { size: fontSize, fontWeightRegular } = typography; - - // backgroundImage value - const backgroundValue = - bgColor === "transparent" - ? transparent.main - : linearGradient(gradients[bgColor].main, gradients[bgColor].state); - - // size value - let sizeValue; - - switch (size) { - case "xs": - sizeValue = { - width: pxToRem(24), - height: pxToRem(24), - fontSize: fontSize.xs, - }; - break; - case "sm": - sizeValue = { - width: pxToRem(36), - height: pxToRem(36), - fontSize: fontSize.sm, - }; - break; - case "lg": - sizeValue = { - width: pxToRem(58), - height: pxToRem(58), - fontSize: fontSize.sm, - }; - break; - case "xl": - sizeValue = { - width: pxToRem(74), - height: pxToRem(74), - fontSize: fontSize.md, - }; - break; - case "xxl": - sizeValue = { - width: pxToRem(110), - height: pxToRem(110), - fontSize: fontSize.md, - }; - break; - default: { - sizeValue = { - width: pxToRem(48), - height: pxToRem(48), - fontSize: fontSize.md, - }; - } - } - - return { - background: backgroundValue, - color: white.main, - fontWeight: fontWeightRegular, - boxShadow: boxShadows[shadow], - ...sizeValue, - }; -}); diff --git a/website/src/components/MDAvatar/index.js b/website/src/components/MDAvatar/index.js deleted file mode 100644 index 3a5e115..0000000 --- a/website/src/components/MDAvatar/index.js +++ /dev/null @@ -1,52 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for MDAvatar -import MDAvatarRoot from "components/MDAvatar/MDAvatarRoot"; - -const MDAvatar = forwardRef(({ bgColor, size, shadow, ...rest }, ref) => ( - -)); - -// Setting default values for the props of MDAvatar -MDAvatar.defaultProps = { - bgColor: "transparent", - size: "md", - shadow: "none", -}; - -// Typechecking props for the MDAvatar -MDAvatar.propTypes = { - bgColor: PropTypes.oneOf([ - "transparent", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - size: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl", "xxl"]), - shadow: PropTypes.oneOf(["none", "xs", "sm", "md", "lg", "xl", "xxl", "inset"]), -}; - -export default MDAvatar; diff --git a/website/src/components/MDBadge/MDBadgeRoot.js b/website/src/components/MDBadge/MDBadgeRoot.js deleted file mode 100644 index 43a48be..0000000 --- a/website/src/components/MDBadge/MDBadgeRoot.js +++ /dev/null @@ -1,134 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Badge from "@mui/material/Badge"; -import { styled } from "@mui/material/styles"; - -export default styled(Badge)(({ theme, ownerState }) => { - const { palette, typography, borders, functions } = theme; - const { color, circular, border, size, indicator, variant, container, children } = ownerState; - - const { white, dark, gradients, badgeColors } = palette; - const { size: fontSize, fontWeightBold } = typography; - const { borderRadius, borderWidth } = borders; - const { pxToRem, linearGradient } = functions; - - // padding values - const paddings = { - xs: "0.45em 0.775em", - sm: "0.55em 0.9em", - md: "0.65em 1em", - lg: "0.85em 1.375em", - }; - - // fontSize value - const fontSizeValue = size === "xs" ? fontSize.xxs : fontSize.xs; - - // border value - const borderValue = border ? `${borderWidth[3]} solid ${white.main}` : "none"; - - // borderRadius value - const borderRadiusValue = circular ? borderRadius.section : borderRadius.md; - - // styles for the badge with indicator={true} - const indicatorStyles = (sizeProp) => { - let widthValue = pxToRem(20); - let heightValue = pxToRem(20); - - if (sizeProp === "medium") { - widthValue = pxToRem(24); - heightValue = pxToRem(24); - } else if (sizeProp === "large") { - widthValue = pxToRem(32); - heightValue = pxToRem(32); - } - - return { - width: widthValue, - height: heightValue, - display: "grid", - placeItems: "center", - textAlign: "center", - borderRadius: "50%", - padding: 0, - border: borderValue, - }; - }; - - // styles for the badge with variant="gradient" - const gradientStyles = (colorProp) => { - const backgroundValue = gradients[colorProp] - ? linearGradient(gradients[colorProp].main, gradients[colorProp].state) - : linearGradient(gradients.info.main, gradients.info.state); - const colorValue = colorProp === "light" ? dark.main : white.main; - - return { - background: backgroundValue, - color: colorValue, - }; - }; - - // styles for the badge with variant="contained" - const containedStyles = (colorProp) => { - const backgroundValue = badgeColors[colorProp] - ? badgeColors[colorProp].background - : badgeColors.info.background; - let colorValue = badgeColors[colorProp] ? badgeColors[colorProp].text : badgeColors.info.text; - - if (colorProp === "light") { - colorValue = dark.main; - } - return { - background: backgroundValue, - color: colorValue, - }; - }; - - // styles for the badge with no children and container={false} - const standAloneStyles = () => ({ - position: "static", - marginLeft: pxToRem(8), - transform: "none", - fontSize: pxToRem(9), - }); - - // styles for the badge with container={true} - const containerStyles = () => ({ - position: "relative", - transform: "none", - }); - - return { - "& .MuiBadge-badge": { - height: "auto", - padding: paddings[size] || paddings.xs, - fontSize: fontSizeValue, - fontWeight: fontWeightBold, - textTransform: "uppercase", - lineHeight: 1, - textAlign: "center", - whiteSpace: "nowrap", - verticalAlign: "baseline", - border: borderValue, - borderRadius: borderRadiusValue, - ...(indicator && indicatorStyles(size)), - ...(variant === "gradient" && gradientStyles(color)), - ...(variant === "contained" && containedStyles(color)), - ...(!children && !container && standAloneStyles(color)), - ...(container && containerStyles(color)), - }, - }; -}); diff --git a/website/src/components/MDBadge/index.js b/website/src/components/MDBadge/index.js deleted file mode 100644 index 44f55d2..0000000 --- a/website/src/components/MDBadge/index.js +++ /dev/null @@ -1,70 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for the MDBadge -import MDBadgeRoot from "components/MDBadge/MDBadgeRoot"; - -const MDBadge = forwardRef( - ({ color, variant, size, circular, indicator, border, container, children, ...rest }, ref) => ( - - {children} - - ) -); - -// Setting default values for the props of MDBadge -MDBadge.defaultProps = { - color: "info", - variant: "gradient", - size: "sm", - circular: false, - indicator: false, - border: false, - children: false, - container: false, -}; - -// Typechecking props of the MDBadge -MDBadge.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - variant: PropTypes.oneOf(["gradient", "contained"]), - size: PropTypes.oneOf(["xs", "sm", "md", "lg"]), - circular: PropTypes.bool, - indicator: PropTypes.bool, - border: PropTypes.bool, - children: PropTypes.node, - container: PropTypes.bool, -}; - -export default MDBadge; diff --git a/website/src/components/MDBox/MDBoxRoot.js b/website/src/components/MDBox/MDBoxRoot.js deleted file mode 100644 index b8c8cb0..0000000 --- a/website/src/components/MDBox/MDBoxRoot.js +++ /dev/null @@ -1,122 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Box from "@mui/material/Box"; -import { styled } from "@mui/material/styles"; - -export default styled(Box)(({ theme, ownerState }) => { - const { palette, functions, borders, boxShadows } = theme; - const { variant, bgColor, color, opacity, borderRadius, shadow, coloredShadow } = ownerState; - - const { gradients, grey, white } = palette; - const { linearGradient } = functions; - const { borderRadius: radius } = borders; - const { colored } = boxShadows; - - const greyColors = { - "grey-100": grey[100], - "grey-200": grey[200], - "grey-300": grey[300], - "grey-400": grey[400], - "grey-500": grey[500], - "grey-600": grey[600], - "grey-700": grey[700], - "grey-800": grey[800], - "grey-900": grey[900], - }; - - const validGradients = [ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - ]; - - const validColors = [ - "transparent", - "white", - "black", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - "text", - "grey-100", - "grey-200", - "grey-300", - "grey-400", - "grey-500", - "grey-600", - "grey-700", - "grey-800", - "grey-900", - ]; - - const validBorderRadius = ["xs", "sm", "md", "lg", "xl", "xxl", "section"]; - const validBoxShadows = ["xs", "sm", "md", "lg", "xl", "xxl", "inset"]; - - // background value - let backgroundValue = bgColor; - - if (variant === "gradient") { - backgroundValue = validGradients.find((el) => el === bgColor) - ? linearGradient(gradients[bgColor].main, gradients[bgColor].state) - : white.main; - } else if (validColors.find((el) => el === bgColor)) { - backgroundValue = palette[bgColor] ? palette[bgColor].main : greyColors[bgColor]; - } else { - backgroundValue = bgColor; - } - - // color value - let colorValue = color; - - if (validColors.find((el) => el === color)) { - colorValue = palette[color] ? palette[color].main : greyColors[color]; - } - - // borderRadius value - let borderRadiusValue = borderRadius; - - if (validBorderRadius.find((el) => el === borderRadius)) { - borderRadiusValue = radius[borderRadius]; - } - - // boxShadow value - let boxShadowValue = "none"; - - if (validBoxShadows.find((el) => el === shadow)) { - boxShadowValue = boxShadows[shadow]; - } else if (coloredShadow) { - boxShadowValue = colored[coloredShadow] ? colored[coloredShadow] : "none"; - } - - return { - opacity, - background: backgroundValue, - color: colorValue, - borderRadius: borderRadiusValue, - boxShadow: boxShadowValue, - }; -}); diff --git a/website/src/components/MDBox/index.js b/website/src/components/MDBox/index.js deleted file mode 100644 index 271621e..0000000 --- a/website/src/components/MDBox/index.js +++ /dev/null @@ -1,66 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for MDBox -import MDBoxRoot from "components/MDBox/MDBoxRoot"; - -const MDBox = forwardRef( - ({ variant, bgColor, color, opacity, borderRadius, shadow, coloredShadow, ...rest }, ref) => ( - - ) -); - -// Setting default values for the props of MDBox -MDBox.defaultProps = { - variant: "contained", - bgColor: "transparent", - color: "dark", - opacity: 1, - borderRadius: "none", - shadow: "none", - coloredShadow: "none", -}; - -// Typechecking props for the MDBox -MDBox.propTypes = { - variant: PropTypes.oneOf(["contained", "gradient"]), - bgColor: PropTypes.string, - color: PropTypes.string, - opacity: PropTypes.number, - borderRadius: PropTypes.string, - shadow: PropTypes.string, - coloredShadow: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - "none", - ]), -}; - -export default MDBox; diff --git a/website/src/components/MDButton/MDButtonRoot.js b/website/src/components/MDButton/MDButtonRoot.js deleted file mode 100644 index 28ede77..0000000 --- a/website/src/components/MDButton/MDButtonRoot.js +++ /dev/null @@ -1,276 +0,0 @@ -/* eslint-disable prefer-destructuring */ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Button from "@mui/material/Button"; -import { styled } from "@mui/material/styles"; - -export default styled(Button)(({ theme, ownerState }) => { - const { palette, functions, borders, boxShadows } = theme; - const { color, variant, size, circular, iconOnly, darkMode } = ownerState; - - const { white, text, transparent, gradients, grey } = palette; - const { boxShadow, linearGradient, pxToRem, rgba } = functions; - const { borderRadius } = borders; - const { colored } = boxShadows; - - // styles for the button with variant="contained" - const containedStyles = () => { - // background color value - const backgroundValue = palette[color] ? palette[color].main : white.main; - - // backgroundColor value when button is focused - const focusedBackgroundValue = palette[color] ? palette[color].focus : white.focus; - - // boxShadow value - const boxShadowValue = colored[color] - ? `${boxShadow([0, 3], [3, 0], palette[color].main, 0.15)}, ${boxShadow( - [0, 3], - [1, -2], - palette[color].main, - 0.2 - )}, ${boxShadow([0, 1], [5, 0], palette[color].main, 0.15)}` - : "none"; - - // boxShadow value when button is hovered - const hoveredBoxShadowValue = colored[color] - ? `${boxShadow([0, 14], [26, -12], palette[color].main, 0.4)}, ${boxShadow( - [0, 4], - [23, 0], - palette[color].main, - 0.15 - )}, ${boxShadow([0, 8], [10, -5], palette[color].main, 0.2)}` - : "none"; - - // color value - let colorValue = white.main; - - if (!darkMode && (color === "white" || color === "light" || !palette[color])) { - colorValue = text.main; - } else if (darkMode && (color === "white" || color === "light" || !palette[color])) { - colorValue = grey[600]; - } - - // color value when button is focused - let focusedColorValue = white.main; - - if (color === "white") { - focusedColorValue = text.main; - } else if (color === "primary" || color === "error" || color === "dark") { - focusedColorValue = white.main; - } - - return { - background: backgroundValue, - color: colorValue, - boxShadow: boxShadowValue, - - "&:hover": { - backgroundColor: backgroundValue, - boxShadow: hoveredBoxShadowValue, - }, - - "&:focus:not(:hover)": { - backgroundColor: focusedBackgroundValue, - boxShadow: palette[color] - ? boxShadow([0, 0], [0, 3.2], palette[color].main, 0.5) - : boxShadow([0, 0], [0, 3.2], white.main, 0.5), - }, - - "&:disabled": { - backgroundColor: backgroundValue, - color: focusedColorValue, - }, - }; - }; - - // styles for the button with variant="outlined" - const outliedStyles = () => { - // background color value - const backgroundValue = color === "white" ? rgba(white.main, 0.1) : transparent.main; - - // color value - const colorValue = palette[color] ? palette[color].main : white.main; - - // boxShadow value - const boxShadowValue = palette[color] - ? boxShadow([0, 0], [0, 3.2], palette[color].main, 0.5) - : boxShadow([0, 0], [0, 3.2], white.main, 0.5); - - // border color value - let borderColorValue = palette[color] ? palette[color].main : rgba(white.main, 0.75); - - if (color === "white") { - borderColorValue = rgba(white.main, 0.75); - } - - return { - background: backgroundValue, - color: colorValue, - borderColor: borderColorValue, - - "&:hover": { - background: transparent.main, - borderColor: colorValue, - }, - - "&:focus:not(:hover)": { - background: transparent.main, - boxShadow: boxShadowValue, - }, - - "&:active:not(:hover)": { - backgroundColor: colorValue, - color: white.main, - opacity: 0.85, - }, - - "&:disabled": { - color: colorValue, - borderColor: colorValue, - }, - }; - }; - - // styles for the button with variant="gradient" - const gradientStyles = () => { - // background value - const backgroundValue = - color === "white" || !gradients[color] - ? white.main - : linearGradient(gradients[color].main, gradients[color].state); - - // boxShadow value - const boxShadowValue = colored[color] - ? `${boxShadow([0, 3], [3, 0], palette[color].main, 0.15)}, ${boxShadow( - [0, 3], - [1, -2], - palette[color].main, - 0.2 - )}, ${boxShadow([0, 1], [5, 0], palette[color].main, 0.15)}` - : "none"; - - // boxShadow value when button is hovered - const hoveredBoxShadowValue = colored[color] - ? `${boxShadow([0, 14], [26, -12], palette[color].main, 0.4)}, ${boxShadow( - [0, 4], - [23, 0], - palette[color].main, - 0.15 - )}, ${boxShadow([0, 8], [10, -5], palette[color].main, 0.2)}` - : "none"; - - // color value - let colorValue = white.main; - - if (color === "white") { - colorValue = text.main; - } else if (color === "light") { - colorValue = gradients.dark.state; - } - - return { - background: backgroundValue, - color: colorValue, - boxShadow: boxShadowValue, - - "&:hover": { - boxShadow: hoveredBoxShadowValue, - }, - - "&:focus:not(:hover)": { - boxShadow: boxShadowValue, - }, - - "&:disabled": { - background: backgroundValue, - color: colorValue, - }, - }; - }; - - // styles for the button with variant="text" - const textStyles = () => { - // color value - const colorValue = palette[color] ? palette[color].main : white.main; - - // color value when button is focused - const focusedColorValue = palette[color] ? palette[color].focus : white.focus; - - return { - color: colorValue, - - "&:hover": { - color: focusedColorValue, - }, - - "&:focus:not(:hover)": { - color: focusedColorValue, - }, - }; - }; - - // styles for the button with circular={true} - const circularStyles = () => ({ - borderRadius: borderRadius.section, - }); - - // styles for the button with iconOnly={true} - const iconOnlyStyles = () => { - // width, height, minWidth and minHeight values - let sizeValue = pxToRem(38); - - if (size === "small") { - sizeValue = pxToRem(25.4); - } else if (size === "large") { - sizeValue = pxToRem(52); - } - - // padding value - let paddingValue = `${pxToRem(11)} ${pxToRem(11)} ${pxToRem(10)}`; - - if (size === "small") { - paddingValue = pxToRem(4.5); - } else if (size === "large") { - paddingValue = pxToRem(16); - } - - return { - width: sizeValue, - minWidth: sizeValue, - height: sizeValue, - minHeight: sizeValue, - padding: paddingValue, - - "& .material-icons": { - marginTop: 0, - }, - - "&:hover, &:focus, &:active": { - transform: "none", - }, - }; - }; - - return { - ...(variant === "contained" && containedStyles()), - ...(variant === "outlined" && outliedStyles()), - ...(variant === "gradient" && gradientStyles()), - ...(variant === "text" && textStyles()), - ...(circular && circularStyles()), - ...(iconOnly && iconOnlyStyles()), - }; -}); diff --git a/website/src/components/MDButton/index.js b/website/src/components/MDButton/index.js deleted file mode 100644 index 82618ad..0000000 --- a/website/src/components/MDButton/index.js +++ /dev/null @@ -1,76 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard-pro-react -* Copyright 2021 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for MDButton -import MDButtonRoot from "components/MDButton/MDButtonRoot"; - -// Material Dashboard 2 React contexts -import { useMaterialUIController } from "context"; - -const MDButton = forwardRef( - ({ color, variant, size, circular, iconOnly, children, ...rest }, ref) => { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - {children} - - ); - } -); - -// Setting default values for the props of MDButton -MDButton.defaultProps = { - size: "medium", - variant: "contained", - color: "white", - circular: false, - iconOnly: false, -}; - -// Typechecking props for the MDButton -MDButton.propTypes = { - size: PropTypes.oneOf(["small", "medium", "large"]), - variant: PropTypes.oneOf(["text", "contained", "outlined", "gradient"]), - color: PropTypes.oneOf([ - "white", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - circular: PropTypes.bool, - iconOnly: PropTypes.bool, - children: PropTypes.node.isRequired, -}; - -export default MDButton; diff --git a/website/src/components/MDInput/MDInputRoot.js b/website/src/components/MDInput/MDInputRoot.js deleted file mode 100644 index c61289d..0000000 --- a/website/src/components/MDInput/MDInputRoot.js +++ /dev/null @@ -1,71 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import TextField from "@mui/material/TextField"; -import { styled } from "@mui/material/styles"; - -export default styled(TextField)(({ theme, ownerState }) => { - const { palette, functions } = theme; - const { error, success, disabled } = ownerState; - - const { grey, transparent, error: colorError, success: colorSuccess } = palette; - const { pxToRem } = functions; - - // styles for the input with error={true} - const errorStyles = () => ({ - backgroundImage: - "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F44335' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23F44335' stroke='none'/%3E%3C/svg%3E\")", - backgroundRepeat: "no-repeat", - backgroundPosition: `right ${pxToRem(12)} center`, - backgroundSize: `${pxToRem(16)} ${pxToRem(16)}`, - - "& .Mui-focused": { - "& .MuiOutlinedInput-notchedOutline, &:after": { - borderColor: colorError.main, - }, - }, - - "& .MuiInputLabel-root.Mui-focused": { - color: colorError.main, - }, - }); - - // styles for the input with success={true} - const successStyles = () => ({ - backgroundImage: - "url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%234CAF50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\")", - backgroundRepeat: "no-repeat", - backgroundPosition: `right ${pxToRem(12)} center`, - backgroundSize: `${pxToRem(16)} ${pxToRem(16)}`, - - "& .Mui-focused": { - "& .MuiOutlinedInput-notchedOutline, &:after": { - borderColor: colorSuccess.main, - }, - }, - - "& .MuiInputLabel-root.Mui-focused": { - color: colorSuccess.main, - }, - }); - - return { - backgroundColor: disabled ? `${grey[200]} !important` : transparent.main, - pointerEvents: disabled ? "none" : "auto", - ...(error && errorStyles()), - ...(success && successStyles()), - }; -}); diff --git a/website/src/components/MDInput/index.js b/website/src/components/MDInput/index.js deleted file mode 100644 index c25a19f..0000000 --- a/website/src/components/MDInput/index.js +++ /dev/null @@ -1,42 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for MDInput -import MDInputRoot from "components/MDInput/MDInputRoot"; - -const MDInput = forwardRef(({ error, success, disabled, ...rest }, ref) => ( - -)); - -// Setting default values for the props of MDInput -MDInput.defaultProps = { - error: false, - success: false, - disabled: false, -}; - -// Typechecking props for the MDInput -MDInput.propTypes = { - error: PropTypes.bool, - success: PropTypes.bool, - disabled: PropTypes.bool, -}; - -export default MDInput; diff --git a/website/src/components/MDPagination/MDPaginationItemRoot.js b/website/src/components/MDPagination/MDPaginationItemRoot.js deleted file mode 100644 index 5b9f735..0000000 --- a/website/src/components/MDPagination/MDPaginationItemRoot.js +++ /dev/null @@ -1,62 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { styled } from "@mui/material/styles"; - -// Material Dashboard 2 React components -import MDButton from "components/MDButton"; - -export default styled(MDButton)(({ theme, ownerState }) => { - const { borders, functions, typography, palette } = theme; - const { variant, paginationSize, active } = ownerState; - - const { borderColor } = borders; - const { pxToRem } = functions; - const { fontWeightRegular, size: fontSize } = typography; - const { light } = palette; - - // width, height, minWidth and minHeight values - let sizeValue = pxToRem(36); - - if (paginationSize === "small") { - sizeValue = pxToRem(30); - } else if (paginationSize === "large") { - sizeValue = pxToRem(46); - } - - return { - borderColor, - margin: `0 ${pxToRem(2)}`, - pointerEvents: active ? "none" : "auto", - fontWeight: fontWeightRegular, - fontSize: fontSize.sm, - width: sizeValue, - minWidth: sizeValue, - height: sizeValue, - minHeight: sizeValue, - - "&:hover, &:focus, &:active": { - transform: "none", - boxShadow: (variant !== "gradient" || variant !== "contained") && "none !important", - opacity: "1 !important", - }, - - "&:hover": { - backgroundColor: light.main, - borderColor, - }, - }; -}); diff --git a/website/src/components/MDPagination/index.js b/website/src/components/MDPagination/index.js deleted file mode 100644 index b5ee7c8..0000000 --- a/website/src/components/MDPagination/index.js +++ /dev/null @@ -1,95 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef, createContext, useContext, useMemo } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Custom styles for MDPagination -import MDPaginationItemRoot from "components/MDPagination/MDPaginationItemRoot"; - -// The Pagination main context -const Context = createContext(); - -const MDPagination = forwardRef( - ({ item, variant, color, size, active, children, ...rest }, ref) => { - const context = useContext(Context); - const paginationSize = context ? context.size : null; - - const value = useMemo(() => ({ variant, color, size }), [variant, color, size]); - - return ( - - {item ? ( - - {children} - - ) : ( - - {children} - - )} - - ); - } -); - -// Setting default values for the props of MDPagination -MDPagination.defaultProps = { - item: false, - variant: "gradient", - color: "info", - size: "medium", - active: false, -}; - -// Typechecking props for the MDPagination -MDPagination.propTypes = { - item: PropTypes.bool, - variant: PropTypes.oneOf(["gradient", "contained"]), - color: PropTypes.oneOf([ - "white", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - size: PropTypes.oneOf(["small", "medium", "large"]), - active: PropTypes.bool, - children: PropTypes.node.isRequired, -}; - -export default MDPagination; diff --git a/website/src/components/MDProgress/MDProgressRoot.js b/website/src/components/MDProgress/MDProgressRoot.js deleted file mode 100644 index 1697a4f..0000000 --- a/website/src/components/MDProgress/MDProgressRoot.js +++ /dev/null @@ -1,45 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import { styled } from "@mui/material/styles"; -import LinearProgress from "@mui/material/LinearProgress"; - -export default styled(LinearProgress)(({ theme, ownerState }) => { - const { palette, functions } = theme; - const { color, value, variant } = ownerState; - - const { text, gradients } = palette; - const { linearGradient } = functions; - - // background value - let backgroundValue; - - if (variant === "gradient") { - backgroundValue = gradients[color] - ? linearGradient(gradients[color].main, gradients[color].state) - : linearGradient(gradients.info.main, gradients.info.state); - } else { - backgroundValue = palette[color] ? palette[color].main : palette.info.main; - } - - return { - "& .MuiLinearProgress-bar": { - background: backgroundValue, - width: `${value}%`, - color: text.main, - }, - }; -}); diff --git a/website/src/components/MDProgress/index.js b/website/src/components/MDProgress/index.js deleted file mode 100644 index 4a88672..0000000 --- a/website/src/components/MDProgress/index.js +++ /dev/null @@ -1,69 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Material Dashboard 2 React components -import MDTypography from "components/MDTypography"; - -// Custom styles for MDProgress -import MDProgressRoot from "components/MDProgress/MDProgressRoot"; - -const MDProgress = forwardRef(({ variant, color, value, label, ...rest }, ref) => ( - <> - {label && ( - - {value}% - - )} - - -)); - -// Setting default values for the props of MDProgress -MDProgress.defaultProps = { - variant: "contained", - color: "info", - value: 0, - label: false, -}; - -// Typechecking props for the MDProgress -MDProgress.propTypes = { - variant: PropTypes.oneOf(["contained", "gradient"]), - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - value: PropTypes.number, - label: PropTypes.bool, -}; - -export default MDProgress; diff --git a/website/src/components/MDSnackbar/MDSnackbarIconRoot.js b/website/src/components/MDSnackbar/MDSnackbarIconRoot.js deleted file mode 100644 index 2057671..0000000 --- a/website/src/components/MDSnackbar/MDSnackbarIconRoot.js +++ /dev/null @@ -1,47 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Icon from "@mui/material/Icon"; -import { styled } from "@mui/material/styles"; - -export default styled(Icon)(({ theme, ownerState }) => { - const { palette, functions, typography } = theme; - const { color, bgWhite } = ownerState; - - const { white, transparent, gradients } = palette; - const { pxToRem, linearGradient } = functions; - const { size } = typography; - - // backgroundImage value - let backgroundImageValue; - - if (bgWhite) { - backgroundImageValue = gradients[color] - ? linearGradient(gradients[color].main, gradients[color].state) - : linearGradient(gradients.info.main, gradients.info.state); - } else if (color === "light") { - backgroundImageValue = linearGradient(gradients.dark.main, gradients.dark.state); - } - - return { - backgroundImage: backgroundImageValue, - WebkitTextFillColor: bgWhite || color === "light" ? transparent.main : white.main, - WebkitBackgroundClip: "text", - marginRight: pxToRem(8), - fontSize: size.lg, - transform: `translateY(${pxToRem(-2)})`, - }; -}); diff --git a/website/src/components/MDSnackbar/index.js b/website/src/components/MDSnackbar/index.js deleted file mode 100644 index 84bd937..0000000 --- a/website/src/components/MDSnackbar/index.js +++ /dev/null @@ -1,174 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Snackbar from "@mui/material/Snackbar"; -import IconButton from "@mui/material/IconButton"; -import Icon from "@mui/material/Icon"; -import Divider from "@mui/material/Divider"; -import Fade from "@mui/material/Fade"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Custom styles for the MDSnackbar -import MDSnackbarIconRoot from "components/MDSnackbar/MDSnackbarIconRoot"; - -// Material Dashboard 2 React context -import { useMaterialUIController } from "context"; - -function MDSnackbar({ color, icon, title, dateTime, content, close, bgWhite, ...rest }) { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - let titleColor; - let dateTimeColor; - let dividerColor; - - if (bgWhite) { - titleColor = color; - dateTimeColor = "dark"; - dividerColor = false; - } else if (color === "light") { - titleColor = darkMode ? "inherit" : "dark"; - dateTimeColor = darkMode ? "inherit" : "text"; - dividerColor = false; - } else { - titleColor = "white"; - dateTimeColor = "white"; - dividerColor = true; - } - - return ( - - close - - } - > - - darkMode ? palette.background.card : palette[color] || palette.white.main, - }} - > - - - - {icon} - - - {title} - - - - - {dateTime} - - - (bgWhite && !darkMode) || color === "light" ? dark.main : white.main, - fontWeight: ({ typography: { fontWeightBold } }) => fontWeightBold, - cursor: "pointer", - marginLeft: 2, - transform: "translateY(-1px)", - }} - onClick={close} - > - close - - - - - size.sm, - color: ({ palette: { white, text } }) => { - let colorValue = bgWhite || color === "light" ? text.main : white.main; - - if (darkMode) { - colorValue = color === "light" ? "inherit" : white.main; - } - - return colorValue; - }, - }} - > - {content} - - - - ); -} - -// Setting default values for the props of MDSnackbar -MDSnackbar.defaultProps = { - bgWhite: false, - color: "info", -}; - -// Typechecking props for MDSnackbar -MDSnackbar.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - ]), - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, - dateTime: PropTypes.string.isRequired, - content: PropTypes.node.isRequired, - close: PropTypes.func.isRequired, - bgWhite: PropTypes.bool, -}; - -export default MDSnackbar; diff --git a/website/src/components/MDTimePicker/index.js b/website/src/components/MDTimePicker/index.js deleted file mode 100644 index a18567e..0000000 --- a/website/src/components/MDTimePicker/index.js +++ /dev/null @@ -1,84 +0,0 @@ -import { forwardRef, useState } from "react"; -import TextField from "@mui/material/TextField"; -import PopupState, { bindPopover, bindTrigger } from "material-ui-popup-state"; -import { LocalizationProvider, StaticTimePicker } from "@mui/x-date-pickers"; -import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment"; -import PropTypes from "prop-types"; -import { MuiChipsInput } from "mui-chips-input"; -import { Popover } from "@mui/material"; - -const MDTimePicker = forwardRef(({ language, ...rest }, ref) => { - const [values, setValues] = useState([]); - - return ( - - {(popupState) => ( -
- { - setValues(item); - }} - onDeleteChip={(item) => { - const newSelectedItem = [...values]; - newSelectedItem.splice(newSelectedItem.indexOf(item), 1); - setValues(newSelectedItem); - }} - {...bindTrigger(popupState)} - /> - - - { - console.log(newValue); - }} - onAccept={(v) => { - setValues([...values, v.format("HH:mm")]); - }} - renderInput={(params) => } - /> - - -
- )} - - ); -}); - -// Setting default values for the props of MDTypography -MDTimePicker.defaultProps = { - language: "ru", -}; - -MDTimePicker.propTypes = { - language: PropTypes.string, -}; - -export default MDTimePicker; diff --git a/website/src/components/MDTypography/MDTypographyRoot.js b/website/src/components/MDTypography/MDTypographyRoot.js deleted file mode 100644 index 3cd9e7d..0000000 --- a/website/src/components/MDTypography/MDTypographyRoot.js +++ /dev/null @@ -1,66 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Typography from "@mui/material/Typography"; -import { styled } from "@mui/material/styles"; - -export default styled(Typography)(({ theme, ownerState }) => { - const { palette, typography, functions } = theme; - const { color, textTransform, verticalAlign, fontWeight, opacity, textGradient, darkMode } = - ownerState; - - const { gradients, transparent, white } = palette; - const { fontWeightLight, fontWeightRegular, fontWeightMedium, fontWeightBold } = typography; - const { linearGradient } = functions; - - // fontWeight styles - const fontWeights = { - light: fontWeightLight, - regular: fontWeightRegular, - medium: fontWeightMedium, - bold: fontWeightBold, - }; - - // styles for the typography with textGradient={true} - const gradientStyles = () => ({ - backgroundImage: - color !== "inherit" && color !== "text" && color !== "white" && gradients[color] - ? linearGradient(gradients[color].main, gradients[color].state) - : linearGradient(gradients.dark.main, gradients.dark.state), - display: "inline-block", - WebkitBackgroundClip: "text", - WebkitTextFillColor: transparent.main, - position: "relative", - zIndex: 1, - }); - - // color value - let colorValue = color === "inherit" || !palette[color] ? "inherit" : palette[color].main; - - if (darkMode && (color === "inherit" || !palette[color])) { - colorValue = "inherit"; - } else if (darkMode && color === "dark") colorValue = white.main; - - return { - opacity, - textTransform, - verticalAlign, - textDecoration: "none", - color: colorValue, - fontWeight: fontWeights[fontWeight] && fontWeights[fontWeight], - ...(textGradient && gradientStyles()), - }; -}); diff --git a/website/src/components/MDTypography/index.js b/website/src/components/MDTypography/index.js deleted file mode 100644 index 4149a3b..0000000 --- a/website/src/components/MDTypography/index.js +++ /dev/null @@ -1,98 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// Custom styles for MDTypography -import MDTypographyRoot from "components/MDTypography/MDTypographyRoot"; - -// Material Dashboard 2 React contexts -import { useMaterialUIController } from "context"; - -const MDTypography = forwardRef( - ( - { color, fontWeight, textTransform, verticalAlign, textGradient, opacity, children, ...rest }, - ref - ) => { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - {children} - - ); - } -); - -// Setting default values for the props of MDTypography -MDTypography.defaultProps = { - color: "dark", - fontWeight: false, - textTransform: "none", - verticalAlign: "unset", - textGradient: false, - opacity: 1, -}; - -// Typechecking props for the MDTypography -MDTypography.propTypes = { - color: PropTypes.oneOf([ - "inherit", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - "text", - "white", - ]), - fontWeight: PropTypes.oneOf([false, "light", "regular", "medium", "bold"]), - textTransform: PropTypes.oneOf(["none", "capitalize", "uppercase", "lowercase"]), - verticalAlign: PropTypes.oneOf([ - "unset", - "baseline", - "sub", - "super", - "text-top", - "text-bottom", - "middle", - "top", - "bottom", - ]), - textGradient: PropTypes.bool, - children: PropTypes.node.isRequired, - opacity: PropTypes.number, -}; - -export default MDTypography; diff --git a/website/src/context/InitialState/index.js b/website/src/context/InitialState/index.js deleted file mode 100644 index 02d6e05..0000000 --- a/website/src/context/InitialState/index.js +++ /dev/null @@ -1,42 +0,0 @@ -const InitialState = { - miniSidenav: false, - transparentSidenav: false, - whiteSidenav: false, - sidenavColor: "info", - transparentNavbar: true, - fixedNavbar: true, - openConfigurator: false, - direction: "ltr", - layout: "dashboard", - darkMode: false, - language: "ru", - loading: false, - room: { - addToggle: false, - gridToggle: false, - }, - rooms: [], - jobs: [ - { - id: 1, - name: "Загрузка данных", - description: "Загрузка данных из внешних источников", - loader: { - weekDays: [], - atTimes: [], - interval: null, - maxRuns: null, - nextRun: null, - lastRun: null, - }, - }, - ], - error: { - message: "", - }, - date: new Date(), - nextRun: null, - organisations: [], -}; - -export default InitialState; diff --git a/website/src/context/actions/index.js b/website/src/context/actions/index.js deleted file mode 100644 index a97d9f9..0000000 --- a/website/src/context/actions/index.js +++ /dev/null @@ -1,82 +0,0 @@ -import { parse } from "date-fns"; -import { DefaultService } from "../../generated"; -import { setDate } from "../index"; - -const RefreshRooms = () => (dispatch) => { - dispatch({ type: "LOADING", value: true }); - DefaultService.getRooms() - .then((data) => { - dispatch({ type: "REFRESH_ROOMS", value: data }); - }) - .catch((error) => { - dispatch({ type: "SHOW_ERROR", value: error.statusText }); - }); -}; - -const RefreshOrganisations = () => (dispatch) => { - dispatch({ type: "LOADING", value: true }); - DefaultService.getOrganisations() - .then((data) => { - dispatch({ type: "REFRESH_ORGANISATIONS", value: data }); - }) - .catch((error) => { - dispatch({ type: "SHOW_ERROR", value: error.statusText }); - }); -}; - -const CloseError = () => (dispatch) => { - dispatch({ type: "CLOSE_ERROR", value: false }); -}; - -const CreateRoom = (room) => (dispatch) => { - dispatch({ type: "LOADING", value: true }); - DefaultService.createRoom(room) - .then(() => { - RefreshRooms()(dispatch); - }) - .catch((error) => { - dispatch({ type: "SHOW_ERROR", value: error.statusText }); - }); -}; - -const RefreshJobs = () => (dispatch) => { - dispatch({ type: "LOADING", value: true }); - DefaultService.getJobs() - .then((data) => { - dispatch({ type: "REFRESH_JOBS", value: data }); - }) - .catch((error) => { - dispatch({ type: "SHOW_ERROR", value: error.statusText }); - }); -}; - -const RoomAddToggle = (value) => (dispatch) => { - dispatch({ type: "ROOM_ADD_TOGGLE", value }); -}; - -const RoomGridToggle = (value) => (dispatch) => { - dispatch({ type: "ROOM_GRID_TOGGLE", value }); -}; - -const Ping = () => (dispatch) => { - DefaultService.ping().then((data) => { - const currentDate = parse(data.date, "yyyy-MM-dd HH:mm:ss", new Date()); - setDate(dispatch, currentDate); - }); -}; - -const NextRun = (value) => (dispatch) => { - dispatch({ type: "NEXT_RUN", value }); -}; - -export { - RefreshRooms, - CloseError, - CreateRoom, - RefreshJobs, - RoomAddToggle, - RoomGridToggle, - Ping, - NextRun, - RefreshOrganisations, -}; diff --git a/website/src/context/index.js b/website/src/context/index.js deleted file mode 100644 index 147e963..0000000 --- a/website/src/context/index.js +++ /dev/null @@ -1,183 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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. - */ - -/** - This file is used for controlling the global states of the components, - you can customize the states for the different components here. - */ - -import { createContext, useContext, useMemo } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; -import InitialState from "./InitialState"; -import thunkReducer from "./reducer/thunkReducer"; - -// Material Dashboard 2 React main context -const MaterialUI = createContext(); - -// Setting custom name for the context which is visible on react dev tools -MaterialUI.displayName = "MaterialUIContext"; - -// Material Dashboard 2 React reducer -function reducer(state, action) { - switch (action.type) { - case "MINI_SIDENAV": { - return { ...state, miniSidenav: action.value }; - } - case "TRANSPARENT_SIDENAV": { - return { ...state, transparentSidenav: action.value }; - } - case "WHITE_SIDENAV": { - return { ...state, whiteSidenav: action.value }; - } - case "SIDENAV_COLOR": { - return { ...state, sidenavColor: action.value }; - } - case "TRANSPARENT_NAVBAR": { - return { ...state, transparentNavbar: action.value }; - } - case "FIXED_NAVBAR": { - return { ...state, fixedNavbar: action.value }; - } - case "OPEN_CONFIGURATOR": { - return { ...state, openConfigurator: action.value }; - } - case "DIRECTION": { - return { ...state, direction: action.value }; - } - case "LAYOUT": { - return { ...state, layout: action.value }; - } - case "DARKMODE": { - return { ...state, darkMode: action.value }; - } - case "LANGUAGE": { - return { ...state, language: action.value }; - } - case "LOADING": { - return { ...state, loading: action.value }; - } - case "SHOW_ERROR": { - return { - ...state, - error: { - message: action.value, - }, - loading: false, - }; - } - case "CLOSE_ERROR": { - return { - ...state, - error: { - message: "", - }, - }; - } - case "REFRESH_ROOMS": { - return { - ...state, - rooms: action.value, - loading: false, - room: { ...state.room, addToggle: false, gridToggle: false }, - }; - } - case "REFRESH_JOBS": { - return { ...state, jobs: action.value, loading: false }; - } - case "ROOM_ADD_TOGGLE": { - return { ...state, room: { ...state.room, addToggle: action.value, gridToggle: false } }; - } - case "ROOM_GRID_TOGGLE": { - return { ...state, room: { ...state.room, addToggle: false, gridToggle: action.value } }; - } - case "PING": { - return { ...state, date: action.value }; - } - case "NEXT_RUN": { - return { ...state, nextRun: action.value }; - } - case "REFRESH_ORGANISATIONS": { - return { ...state, organisations: action.value, loading: false }; - } - default: { - throw new Error(`Unhandled action type: ${action.type}`); - } - } -} - -// Material Dashboard 2 React context provider -function MaterialUIControllerProvider({ children }) { - const [controller, dispatch] = thunkReducer(reducer, InitialState); - - const value = useMemo(() => [controller, dispatch], [controller, dispatch]); - - return {children}; -} - -// Material Dashboard 2 React custom hook for using context -function useMaterialUIController() { - const context = useContext(MaterialUI); - - if (!context) { - throw new Error( - "useMaterialUIController should be used inside the MaterialUIControllerProvider." - ); - } - - return context; -} - -// Typechecking props for the MaterialUIControllerProvider -MaterialUIControllerProvider.propTypes = { - children: PropTypes.node.isRequired, -}; - -// Context module functions -const setMiniSidenav = (dispatch, value) => dispatch({ type: "MINI_SIDENAV", value }); -const setTransparentSidenav = (dispatch, value) => dispatch({ type: "TRANSPARENT_SIDENAV", value }); -const setWhiteSidenav = (dispatch, value) => dispatch({ type: "WHITE_SIDENAV", value }); -const setSidenavColor = (dispatch, value) => dispatch({ type: "SIDENAV_COLOR", value }); -const setTransparentNavbar = (dispatch, value) => dispatch({ type: "TRANSPARENT_NAVBAR", value }); -const setFixedNavbar = (dispatch, value) => dispatch({ type: "FIXED_NAVBAR", value }); -const setOpenConfigurator = (dispatch, value) => dispatch({ type: "OPEN_CONFIGURATOR", value }); -const setDirection = (dispatch, value) => dispatch({ type: "DIRECTION", value }); -const setLayout = (dispatch, value) => dispatch({ type: "LAYOUT", value }); -const setDarkMode = (dispatch, value) => dispatch({ type: "DARKMODE", value }); - -const setLanguage = (dispatch, value) => dispatch({ type: "LANGUAGE", value }); - -const setLoading = (dispatch, value) => dispatch({ type: "LOADING", value }); - -const setDate = (dispatch, value) => dispatch({ type: "PING", value }); - -export { - MaterialUIControllerProvider, - useMaterialUIController, - setMiniSidenav, - setTransparentSidenav, - setWhiteSidenav, - setSidenavColor, - setTransparentNavbar, - setFixedNavbar, - setOpenConfigurator, - setDirection, - setLayout, - setDarkMode, - setLanguage, - setLoading, - setDate, -}; diff --git a/website/src/context/reducer/thunkReducer.js b/website/src/context/reducer/thunkReducer.js deleted file mode 100644 index fc33abf..0000000 --- a/website/src/context/reducer/thunkReducer.js +++ /dev/null @@ -1,22 +0,0 @@ -import { isFunction } from "lodash"; -import { useCallback, useReducer } from "react"; - -const useThunkReducer = (reducer, initialState) => { - const [state, dispatch] = useReducer(reducer, initialState); - - // As long as the dispatch is the same, the enhancedDispatch is the same one. - const enhancedDispatch = useCallback( - (action) => { - if (isFunction(action)) { - action(dispatch); - } else { - dispatch(action); - } - }, - [dispatch] - ); - - return [state, enhancedDispatch]; -}; - -export default useThunkReducer; diff --git a/website/src/examples/Breadcrumbs/index.js b/website/src/examples/Breadcrumbs/index.js deleted file mode 100644 index 46d684d..0000000 --- a/website/src/examples/Breadcrumbs/index.js +++ /dev/null @@ -1,104 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// react-router-dom components -import { Link } from "react-router-dom"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; - -// @mui material components -import { Breadcrumbs as MuiBreadcrumbs } from "@mui/material"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -function Breadcrumbs({ icon, title, route, light }) { - const routes = route.slice(0, -1); - - return ( - - (light ? white.main : grey[600]), - }, - }} - > - - - {icon} - - - {routes.map((el) => ( - - - {el} - - - ))} - - {title.replace("-", " ")} - - - - {title.replace("-", " ")} - - - ); -} - -// Setting default values for the props of Breadcrumbs -Breadcrumbs.defaultProps = { - light: false, -}; - -// Typechecking props for the Breadcrumbs -Breadcrumbs.propTypes = { - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, - route: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired, - light: PropTypes.bool, -}; - -export default Breadcrumbs; diff --git a/website/src/examples/Cards/BlogCards/SimpleBlogCard/index.js b/website/src/examples/Cards/BlogCards/SimpleBlogCard/index.js deleted file mode 100644 index 8d57abd..0000000 --- a/website/src/examples/Cards/BlogCards/SimpleBlogCard/index.js +++ /dev/null @@ -1,108 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// react-router components -import { Link } from "react-router-dom"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Card from "@mui/material/Card"; -import MuiLink from "@mui/material/Link"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDButton from "components/MDButton"; - -function SimpleBlogCard({ image, title, description, action }) { - return ( - - - - - - - - {title} - - - - {description} - - - {action.type === "external" ? ( - - {action.label} - - ) : ( - - {action.label} - - )} - - - ); -} - -// Typechecking props for the SimpleBlogCard -SimpleBlogCard.propTypes = { - image: PropTypes.string.isRequired, - title: PropTypes.string.isRequired, - description: PropTypes.string.isRequired, - action: PropTypes.shape({ - type: PropTypes.oneOf(["external", "internal"]).isRequired, - route: PropTypes.string.isRequired, - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - "default", - ]), - label: PropTypes.string.isRequired, - }).isRequired, -}; - -export default SimpleBlogCard; diff --git a/website/src/examples/Cards/InfoCards/DefaultInfoCard/index.js b/website/src/examples/Cards/InfoCards/DefaultInfoCard/index.js deleted file mode 100644 index 21fe0f3..0000000 --- a/website/src/examples/Cards/InfoCards/DefaultInfoCard/index.js +++ /dev/null @@ -1,83 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -function DefaultInfoCard({ color, icon, title, description, value }) { - return ( - - - - {icon} - - - - - {title} - - {description && ( - - {description} - - )} - {description && !value ? null : } - {value && ( - - {value} - - )} - - - ); -} - -// Setting default values for the props of DefaultInfoCard -DefaultInfoCard.defaultProps = { - color: "info", - value: "", - description: "", -}; - -// Typechecking props for the DefaultInfoCard -DefaultInfoCard.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, - description: PropTypes.string, - value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), -}; - -export default DefaultInfoCard; diff --git a/website/src/examples/Cards/InfoCards/ProfileInfoCard/index.js b/website/src/examples/Cards/InfoCards/ProfileInfoCard/index.js deleted file mode 100644 index 4968eb1..0000000 --- a/website/src/examples/Cards/InfoCards/ProfileInfoCard/index.js +++ /dev/null @@ -1,140 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// react-routers components -import { Link } from "react-router-dom"; - -// prop-types is library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Tooltip from "@mui/material/Tooltip"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -function ProfileInfoCard({ title, description, info, social, action, shadow }) { - const labels = []; - const values = []; - const { socialMediaColors } = colors; - const { size } = typography; - - // Convert this form `objectKey` of the object key in to this `object key` - Object.keys(info).forEach((el) => { - if (el.match(/[A-Z\s]+/)) { - const uppercaseLetter = Array.from(el).find((i) => i.match(/[A-Z]+/)); - const newElement = el.replace(uppercaseLetter, ` ${uppercaseLetter.toLowerCase()}`); - - labels.push(newElement); - } else { - labels.push(el); - } - }); - - // Push the object values into the values array - Object.values(info).forEach((el) => values.push(el)); - - // Render the card info items - const renderItems = labels.map((label, key) => ( - - - {label}:   - - -  {values[key]} - - - )); - - // Render the card social media icons - const renderSocial = social.map(({ link, icon, color }) => ( - - {icon} - - )); - - return ( - - - - {title} - - - - edit - - - - - - - {description} - - - - - - - {renderItems} - - - social:   - - {renderSocial} - - - - - ); -} - -// Setting default props for the ProfileInfoCard -ProfileInfoCard.defaultProps = { - shadow: true, -}; - -// Typechecking props for the ProfileInfoCard -ProfileInfoCard.propTypes = { - title: PropTypes.string.isRequired, - description: PropTypes.string.isRequired, - info: PropTypes.objectOf(PropTypes.string).isRequired, - social: PropTypes.arrayOf(PropTypes.object).isRequired, - action: PropTypes.shape({ - route: PropTypes.string.isRequired, - tooltip: PropTypes.string.isRequired, - }).isRequired, - shadow: PropTypes.bool, -}; - -export default ProfileInfoCard; diff --git a/website/src/examples/Cards/InfoCards/RoomInfoCard/index.js b/website/src/examples/Cards/InfoCards/RoomInfoCard/index.js deleted file mode 100644 index 8bbce5a..0000000 --- a/website/src/examples/Cards/InfoCards/RoomInfoCard/index.js +++ /dev/null @@ -1,128 +0,0 @@ -// prop-types is a library for typechecking of props -// @mui material components -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; -import Tooltip from "@mui/material/Tooltip"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import PropTypes from "prop-types"; -import { useTranslation } from "react-i18next"; - -function RoomInfoCard({ color, title, name, organization, days, time, icon, onEdit }) { - const [t] = useTranslation(); - - const dayOfWeekLabel = days.map((item) => t(`dayOfWeek.short.${item}`)).join("; "); - return ( - - - - - {icon} - - - - - {title}  - - - - edit - - - - - - - delete - - - - - {name} - - - - {organization && {organization}} - {!organization && ( - - {t("room.orgUndefined")} - - )} - - - - - {t("dayOfWeek.title.short")}: {dayOfWeekLabel} - - - {t("time.title.short")}: {time.join("; ")} - - - - ); -} - -// Setting default values for the props of ComplexStatisticsCard -RoomInfoCard.defaultProps = { - color: "info", - days: [], - time: [], - organization: null, - percentage: { - color: "success", - text: "", - label: "", - }, -}; - -// Typechecking props for the ComplexStatisticsCard -RoomInfoCard.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - title: PropTypes.string.isRequired, - days: PropTypes.arrayOf(PropTypes.string), - time: PropTypes.arrayOf(PropTypes.string), - name: PropTypes.oneOfType([PropTypes.string]).isRequired, - organization: PropTypes.oneOfType([PropTypes.string]), - onEdit: PropTypes.func.isRequired, - percentage: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "white", - ]), - amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - label: PropTypes.string, - }), - icon: PropTypes.node.isRequired, -}; - -export default RoomInfoCard; diff --git a/website/src/examples/Cards/MasterCard/index.js b/website/src/examples/Cards/MasterCard/index.js deleted file mode 100644 index 84dfd95..0000000 --- a/website/src/examples/Cards/MasterCard/index.js +++ /dev/null @@ -1,117 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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. - */ - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Images -import masterCardLogo from "assets/images/logos/mastercard.png"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -function MasterCard({ color, number, holder, expires }) { - const numbers = [...`${number}`]; - - if (numbers.length < 16 || numbers.length > 16) { - throw new Error( - "Invalid value for the prop number, the value for the number prop shouldn't be greater than or less than 16 digits" - ); - } - - const num1 = numbers.slice(0, 4).join(""); - const num2 = numbers.slice(4, 8).join(""); - const num3 = numbers.slice(8, 12).join(""); - const num4 = numbers.slice(12, 16).join(""); - - return ( - ({ - background: gradients[color] - ? linearGradient(gradients[color].main, gradients[color].state) - : linearGradient(gradients.dark.main, gradients.dark.state), - boxShadow: xl, - position: "relative", - })} - > - - - - wifi - - - {num1}   {num2}   {num3}   {num4} - - - - - - Card Holder - - - {holder} - - - - - Expires - - - {expires} - - - - - - - - - - ); -} - -// Setting default values for the props of MasterCard -MasterCard.defaultProps = { - color: "dark", -}; - -// Typechecking props for the MasterCard -MasterCard.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - number: PropTypes.number.isRequired, - holder: PropTypes.string.isRequired, - expires: PropTypes.string.isRequired, -}; - -export default MasterCard; diff --git a/website/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js b/website/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js deleted file mode 100644 index 8887dd4..0000000 --- a/website/src/examples/Cards/ProjectCards/DefaultProjectCard/index.js +++ /dev/null @@ -1,171 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// react-router-dom components -import { Link } from "react-router-dom"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Card from "@mui/material/Card"; -import CardMedia from "@mui/material/CardMedia"; -import Tooltip from "@mui/material/Tooltip"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDButton from "components/MDButton"; -import MDAvatar from "components/MDAvatar"; - -function DefaultProjectCard({ image, label, title, description, action, authors }) { - const renderAuthors = authors.map(({ image: media, name }) => ( - - ({ - border: `${borderWidth[2]} solid ${white.main}`, - cursor: "pointer", - position: "relative", - ml: -1.25, - - "&:hover, &:focus": { - zIndex: "10", - }, - })} - /> - - )); - - return ( - - - md, - objectFit: "cover", - objectPosition: "center", - }} - /> - - - - {label} - - - {action.type === "internal" ? ( - - {title} - - ) : ( - - {title} - - )} - - - - {description} - - - - {action.type === "internal" ? ( - - {action.label} - - ) : ( - - {action.label} - - )} - {renderAuthors} - - - - ); -} - -// Setting default values for the props of DefaultProjectCard -DefaultProjectCard.defaultProps = { - authors: [], -}; - -// Typechecking props for the DefaultProjectCard -DefaultProjectCard.propTypes = { - image: PropTypes.string.isRequired, - label: PropTypes.string.isRequired, - title: PropTypes.string.isRequired, - description: PropTypes.string.isRequired, - action: PropTypes.shape({ - type: PropTypes.oneOf(["external", "internal"]), - route: PropTypes.string.isRequired, - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - "white", - ]).isRequired, - label: PropTypes.string.isRequired, - }).isRequired, - authors: PropTypes.arrayOf(PropTypes.object), -}; - -export default DefaultProjectCard; diff --git a/website/src/examples/Cards/StatisticsCards/ComplexStatisticsCard/index.js b/website/src/examples/Cards/StatisticsCards/ComplexStatisticsCard/index.js deleted file mode 100644 index 7c8311e..0000000 --- a/website/src/examples/Cards/StatisticsCards/ComplexStatisticsCard/index.js +++ /dev/null @@ -1,115 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -function ComplexStatisticsCard({ color, title, count, percentage, icon }) { - return ( - - - - - {icon} - - - - - {title} - - {count} - - - - - - - {percentage.amount} - -  {percentage.label} - - - - ); -} - -// Setting default values for the props of ComplexStatisticsCard -ComplexStatisticsCard.defaultProps = { - color: "info", - percentage: { - color: "success", - text: "", - label: "", - }, -}; - -// Typechecking props for the ComplexStatisticsCard -ComplexStatisticsCard.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - title: PropTypes.string.isRequired, - count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, - percentage: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "white", - ]), - amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - label: PropTypes.string, - }), - icon: PropTypes.node.isRequired, -}; - -export default ComplexStatisticsCard; diff --git a/website/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js b/website/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js deleted file mode 100644 index e21b910..0000000 --- a/website/src/examples/Charts/BarCharts/HorizontalBarChart/configs/index.js +++ /dev/null @@ -1,80 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - indexAxis: "y", - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "#c1c4ce5c", - }, - ticks: { - display: true, - padding: 10, - color: "#9ca2b7", - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: true, - drawTicks: true, - color: "#c1c4ce5c", - }, - ticks: { - display: true, - color: "#9ca2b7", - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/BarCharts/HorizontalBarChart/index.js b/website/src/examples/Charts/BarCharts/HorizontalBarChart/index.js deleted file mode 100644 index 7885cd4..0000000 --- a/website/src/examples/Charts/BarCharts/HorizontalBarChart/index.js +++ /dev/null @@ -1,130 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Bar } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// HorizontalBarChart configurations -import configs from "examples/Charts/BarCharts/HorizontalBarChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function HorizontalBarChart({ icon, title, description, height, chart }) { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - weight: 5, - borderWidth: 0, - borderRadius: 4, - backgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: false, - maxBarThickness: 35, - })) - : []; - - const { data, options } = configs(chart.labels || [], chartDatasets); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of HorizontalBarChart -HorizontalBarChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the HorizontalBarChart -HorizontalBarChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default HorizontalBarChart; diff --git a/website/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js b/website/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js deleted file mode 100644 index ebe8694..0000000 --- a/website/src/examples/Charts/BarCharts/ReportsBarChart/configs/index.js +++ /dev/null @@ -1,95 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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. - */ - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: datasets.map((item) => ({ - label: item.label, - tension: 0.4, - borderWidth: 0, - borderRadius: 4, - borderSkipped: false, - backgroundColor: item.backgroundColor || "rgba(255, 255, 255, 0.8)", - data: item.data, - maxBarThickness: 6, - })), - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "rgba(255, 255, 255, .2)", - }, - ticks: { - suggestedMin: 0, - suggestedMax: 500, - beginAtZero: true, - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 1, - }, - color: "#fff", - }, - }, - x: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "rgba(255, 255, 255, .2)", - }, - ticks: { - display: true, - color: "#f8f9fa", - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/BarCharts/ReportsBarChart/index.js b/website/src/examples/Charts/BarCharts/ReportsBarChart/index.js deleted file mode 100644 index a60d386..0000000 --- a/website/src/examples/Charts/BarCharts/ReportsBarChart/index.js +++ /dev/null @@ -1,95 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Bar } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// ReportsBarChart configurations -import configs from "examples/Charts/BarCharts/ReportsBarChart/configs"; - -function ReportsBarChart({ color, title, description, date, chart }) { - const { data, options } = configs(chart.labels || [], chart.datasets || [{}]); - return ( - - - {useMemo( - () => ( - - - - ), - [chart, color] - )} - - - {title} - - - {description} - - - - - schedule - - - {date} - - - - - - ); -} - -// Setting default values for the props of ReportsBarChart -ReportsBarChart.defaultProps = { - color: "dark", - description: "", -}; - -// Typechecking props for the ReportsBarChart -ReportsBarChart.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - title: PropTypes.string.isRequired, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - date: PropTypes.string.isRequired, - chart: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.array, PropTypes.object])).isRequired, -}; - -export default ReportsBarChart; diff --git a/website/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js b/website/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js deleted file mode 100644 index ca6dba8..0000000 --- a/website/src/examples/Charts/BarCharts/VerticalBarChart/configs/index.js +++ /dev/null @@ -1,78 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - padding: 10, - color: "#9ca2b7", - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: true, - drawTicks: true, - }, - ticks: { - display: true, - color: "#9ca2b7", - padding: 10, - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/BarCharts/VerticalBarChart/index.js b/website/src/examples/Charts/BarCharts/VerticalBarChart/index.js deleted file mode 100644 index 1d4d12b..0000000 --- a/website/src/examples/Charts/BarCharts/VerticalBarChart/index.js +++ /dev/null @@ -1,130 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Bar } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// VerticalBarChart configurations -import configs from "examples/Charts/BarCharts/VerticalBarChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function VerticalBarChart({ icon, title, description, height, chart }) { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - weight: 5, - borderWidth: 0, - borderRadius: 4, - backgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: false, - maxBarThickness: 35, - })) - : []; - - const { data, options } = configs(chart.labels || [], chartDatasets); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of VerticalBarChart -VerticalBarChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the VerticalBarChart -VerticalBarChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default VerticalBarChart; diff --git a/website/src/examples/Charts/BubbleChart/configs/index.js b/website/src/examples/Charts/BubbleChart/configs/index.js deleted file mode 100644 index 9041ac4..0000000 --- a/website/src/examples/Charts/BubbleChart/configs/index.js +++ /dev/null @@ -1,78 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - responsive: true, - plugins: { - legend: { - display: false, - }, - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - padding: 10, - color: "#b2b9bf", - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - color: "#b2b9bf", - padding: 10, - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/BubbleChart/index.js b/website/src/examples/Charts/BubbleChart/index.js deleted file mode 100644 index 9140173..0000000 --- a/website/src/examples/Charts/BubbleChart/index.js +++ /dev/null @@ -1,132 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Bubble } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// BubbleChart configurations -import configs from "examples/Charts/BubbleChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function BubbleChart({ icon, title, description, height, chart }) { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - tension: 0.4, - borderWidth: 3, - pointRadius: 2, - backgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - borderColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - maxBarThickness: 6, - })) - : []; - - const { data, options } = configs(chart.labels || [], chartDatasets); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of BubbleChart -BubbleChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "100%", -}; - -// Typechecking props for the BubbleChart -BubbleChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default BubbleChart; diff --git a/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js b/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js deleted file mode 100644 index 116edf6..0000000 --- a/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs/index.js +++ /dev/null @@ -1,98 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/* eslint-disable no-dupe-keys */ -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -const { gradients, dark } = colors; - -function configs(labels, datasets, cutout = 60) { - const backgroundColors = []; - - if (datasets.backgroundColors) { - datasets.backgroundColors.forEach((color) => { - if (gradients[color]) { - if (color === "info") { - backgroundColors.push(gradients.info.main); - } else { - backgroundColors.push(gradients[color].state); - } - } else { - backgroundColors.push(dark.main); - } - }); - } else { - backgroundColors.push(dark.main); - } - - return { - data: { - labels, - datasets: [ - { - label: datasets.label, - weight: 9, - cutout, - tension: 0.9, - pointRadius: 2, - borderWidth: 2, - backgroundColor: backgroundColors, - fill: false, - data: datasets.data, - }, - ], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js b/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js deleted file mode 100644 index 1d53038..0000000 --- a/website/src/examples/Charts/DoughnutCharts/DefaultDoughnutChart/index.js +++ /dev/null @@ -1,113 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Doughnut } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// DefaultDoughnutChart configurations -import configs from "examples/Charts/DoughnutCharts/DefaultDoughnutChart/configs"; - -function DefaultDoughnutChart({ icon, title, description, height, chart }) { - const { data, options } = configs(chart.labels || [], chart.datasets || {}, chart.cutout); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of DefaultDoughnutChart -DefaultDoughnutChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the DefaultDoughnutChart -DefaultDoughnutChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.array, PropTypes.object])).isRequired, -}; - -export default DefaultDoughnutChart; diff --git a/website/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js b/website/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js deleted file mode 100644 index 4730b89..0000000 --- a/website/src/examples/Charts/LineCharts/DefaultLineChart/configs/index.js +++ /dev/null @@ -1,84 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "#c1c4ce5c", - }, - ticks: { - display: true, - padding: 10, - color: "#9ca2b7", - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: true, - borderDash: [5, 5], - color: "#c1c4ce5c", - }, - ticks: { - display: true, - color: "#9ca2b7", - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/LineCharts/DefaultLineChart/index.js b/website/src/examples/Charts/LineCharts/DefaultLineChart/index.js deleted file mode 100644 index debe2e3..0000000 --- a/website/src/examples/Charts/LineCharts/DefaultLineChart/index.js +++ /dev/null @@ -1,134 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Line } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// DefaultLineChart configurations -import configs from "examples/Charts/LineCharts/DefaultLineChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function DefaultLineChart({ icon, title, description, height, chart }) { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - tension: 0, - pointRadius: 3, - borderWidth: 4, - backgroundColor: "transparent", - fill: true, - pointBackgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - borderColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - maxBarThickness: 6, - })) - : []; - - const { data, options } = configs(chart.labels || [], chartDatasets); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of DefaultLineChart -DefaultLineChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the DefaultLineChart -DefaultLineChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default DefaultLineChart; diff --git a/website/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js b/website/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js deleted file mode 100644 index 026bea2..0000000 --- a/website/src/examples/Charts/LineCharts/GradientLineChart/configs/index.js +++ /dev/null @@ -1,83 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - padding: 10, - color: "#b2b9bf", - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - color: "#b2b9bf", - padding: 20, - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/LineCharts/GradientLineChart/index.js b/website/src/examples/Charts/LineCharts/GradientLineChart/index.js deleted file mode 100644 index 0a39fee..0000000 --- a/website/src/examples/Charts/LineCharts/GradientLineChart/index.js +++ /dev/null @@ -1,143 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useRef, useEffect, useState, useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Line } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React helper functions -import gradientChartLine from "assets/theme/functions/gradientChartLine"; - -// GradientLineChart configurations -import configs from "examples/Charts/LineCharts/GradientLineChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function GradientLineChart({ icon, title, description, height, chart }) { - const chartRef = useRef(null); - const [chartData, setChartData] = useState({}); - const { data, options } = chartData; - - useEffect(() => { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - tension: 0, - pointRadius: 0, - borderWidth: 4, - borderColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: true, - maxBarThickness: 6, - backgroundColor: gradientChartLine( - chartRef.current.children[0], - colors[dataset.color] ? colors[dataset.color || "dark"].main : colors.dark.main - ), - })) - : []; - - setChartData(configs(chart.labels || [], chartDatasets)); - }, [chart]); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chartData, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of GradientLineChart -GradientLineChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the GradientLineChart -GradientLineChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default GradientLineChart; diff --git a/website/src/examples/Charts/LineCharts/ProgressLineChart/config/index.js b/website/src/examples/Charts/LineCharts/ProgressLineChart/config/index.js deleted file mode 100644 index a0f7ca6..0000000 --- a/website/src/examples/Charts/LineCharts/ProgressLineChart/config/index.js +++ /dev/null @@ -1,103 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/* eslint-disable no-dupe-keys */ - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -const { gradients } = colors; - -function configs(color, labels, label, data) { - return { - data: { - labels, - datasets: [ - { - label, - tension: 0, - pointRadius: 3, - pointBackgroundColor: gradients[color] ? gradients[color].main : gradients.info.main, - borderColor: gradients[color] ? gradients[color].main : gradients.info.main, - borderWidth: 4, - backgroundColor: "transparent", - maxBarThickness: 6, - fill: true, - data, - }, - ], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - padding: 10, - color: "#9ca2b7", - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "#c1c4ce5c", - }, - ticks: { - display: true, - padding: 10, - color: "#9ca2b7", - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/LineCharts/ProgressLineChart/index.js b/website/src/examples/Charts/LineCharts/ProgressLineChart/index.js deleted file mode 100644 index 1649373..0000000 --- a/website/src/examples/Charts/LineCharts/ProgressLineChart/index.js +++ /dev/null @@ -1,110 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Line } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDProgress from "components/MDProgress"; - -// ProgressLineChart configurations -import configs from "examples/Charts/LineCharts/ProgressLineChart/config"; - -function ProgressLineChart({ color, icon, title, count, progress, height, chart }) { - const { data, options } = configs(color, chart.labels || [], title, chart.data || []); - - return ( - - - - {icon} - - - - {title} - - {count ? ( - - {count} - - ) : null} - - - - {progress}% - - - - - - - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); -} - -// Setting default values for the props of ProgressLineChart -ProgressLineChart.defaultProps = { - color: "info", - count: 0, - height: "6.25rem", -}; - -// Typechecking props for the ProgressLineChart -ProgressLineChart.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, - count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - progress: PropTypes.number.isRequired, - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default ProgressLineChart; diff --git a/website/src/examples/Charts/LineCharts/ReportsLineChart/configs/index.js b/website/src/examples/Charts/LineCharts/ReportsLineChart/configs/index.js deleted file mode 100644 index c130064..0000000 --- a/website/src/examples/Charts/LineCharts/ReportsLineChart/configs/index.js +++ /dev/null @@ -1,97 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [ - { - label: datasets.label, - tension: 0, - pointRadius: 5, - pointBorderColor: "transparent", - pointBackgroundColor: "rgba(255, 255, 255, .8)", - borderColor: "rgba(255, 255, 255, .8)", - borderWidth: 4, - backgroundColor: "transparent", - fill: true, - data: datasets.data, - maxBarThickness: 6, - }, - ], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - color: "rgba(255, 255, 255, .2)", - }, - ticks: { - display: true, - color: "#f8f9fa", - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - color: "#f8f9fa", - padding: 10, - font: { - size: 14, - weight: 300, - family: "Roboto", - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/LineCharts/ReportsLineChart/index.js b/website/src/examples/Charts/LineCharts/ReportsLineChart/index.js deleted file mode 100644 index 702b5a2..0000000 --- a/website/src/examples/Charts/LineCharts/ReportsLineChart/index.js +++ /dev/null @@ -1,96 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Line } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// ReportsLineChart configurations -import configs from "examples/Charts/LineCharts/ReportsLineChart/configs"; - -function ReportsLineChart({ color, title, description, date, chart }) { - const { data, options } = configs(chart.labels || [], chart.datasets || {}); - - return ( - - - {useMemo( - () => ( - - - - ), - [chart, color] - )} - - - {title} - - - {description} - - - - - schedule - - - {date} - - - - - - ); -} - -// Setting default values for the props of ReportsLineChart -ReportsLineChart.defaultProps = { - color: "dark", - description: "", -}; - -// Typechecking props for the ReportsLineChart -ReportsLineChart.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - title: PropTypes.string.isRequired, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - date: PropTypes.string.isRequired, - chart: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.array, PropTypes.object])).isRequired, -}; - -export default ReportsLineChart; diff --git a/website/src/examples/Charts/MixedChart/configs/index.js b/website/src/examples/Charts/MixedChart/configs/index.js deleted file mode 100644 index 8c5a273..0000000 --- a/website/src/examples/Charts/MixedChart/configs/index.js +++ /dev/null @@ -1,83 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: false, - borderDash: [5, 5], - }, - ticks: { - display: true, - padding: 10, - color: "#b2b9bf", - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - x: { - grid: { - drawBorder: false, - display: true, - drawOnChartArea: true, - drawTicks: true, - borderDash: [5, 5], - }, - ticks: { - display: true, - color: "#b2b9bf", - padding: 10, - font: { - size: 11, - family: typography.fontFamily, - style: "normal", - lineHeight: 2, - }, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/MixedChart/index.js b/website/src/examples/Charts/MixedChart/index.js deleted file mode 100644 index c0ce194..0000000 --- a/website/src/examples/Charts/MixedChart/index.js +++ /dev/null @@ -1,201 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useRef, useEffect, useState, useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Line } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React helper functions -import gradientChartLine from "assets/theme/functions/gradientChartLine"; - -// MixedChart configurations -import configs from "examples/Charts/MixedChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -function MixedChart({ icon, title, description, height, chart }) { - const chartRef = useRef(null); - const [chartData, setChartData] = useState({}); - const { data, options } = chartData; - - useEffect(() => { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => { - let finalConfigs; - - const defaultLine = { - ...dataset, - type: "line", - tension: 0, - borderWidth: 4, - pointRadius: 2, - pointBackgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - borderColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - maxBarThickness: 6, - }; - - const gradientLine = { - ...dataset, - type: "line", - tension: 0, - pointRadius: 0, - borderWidth: 4, - borderColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: true, - maxBarThickness: 6, - backgroundColor: gradientChartLine( - chartRef.current.children[0], - colors[dataset.color] ? colors[dataset.color || "dark"].main : colors.dark.main - ), - }; - - const bar = { - ...dataset, - type: "bar", - weight: 5, - borderWidth: 0, - borderRadius: 4, - backgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: false, - maxBarThickness: 35, - }; - - const thinBar = { - ...dataset, - type: "bar", - weight: 5, - borderWidth: 0, - borderRadius: 4, - backgroundColor: colors[dataset.color] - ? colors[dataset.color || "dark"].main - : colors.dark.main, - fill: false, - maxBarThickness: 10, - }; - - if (dataset.chartType === "default-line") { - finalConfigs = defaultLine; - } else if (dataset.chartType === "gradient-line") { - finalConfigs = gradientLine; - } else if (dataset.chartType === "thin-bar") { - finalConfigs = thinBar; - } else { - finalConfigs = bar; - } - - return { ...finalConfigs }; - }) - : []; - - setChartData(configs(chart.labels || [], chartDatasets)); - }, [chart]); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chartData, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of MixedChart -MixedChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the MixedChart -MixedChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default MixedChart; diff --git a/website/src/examples/Charts/PieChart/configs/index.js b/website/src/examples/Charts/PieChart/configs/index.js deleted file mode 100644 index 2138938..0000000 --- a/website/src/examples/Charts/PieChart/configs/index.js +++ /dev/null @@ -1,92 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/* eslint-disable no-dupe-keys */ -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -const { gradients, dark } = colors; - -function configs(labels, datasets) { - const backgroundColors = []; - - if (datasets.backgroundColors) { - datasets.backgroundColors.forEach((color) => - gradients[color] - ? backgroundColors.push(gradients[color].state) - : backgroundColors.push(dark.main) - ); - } else { - backgroundColors.push(dark.main); - } - - return { - data: { - labels, - datasets: [ - { - label: datasets.label, - weight: 9, - cutout: 0, - tension: 0.9, - pointRadius: 2, - borderWidth: 2, - backgroundColor: backgroundColors, - fill: false, - data: datasets.data, - }, - ], - }, - options: { - responsive: true, - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - interaction: { - intersect: false, - mode: "index", - }, - scales: { - y: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - x: { - grid: { - drawBorder: false, - display: false, - drawOnChartArea: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/PieChart/index.js b/website/src/examples/Charts/PieChart/index.js deleted file mode 100644 index 0fd9214..0000000 --- a/website/src/examples/Charts/PieChart/index.js +++ /dev/null @@ -1,113 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Pie } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// PieChart configurations -import configs from "examples/Charts/PieChart/configs"; - -function PieChart({ icon, title, description, height, chart }) { - const { data, options } = configs(chart.labels || [], chart.datasets || {}); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart, height] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of PieChart -PieChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", - height: "19.125rem", -}; - -// Typechecking props for the PieChart -PieChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - chart: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.array, PropTypes.object])).isRequired, -}; - -export default PieChart; diff --git a/website/src/examples/Charts/PolarChart/configs/index.js b/website/src/examples/Charts/PolarChart/configs/index.js deleted file mode 100644 index 6eba06f..0000000 --- a/website/src/examples/Charts/PolarChart/configs/index.js +++ /dev/null @@ -1,56 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/* eslint-disable no-dupe-keys */ -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -const { gradients, dark } = colors; - -function configs(labels, datasets) { - const backgroundColors = []; - - if (datasets.backgroundColors) { - datasets.backgroundColors.forEach((color) => - gradients[color] - ? backgroundColors.push(gradients[color].state) - : backgroundColors.push(dark.main) - ); - } else { - backgroundColors.push(dark.main); - } - - return { - data: { - labels, - datasets: [ - { - label: datasets.label, - backgroundColor: backgroundColors, - data: datasets.data, - }, - ], - }, - options: { - plugins: { - legend: { - display: false, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/PolarChart/index.js b/website/src/examples/Charts/PolarChart/index.js deleted file mode 100644 index 0568755..0000000 --- a/website/src/examples/Charts/PolarChart/index.js +++ /dev/null @@ -1,111 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { PolarArea } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// PolarChart configurations -import configs from "examples/Charts/PolarChart/configs"; - -function PolarChart({ icon, title, description, chart }) { - const { data, options } = configs(chart.labels || [], chart.datasets || {}); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of PolarChart -PolarChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", -}; - -// Typechecking props for the PolarChart -PolarChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - chart: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.array, PropTypes.object])).isRequired, -}; - -export default PolarChart; diff --git a/website/src/examples/Charts/RadarChart/configs/index.js b/website/src/examples/Charts/RadarChart/configs/index.js deleted file mode 100644 index a6e4c51..0000000 --- a/website/src/examples/Charts/RadarChart/configs/index.js +++ /dev/null @@ -1,32 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -function configs(labels, datasets) { - return { - data: { - labels, - datasets: [...datasets], - }, - options: { - plugins: { - legend: { - display: false, - }, - }, - }, - }; -} - -export default configs; diff --git a/website/src/examples/Charts/RadarChart/index.js b/website/src/examples/Charts/RadarChart/index.js deleted file mode 100644 index f0ca8d8..0000000 --- a/website/src/examples/Charts/RadarChart/index.js +++ /dev/null @@ -1,126 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo } from "react"; - -// porp-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-chartjs-2 components -import { Radar } from "react-chartjs-2"; - -// @mui material components -import Card from "@mui/material/Card"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// RadarChart configurations -import configs from "examples/Charts/RadarChart/configs"; - -// Material Dashboard 2 React base styles -import colors from "assets/theme/base/colors"; - -// Material Dashboard 2 React helper functions -import rgba from "assets/theme/functions/rgba"; - -function RadarChart({ icon, title, description, chart }) { - const chartDatasets = chart.datasets - ? chart.datasets.map((dataset) => ({ - ...dataset, - backgroundColor: colors[dataset.color] - ? rgba(colors[dataset.color || "dark"].main, 0.2) - : rgba(colors.dark.main, 0.2), - })) - : []; - - const { data, options } = configs(chart.labels || [], chartDatasets); - - const renderChart = ( - - {title || description ? ( - - {icon.component && ( - - {icon.component} - - )} - - {title && {title}} - - - {description} - - - - - ) : null} - {useMemo( - () => ( - - - - ), - [chart] - )} - - ); - - return title || description ? {renderChart} : renderChart; -} - -// Setting default values for the props of RadarChart -RadarChart.defaultProps = { - icon: { color: "info", component: "" }, - title: "", - description: "", -}; - -// Typechecking props for the RadarChart -RadarChart.propTypes = { - icon: PropTypes.shape({ - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]), - component: PropTypes.node, - }), - title: PropTypes.string, - description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), - chart: PropTypes.objectOf(PropTypes.array).isRequired, -}; - -export default RadarChart; diff --git a/website/src/examples/Configurator/ConfiguratorRoot.js b/website/src/examples/Configurator/ConfiguratorRoot.js deleted file mode 100644 index 15b683e..0000000 --- a/website/src/examples/Configurator/ConfiguratorRoot.js +++ /dev/null @@ -1,60 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Drawer from "@mui/material/Drawer"; -import { styled } from "@mui/material/styles"; - -export default styled(Drawer)(({ theme, ownerState }) => { - const { boxShadows, functions, transitions } = theme; - const { openConfigurator } = ownerState; - - const configuratorWidth = 360; - const { lg } = boxShadows; - const { pxToRem } = functions; - - // drawer styles when openConfigurator={true} - const drawerOpenStyles = () => ({ - width: configuratorWidth, - left: "initial", - right: 0, - transition: transitions.create("right", { - easing: transitions.easing.sharp, - duration: transitions.duration.short, - }), - }); - - // drawer styles when openConfigurator={false} - const drawerCloseStyles = () => ({ - left: "initial", - right: pxToRem(-350), - transition: transitions.create("all", { - easing: transitions.easing.sharp, - duration: transitions.duration.short, - }), - }); - - return { - "& .MuiDrawer-paper": { - height: "100vh", - margin: 0, - padding: `0 ${pxToRem(10)}`, - borderRadius: 0, - boxShadow: lg, - overflowY: "auto", - ...(openConfigurator ? drawerOpenStyles() : drawerCloseStyles()), - }, - }; -}); diff --git a/website/src/examples/Configurator/index.js b/website/src/examples/Configurator/index.js deleted file mode 100644 index 6e4726e..0000000 --- a/website/src/examples/Configurator/index.js +++ /dev/null @@ -1,330 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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, useEffect } from "react"; - -// @mui material components -import Divider from "@mui/material/Divider"; -import Switch from "@mui/material/Switch"; -import IconButton from "@mui/material/IconButton"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDButton from "components/MDButton"; - -// Custom styles for the Configurator -import ConfiguratorRoot from "examples/Configurator/ConfiguratorRoot"; - -// Material Dashboard 2 React context -import { - useMaterialUIController, - setOpenConfigurator, - setTransparentSidenav, - setWhiteSidenav, - setFixedNavbar, - setSidenavColor, - setDarkMode, - setLanguage, -} from "context"; -import { useTranslation } from "react-i18next"; - -function Configurator() { - const [t] = useTranslation(); - const [controller, dispatch] = useMaterialUIController(); - const { - openConfigurator, - fixedNavbar, - sidenavColor, - transparentSidenav, - whiteSidenav, - darkMode, - language, - } = controller; - const [disabled, setDisabled] = useState(false); - const sidenavColors = ["primary", "dark", "info", "success", "warning", "error"]; - - // Use the useEffect hook to change the button state for the sidenav type based on window size. - useEffect(() => { - // A function that sets the disabled state of the buttons for the sidenav type. - function handleDisabled() { - return window.innerWidth > 1200 ? setDisabled(false) : setDisabled(true); - } - - // The event listener that's calling the handleDisabled function when resizing the window. - window.addEventListener("resize", handleDisabled); - - // Call the handleDisabled function to set the state with the initial value. - handleDisabled(); - - // Remove event listener on cleanup - return () => window.removeEventListener("resize", handleDisabled); - }, []); - - const handleCloseConfigurator = () => setOpenConfigurator(dispatch, false); - const handleTransparentSidenav = () => { - setTransparentSidenav(dispatch, true); - setWhiteSidenav(dispatch, false); - }; - const handleWhiteSidenav = () => { - setWhiteSidenav(dispatch, true); - setTransparentSidenav(dispatch, false); - }; - const handleDarkSidenav = () => { - setWhiteSidenav(dispatch, false); - setTransparentSidenav(dispatch, false); - }; - - const handleLanguage = (value) => { - setLanguage(dispatch, value); - }; - const handleFixedNavbar = () => setFixedNavbar(dispatch, !fixedNavbar); - const handleDarkMode = () => setDarkMode(dispatch, !darkMode); - - // sidenav type buttons styles - const sidenavTypeButtonsStyles = ({ - functions: { pxToRem }, - palette: { white, dark, background }, - borders: { borderWidth }, - }) => ({ - height: pxToRem(39), - background: darkMode ? background.sidenav : white.main, - color: darkMode ? white.main : dark.main, - border: `${borderWidth[1]} solid ${darkMode ? white.main : dark.main}`, - - "&:hover, &:focus, &:focus:not(:hover)": { - background: darkMode ? background.sidenav : white.main, - color: darkMode ? white.main : dark.main, - border: `${borderWidth[1]} solid ${darkMode ? white.main : dark.main}`, - }, - }); - - // sidenav type active button styles - const sidenavTypeActiveButtonStyles = ({ - functions: { pxToRem, linearGradient }, - palette: { white, gradients, background }, - }) => ({ - height: pxToRem(39), - background: darkMode ? white.main : linearGradient(gradients.dark.main, gradients.dark.state), - color: darkMode ? background.sidenav : white.main, - - "&:hover, &:focus, &:focus:not(:hover)": { - background: darkMode ? white.main : linearGradient(gradients.dark.main, gradients.dark.state), - color: darkMode ? background.sidenav : white.main, - }, - }); - - return ( - - - - {t("settings.title")} - - - ({ - fontSize: `${size.lg} !important`, - color: darkMode ? white.main : dark.main, - stroke: "currentColor", - strokeWidth: "2px", - cursor: "pointer", - transform: "translateY(5px)", - })} - onClick={handleCloseConfigurator} - > - close - - - - - - - - {t("settings.navColor.title")} - - - {sidenavColors.map((color) => ( - ({ - width: "24px", - height: "24px", - padding: 0, - border: `${borderWidth[1]} solid ${darkMode ? background.sidenav : white.main}`, - borderColor: () => { - let borderColorValue = sidenavColor === color && dark.main; - - if (darkMode && sidenavColor === color) { - borderColorValue = white.main; - } - - return borderColorValue; - }, - transition: transitions.create("border-color", { - easing: transitions.easing.sharp, - duration: transitions.duration.shorter, - }), - backgroundImage: ({ functions: { linearGradient }, palette: { gradients } }) => - linearGradient(gradients[color].main, gradients[color].state), - - "&:not(:last-child)": { - mr: 1, - }, - - "&:hover, &:focus, &:active": { - borderColor: darkMode ? white.main : dark.main, - }, - })} - onClick={() => setSidenavColor(dispatch, color)} - /> - ))} - - - - - {t("settings.language.title")} - - {t("settings.language.choose")}. - - - - handleLanguage("ru")} - disabled={disabled} - fullWidth - sx={language === "ru" ? sidenavTypeActiveButtonStyles : sidenavTypeButtonsStyles} - > - {t("settings.language.russian")} - - - handleLanguage("en")} - disabled={disabled} - fullWidth - sx={language === "en" ? sidenavTypeActiveButtonStyles : sidenavTypeButtonsStyles} - > - {t("settings.language.english")} - - - - - - - {t("settings.sidenav.type")} - - {t("settings.sidenav.choose")}. - - - - - {t("settings.sidenav.dark")} - - - - {t("settings.sidenav.transparent")} - - - - {t("settings.sidenav.white")} - - - - - {t("settings.sidenav.fixed")} - - - - - - - {t("settings.sidenav.light")} / {t("settings.sidenav.dark")} - - - - - - - - ); -} - -export default Configurator; diff --git a/website/src/examples/Footer/index.js b/website/src/examples/Footer/index.js deleted file mode 100644 index 2438fdd..0000000 --- a/website/src/examples/Footer/index.js +++ /dev/null @@ -1,83 +0,0 @@ -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Link from "@mui/material/Link"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React base styles -import typography from "assets/theme/base/typography"; - -function Footer({ links }) { - const { size } = typography; - - const renderLinks = () => - links.map((link) => ( - - - - {link.name} - - - - )); - - return ( - - - © {new Date().getFullYear()} - - ({ - display: "flex", - flexWrap: "wrap", - alignItems: "center", - justifyContent: "center", - listStyle: "none", - mt: 3, - mb: 0, - p: 0, - - [breakpoints.up("lg")]: { - mt: 0, - }, - })} - > - {renderLinks()} - - - ); -} - -// Setting default values for the props of Footer -Footer.defaultProps = { - links: [ - // { href: "https://", name: "License" }, - ], -}; - -// Typechecking props for the Footer -Footer.propTypes = { - links: PropTypes.arrayOf(PropTypes.object), -}; - -export default Footer; diff --git a/website/src/examples/Items/NotificationItem/index.js b/website/src/examples/Items/NotificationItem/index.js deleted file mode 100644 index 7a9812e..0000000 --- a/website/src/examples/Items/NotificationItem/index.js +++ /dev/null @@ -1,51 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { forwardRef } from "react"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; - -// @mui material components -import MenuItem from "@mui/material/MenuItem"; -import Link from "@mui/material/Link"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// custom styles for the NotificationItem -import menuItem from "examples/Items/NotificationItem/styles"; - -const NotificationItem = forwardRef(({ icon, title, ...rest }, ref) => ( - menuItem(theme)}> - - - {icon} - - - {title} - - - -)); - -// Typechecking props for the NotificationItem -NotificationItem.propTypes = { - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, -}; - -export default NotificationItem; diff --git a/website/src/examples/Items/NotificationItem/styles.js b/website/src/examples/Items/NotificationItem/styles.js deleted file mode 100644 index 05ffef1..0000000 --- a/website/src/examples/Items/NotificationItem/styles.js +++ /dev/null @@ -1,36 +0,0 @@ -function menuItem(theme) { - const { palette, borders, transitions } = theme; - - const { secondary, light, dark } = palette; - const { borderRadius } = borders; - - return { - display: "flex", - alignItems: "center", - width: "100%", - color: secondary.main, - borderRadius: borderRadius.md, - transition: transitions.create("background-color", { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - - "& *": { - transition: "color 100ms linear", - }, - - "&:not(:last-child)": { - mb: 1, - }, - - "&:hover": { - backgroundColor: light.main, - - "& *": { - color: dark.main, - }, - }, - }; -} - -export default menuItem; diff --git a/website/src/examples/LayoutContainers/DashboardLayout/index.js b/website/src/examples/LayoutContainers/DashboardLayout/index.js deleted file mode 100644 index ca9ce10..0000000 --- a/website/src/examples/LayoutContainers/DashboardLayout/index.js +++ /dev/null @@ -1,64 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useEffect } from "react"; - -// react-router-dom components -import { useLocation } from "react-router-dom"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React context -import { useMaterialUIController, setLayout } from "context"; - -function DashboardLayout({ children }) { - const [controller, dispatch] = useMaterialUIController(); - const { miniSidenav } = controller; - const { pathname } = useLocation(); - - useEffect(() => { - setLayout(dispatch, "dashboard"); - }, [pathname]); - - return ( - ({ - p: 3, - position: "relative", - - [breakpoints.up("xl")]: { - marginLeft: miniSidenav ? pxToRem(120) : pxToRem(274), - transition: transitions.create(["margin-left", "margin-right"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - }, - })} - > - {children} - - ); -} - -// Typechecking props for the DashboardLayout -DashboardLayout.propTypes = { - children: PropTypes.node.isRequired, -}; - -export default DashboardLayout; diff --git a/website/src/examples/LayoutContainers/PageLayout/index.js b/website/src/examples/LayoutContainers/PageLayout/index.js deleted file mode 100644 index 1510577..0000000 --- a/website/src/examples/LayoutContainers/PageLayout/index.js +++ /dev/null @@ -1,62 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useEffect } from "react"; - -// react-router-dom components -import { useLocation } from "react-router-dom"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React context -import { useMaterialUIController, setLayout } from "context"; - -function PageLayout({ background, children }) { - const [, dispatch] = useMaterialUIController(); - const { pathname } = useLocation(); - - useEffect(() => { - setLayout(dispatch, "page"); - }, [pathname]); - - return ( - - {children} - - ); -} - -// Setting default values for the props for PageLayout -PageLayout.defaultProps = { - background: "default", -}; - -// Typechecking props for the PageLayout -PageLayout.propTypes = { - background: PropTypes.oneOf(["white", "light", "default"]), - children: PropTypes.node.isRequired, -}; - -export default PageLayout; diff --git a/website/src/examples/Lists/ProfilesList/index.js b/website/src/examples/Lists/ProfilesList/index.js deleted file mode 100644 index 4e8460d..0000000 --- a/website/src/examples/Lists/ProfilesList/index.js +++ /dev/null @@ -1,94 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// react-routers components -import { Link } from "react-router-dom"; - -// prop-types is library for typechecking of props -import PropTypes from "prop-types"; - -// @mui material components -import Card from "@mui/material/Card"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDAvatar from "components/MDAvatar"; -import MDButton from "components/MDButton"; - -function ProfilesList({ title, profiles, shadow }) { - const renderProfiles = profiles.map(({ image, name, description, action }) => ( - - - - - - - {name} - - - {description} - - - - {action.type === "internal" ? ( - - {action.label} - - ) : ( - - {action.label} - - )} - - - )); - - return ( - - - - {title} - - - - - {renderProfiles} - - - - ); -} - -// Setting default props for the ProfilesList -ProfilesList.defaultProps = { - shadow: true, -}; - -// Typechecking props for the ProfilesList -ProfilesList.propTypes = { - title: PropTypes.string.isRequired, - profiles: PropTypes.arrayOf(PropTypes.object).isRequired, - shadow: PropTypes.bool, -}; - -export default ProfilesList; diff --git a/website/src/examples/Navbars/DashboardNavbar/index.js b/website/src/examples/Navbars/DashboardNavbar/index.js deleted file mode 100644 index 428e6b8..0000000 --- a/website/src/examples/Navbars/DashboardNavbar/index.js +++ /dev/null @@ -1,218 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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. - */ - -// @material-ui core components -import AppBar from "@mui/material/AppBar"; -import Icon from "@mui/material/Icon"; -import IconButton from "@mui/material/IconButton"; -import Menu from "@mui/material/Menu"; -import Toolbar from "@mui/material/Toolbar"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDInput from "components/MDInput"; - -// Material Dashboard 2 React context -import { - setMiniSidenav, - setOpenConfigurator, - setTransparentNavbar, - useMaterialUIController, -} from "context"; - -// Material Dashboard 2 React example components -import Breadcrumbs from "examples/Breadcrumbs"; -import NotificationItem from "examples/Items/NotificationItem"; - -// Custom styles for DashboardNavbar -import { - navbar, - navbarContainer, - navbarIconButton, - navbarMobileMenu, - navbarRow, -} from "examples/Navbars/DashboardNavbar/styles"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; -import { useEffect, useState } from "react"; -import { useTranslation } from "react-i18next"; - -// react-router components -import { useLocation } from "react-router-dom"; - -function DashboardNavbar({ absolute, light, isMini, onRefresh, canSearch }) { - const [navbarType, setNavbarType] = useState(); - const [controller, dispatch] = useMaterialUIController(); - const { miniSidenav, transparentNavbar, fixedNavbar, openConfigurator, darkMode } = controller; - const [openMenu, setOpenMenu] = useState(false); - const route = useLocation().pathname.split("/").slice(1); - const [t] = useTranslation(); - - useEffect(() => { - // Setting the navbar type - if (fixedNavbar) { - setNavbarType("sticky"); - } else { - setNavbarType("static"); - } - - // A function that sets the transparent state of the navbar. - function handleTransparentNavbar() { - setTransparentNavbar(dispatch, (fixedNavbar && window.scrollY === 0) || !fixedNavbar); - } - - /** - The event listener that's calling the handleTransparentNavbar function when - scrolling the window. - */ - window.addEventListener("scroll", handleTransparentNavbar); - - // Call the handleTransparentNavbar function to set the state with the initial value. - handleTransparentNavbar(); - - // Remove event listener on cleanup - return () => window.removeEventListener("scroll", handleTransparentNavbar); - }, [dispatch, fixedNavbar]); - const handleMiniSidenav = () => setMiniSidenav(dispatch, !miniSidenav); - const handleConfiguratorOpen = () => setOpenConfigurator(dispatch, !openConfigurator); - const handleOpenMenu = (event) => setOpenMenu(event.currentTarget); - const handleCloseMenu = () => setOpenMenu(false); - - // Render the notifications menu - const renderMenu = () => ( - - email} title="Check new messages" /> - podcasts} title="Manage Podcast sessions" /> - shopping_cart} title="Payment successfully completed" /> - - ); - - // Styles for the navbar icons - const iconsStyle = ({ palette: { dark, white, text }, functions: { rgba } }) => ({ - color: () => { - let colorValue = light || darkMode ? white.main : dark.main; - - if (transparentNavbar && !light) { - colorValue = darkMode ? rgba(text.main, 0.6) : text.main; - } - - return colorValue; - }, - }); - - const title = t(`menu.${route[route.length - 1]}`); - - return ( - navbar(theme, { transparentNavbar, absolute, light, darkMode })} - > - navbarContainer(theme)}> - navbarRow(theme, { isMini })}> - - - {isMini ? null : ( - navbarRow(theme, { isMini })}> - {canSearch && ( - - - - )} - - {Boolean(onRefresh) && ( - - - refresh - - - )} - - - {miniSidenav ? "menu_open" : "menu"} - - - - settings - - - notifications - - {renderMenu()} - - - )} - - - ); -} - -// Setting default values for the props of DashboardNavbar -DashboardNavbar.defaultProps = { - canSearch: false, - absolute: false, - light: false, - isMini: false, - onRefresh: null, -}; - -// Typechecking props for the DashboardNavbar -DashboardNavbar.propTypes = { - canSearch: PropTypes.bool, - absolute: PropTypes.bool, - light: PropTypes.bool, - isMini: PropTypes.bool, - onRefresh: PropTypes.func, -}; - -export default DashboardNavbar; diff --git a/website/src/examples/Navbars/DashboardNavbar/styles.js b/website/src/examples/Navbars/DashboardNavbar/styles.js deleted file mode 100644 index 3930099..0000000 --- a/website/src/examples/Navbars/DashboardNavbar/styles.js +++ /dev/null @@ -1,134 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ -function navbar(theme, ownerState) { - const { palette, boxShadows, functions, transitions, breakpoints, borders } = theme; - const { transparentNavbar, absolute, light, darkMode } = ownerState; - - const { dark, white, text, transparent, background } = palette; - const { navbarBoxShadow } = boxShadows; - const { rgba, pxToRem } = functions; - const { borderRadius } = borders; - - return { - boxShadow: transparentNavbar || absolute ? "none" : navbarBoxShadow, - backdropFilter: transparentNavbar || absolute ? "none" : `saturate(200%) blur(${pxToRem(30)})`, - backgroundColor: - transparentNavbar || absolute - ? `${transparent.main} !important` - : rgba(darkMode ? background.default : white.main, 0.8), - - color: () => { - let color; - - if (light) { - color = white.main; - } else if (transparentNavbar) { - color = text.main; - } else { - color = dark.main; - } - - return color; - }, - top: absolute ? 0 : pxToRem(12), - minHeight: pxToRem(75), - display: "grid", - alignItems: "center", - borderRadius: borderRadius.xl, - paddingTop: pxToRem(8), - paddingBottom: pxToRem(8), - paddingRight: absolute ? pxToRem(8) : 0, - paddingLeft: absolute ? pxToRem(16) : 0, - - "& > *": { - transition: transitions.create("all", { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - }, - - "& .MuiToolbar-root": { - display: "flex", - justifyContent: "space-between", - alignItems: "center", - - [breakpoints.up("sm")]: { - minHeight: "auto", - padding: `${pxToRem(4)} ${pxToRem(16)}`, - }, - }, - }; -} - -const navbarContainer = ({ breakpoints }) => ({ - flexDirection: "column", - alignItems: "flex-start", - justifyContent: "space-between", - pt: 0.5, - pb: 0.5, - - [breakpoints.up("md")]: { - flexDirection: "row", - alignItems: "center", - paddingTop: "0", - paddingBottom: "0", - }, -}); - -const navbarRow = ({ breakpoints }, { isMini }) => ({ - display: "flex", - alignItems: "center", - justifyContent: "space-between", - width: "100%", - - [breakpoints.up("md")]: { - justifyContent: isMini ? "space-between" : "stretch", - width: isMini ? "100%" : "max-content", - }, - - [breakpoints.up("xl")]: { - justifyContent: "stretch !important", - width: "max-content !important", - }, -}); - -const navbarIconButton = ({ typography: { size }, breakpoints }) => ({ - px: 1, - - "& .material-icons, .material-icons-round": { - fontSize: `${size.xl} !important`, - }, - - "& .MuiTypography-root": { - display: "none", - - [breakpoints.up("sm")]: { - display: "inline-block", - lineHeight: 1.2, - ml: 0.5, - }, - }, -}); - -const navbarMobileMenu = ({ breakpoints }) => ({ - display: "inline-block", - lineHeight: 0, - - [breakpoints.up("xl")]: { - display: "none", - }, -}); - -export { navbar, navbarContainer, navbarRow, navbarIconButton, navbarMobileMenu }; diff --git a/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js b/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js deleted file mode 100644 index da0270d..0000000 --- a/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarLink.js +++ /dev/null @@ -1,69 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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"; - -// react-router-dom components -import { Link } from "react-router-dom"; - -// @mui material components -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -function DefaultNavbarLink({ icon, name, route, light }) { - return ( - - (light ? white.main : secondary.main), - verticalAlign: "middle", - }} - > - {icon} - - -  {name} - - - ); -} - -// Typechecking props for the DefaultNavbarLink -DefaultNavbarLink.propTypes = { - icon: PropTypes.string.isRequired, - name: PropTypes.string.isRequired, - route: PropTypes.string.isRequired, - light: PropTypes.bool.isRequired, -}; - -export default DefaultNavbarLink; diff --git a/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js b/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js deleted file mode 100644 index 7dd66f0..0000000 --- a/website/src/examples/Navbars/DefaultNavbar/DefaultNavbarMobile.js +++ /dev/null @@ -1,63 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Menu from "@mui/material/Menu"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React example components -import DefaultNavbarLink from "examples/Navbars/DefaultNavbar/DefaultNavbarLink"; - -function DefaultNavbarMobile({ open, close }) { - const { width } = open && open.getBoundingClientRect(); - - return ( - - - - - - - - - ); -} - -// Typechecking props for the DefaultNavbarMenu -DefaultNavbarMobile.propTypes = { - open: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]).isRequired, - close: PropTypes.oneOfType([PropTypes.func, PropTypes.bool, PropTypes.object]).isRequired, -}; - -export default DefaultNavbarMobile; diff --git a/website/src/examples/Navbars/DefaultNavbar/index.js b/website/src/examples/Navbars/DefaultNavbar/index.js deleted file mode 100644 index 494cace..0000000 --- a/website/src/examples/Navbars/DefaultNavbar/index.js +++ /dev/null @@ -1,209 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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, useEffect } from "react"; - -// react-router components -import { Link } from "react-router-dom"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; - -// @mui material components -import Container from "@mui/material/Container"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDButton from "components/MDButton"; - -// Material Dashboard 2 React example components -import DefaultNavbarLink from "examples/Navbars/DefaultNavbar/DefaultNavbarLink"; -import DefaultNavbarMobile from "examples/Navbars/DefaultNavbar/DefaultNavbarMobile"; - -// Material Dashboard 2 React base styles -import breakpoints from "assets/theme/base/breakpoints"; - -// Material Dashboard 2 React context -import { useMaterialUIController } from "context"; - -function DefaultNavbar({ transparent, light, action }) { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - const [mobileNavbar, setMobileNavbar] = useState(false); - const [mobileView, setMobileView] = useState(false); - - const openMobileNavbar = ({ currentTarget }) => setMobileNavbar(currentTarget.parentNode); - const closeMobileNavbar = () => setMobileNavbar(false); - - useEffect(() => { - // A function that sets the display state for the DefaultNavbarMobile. - function displayMobileNavbar() { - if (window.innerWidth < breakpoints.values.lg) { - setMobileView(true); - setMobileNavbar(false); - } else { - setMobileView(false); - setMobileNavbar(false); - } - } - - /** - The event listener that's calling the displayMobileNavbar function when - resizing the window. - */ - window.addEventListener("resize", displayMobileNavbar); - - // Call the displayMobileNavbar function to set the state with the initial value. - displayMobileNavbar(); - - // Remove event listener on cleanup - return () => window.removeEventListener("resize", displayMobileNavbar); - }, []); - - return ( - - ({ - backgroundColor: transparent - ? transparentColor.main - : rgba(darkMode ? background.sidenav : white.main, 0.8), - backdropFilter: transparent ? "none" : `saturate(200%) blur(30px)`, - })} - > - - - Material Dashboard 2 - - - - - - - - - {action && - (action.type === "internal" ? ( - - - {action.label} - - - ) : ( - - - {action.label} - - - ))} - - {mobileNavbar ? "close" : "menu"} - - - {mobileView && } - - ); -} - -// Setting default values for the props of DefaultNavbar -DefaultNavbar.defaultProps = { - transparent: false, - light: false, - action: false, -}; - -// Typechecking props for the DefaultNavbar -DefaultNavbar.propTypes = { - transparent: PropTypes.bool, - light: PropTypes.bool, - action: PropTypes.oneOfType([ - PropTypes.bool, - PropTypes.shape({ - type: PropTypes.oneOf(["external", "internal"]).isRequired, - route: PropTypes.string.isRequired, - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - ]), - label: PropTypes.string.isRequired, - }), - ]), -}; - -export default DefaultNavbar; diff --git a/website/src/examples/Sidenav/SidenavCollapse.js b/website/src/examples/Sidenav/SidenavCollapse.js deleted file mode 100644 index 32a90c3..0000000 --- a/website/src/examples/Sidenav/SidenavCollapse.js +++ /dev/null @@ -1,97 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import ListItem from "@mui/material/ListItem"; -import ListItemIcon from "@mui/material/ListItemIcon"; -import ListItemText from "@mui/material/ListItemText"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Custom styles for the SidenavCollapse -import { - collapseItem, - collapseIconBox, - collapseIcon, - collapseText, -} from "examples/Sidenav/styles/sidenavCollapse"; - -// Material Dashboard 2 React context -import { useMaterialUIController } from "context"; - -function SidenavCollapse({ icon, name, active, ...rest }) { - const [controller] = useMaterialUIController(); - const { miniSidenav, transparentSidenav, whiteSidenav, darkMode, sidenavColor } = controller; - - return ( - - - collapseItem(theme, { - active, - transparentSidenav, - whiteSidenav, - darkMode, - sidenavColor, - }) - } - > - - collapseIconBox(theme, { transparentSidenav, whiteSidenav, darkMode, active }) - } - > - {typeof icon === "string" ? ( - collapseIcon(theme, { active })}>{icon} - ) : ( - icon - )} - - - - collapseText(theme, { - miniSidenav, - transparentSidenav, - whiteSidenav, - active, - }) - } - /> - - - ); -} - -// Setting default values for the props of SidenavCollapse -SidenavCollapse.defaultProps = { - active: false, -}; - -// Typechecking props for the SidenavCollapse -SidenavCollapse.propTypes = { - icon: PropTypes.node.isRequired, - name: PropTypes.string.isRequired, - active: PropTypes.bool, -}; - -export default SidenavCollapse; diff --git a/website/src/examples/Sidenav/SidenavRoot.js b/website/src/examples/Sidenav/SidenavRoot.js deleted file mode 100644 index 94ff285..0000000 --- a/website/src/examples/Sidenav/SidenavRoot.js +++ /dev/null @@ -1,92 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -// @mui material components -import Drawer from "@mui/material/Drawer"; -import { styled } from "@mui/material/styles"; - -export default styled(Drawer)(({ theme, ownerState }) => { - const { palette, boxShadows, transitions, breakpoints, functions } = theme; - const { transparentSidenav, whiteSidenav, miniSidenav, darkMode } = ownerState; - - const sidebarWidth = 250; - const { transparent, gradients, white, background } = palette; - const { xxl } = boxShadows; - const { pxToRem, linearGradient } = functions; - - let backgroundValue = darkMode - ? background.sidenav - : linearGradient(gradients.dark.main, gradients.dark.state); - - if (transparentSidenav) { - backgroundValue = transparent.main; - } else if (whiteSidenav) { - backgroundValue = white.main; - } - - // styles for the sidenav when miniSidenav={false} - const drawerOpenStyles = () => ({ - background: backgroundValue, - transform: "translateX(0)", - transition: transitions.create("transform", { - easing: transitions.easing.sharp, - duration: transitions.duration.shorter, - }), - - [breakpoints.up("xl")]: { - boxShadow: transparentSidenav ? "none" : xxl, - marginBottom: transparentSidenav ? 0 : "inherit", - left: "0", - width: sidebarWidth, - transform: "translateX(0)", - transition: transitions.create(["width", "background-color"], { - easing: transitions.easing.sharp, - duration: transitions.duration.enteringScreen, - }), - }, - }); - - // styles for the sidenav when miniSidenav={true} - const drawerCloseStyles = () => ({ - background: backgroundValue, - transform: `translateX(${pxToRem(-320)})`, - transition: transitions.create("transform", { - easing: transitions.easing.sharp, - duration: transitions.duration.shorter, - }), - - [breakpoints.up("xl")]: { - boxShadow: transparentSidenav ? "none" : xxl, - marginBottom: transparentSidenav ? 0 : "inherit", - left: "0", - width: pxToRem(96), - overflowX: "hidden", - transform: "translateX(0)", - transition: transitions.create(["width", "background-color"], { - easing: transitions.easing.sharp, - duration: transitions.duration.shorter, - }), - }, - }); - - return { - "& .MuiDrawer-paper": { - boxShadow: xxl, - border: "none", - - ...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()), - }, - }; -}); diff --git a/website/src/examples/Sidenav/Timer.js b/website/src/examples/Sidenav/Timer.js deleted file mode 100644 index d429142..0000000 --- a/website/src/examples/Sidenav/Timer.js +++ /dev/null @@ -1,60 +0,0 @@ -import { addSeconds, format } from "date-fns"; -import PropTypes from "prop-types"; -import { useEffect, useState } from "react"; -import { useTranslation } from "react-i18next"; -import MDTypography from "../../components/MDTypography"; -import { useMaterialUIController } from "../../context"; - -export default function Timer({ textColor }) { - const [controller] = useMaterialUIController(); - const { date } = controller; - const [time, setTime] = useState(date); - const [t] = useTranslation(); - - useEffect(() => { - setTime(date); - }, [date]); - useEffect(() => { - const interval = setInterval(() => { - const currentTime = addSeconds(time, 1); - setTime(currentTime); - }, 1000); - return () => clearInterval(interval); - }, [time]); - - return ( - - {t("time.title.long")}: {format(time, "HH:mm:ss")} - - ); -} - -Timer.defaultProps = { - textColor: "dark", -}; - -Timer.propTypes = { - textColor: PropTypes.oneOf([ - "inherit", - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - "text", - "white", - ]), -}; diff --git a/website/src/examples/Sidenav/index.js b/website/src/examples/Sidenav/index.js deleted file mode 100644 index d67f17a..0000000 --- a/website/src/examples/Sidenav/index.js +++ /dev/null @@ -1,209 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 React - v2.1.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-react - * Copyright 2022 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 Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; -import Link from "@mui/material/Link"; - -// @mui material components -import List from "@mui/material/List"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React context -import { - setMiniSidenav, - setTransparentSidenav, - setWhiteSidenav, - useMaterialUIController, -} from "context"; - -// Material Dashboard 2 React example components -import SidenavCollapse from "examples/Sidenav/SidenavCollapse"; - -// Custom styles for the Sidenav -import SidenavRoot from "examples/Sidenav/SidenavRoot"; -import sidenavLogoLabel from "examples/Sidenav/styles/sidenav"; - -// prop-types is a library for typechecking of props. -import PropTypes from "prop-types"; -import { useEffect } from "react"; -import { useTranslation } from "react-i18next"; - -// react-router-dom components -import { NavLink, useLocation } from "react-router-dom"; -import { Ping } from "../../context/actions"; -import Timer from "./Timer"; - -function Sidenav({ color, brand, brandName, routes, ...rest }) { - const [t] = useTranslation(); - const [controller, dispatch] = useMaterialUIController(); - const { miniSidenav, transparentSidenav, whiteSidenav, darkMode, date } = controller; - const location = useLocation(); - const collapseName = location.pathname.replace("/", ""); - - let textColor = "white"; - - if (transparentSidenav || (whiteSidenav && !darkMode)) { - textColor = "dark"; - } else if (whiteSidenav && darkMode) { - textColor = "inherit"; - } - - const closeSidenav = () => setMiniSidenav(dispatch, true); - - useEffect(() => { - // A function that sets the mini state of the sidenav. - function handleMiniSidenav() { - setMiniSidenav(dispatch, window.innerWidth < 1200); - setTransparentSidenav(dispatch, window.innerWidth < 1200 ? false : transparentSidenav); - setWhiteSidenav(dispatch, window.innerWidth < 1200 ? false : whiteSidenav); - } - - /** - The event listener that's calling the handleMiniSidenav function when resizing the window. - */ - window.addEventListener("resize", handleMiniSidenav); - - // Call the handleMiniSidenav function to set the state with the initial value. - handleMiniSidenav(); - - // Remove event listener on cleanup - return () => window.removeEventListener("resize", handleMiniSidenav); - }, [dispatch, location]); - - useEffect(() => { - dispatch(Ping()); - }, []); - // Render all the routes from the routes.js (All the visible items on the Sidenav) - const renderRoutes = routes.map(({ type, icon, title, noCollapse, key, href, route }) => { - let returnValue; - const name = t(`menu.${key}`); - if (type === "collapse") { - returnValue = href ? ( - - - - ) : ( - - - - ); - } else if (type === "title") { - returnValue = ( - - {title} - - ); - } else if (type === "divider") { - returnValue = ( - - ); - } - - return returnValue; - }); - - return ( - - - - - close - - - - {brand && } - sidenavLogoLabel(theme, { miniSidenav })} - > - - {brandName} - - - - - - {renderRoutes} - - - - - ); -} - -// Setting default values for the props of Sidenav -Sidenav.defaultProps = { - color: "info", - brand: "", -}; - -// Typechecking props for the Sidenav -Sidenav.propTypes = { - color: PropTypes.oneOf(["primary", "secondary", "info", "success", "warning", "error", "dark"]), - brand: PropTypes.string, - brandName: PropTypes.string.isRequired, - routes: PropTypes.arrayOf(PropTypes.object).isRequired, -}; - -export default Sidenav; diff --git a/website/src/examples/Sidenav/styles/sidenav.js b/website/src/examples/Sidenav/styles/sidenav.js deleted file mode 100644 index f2aa738..0000000 --- a/website/src/examples/Sidenav/styles/sidenav.js +++ /dev/null @@ -1,35 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ -export default function sidenavLogoLabel(theme, ownerState) { - const { functions, transitions, typography, breakpoints } = theme; - const { miniSidenav } = ownerState; - - const { pxToRem } = functions; - const { fontWeightMedium } = typography; - - return { - ml: 0.5, - fontWeight: fontWeightMedium, - wordSpacing: pxToRem(-1), - transition: transitions.create("opacity", { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - - [breakpoints.up("xl")]: { - opacity: miniSidenav ? 0 : 1, - }, - }; -} diff --git a/website/src/examples/Sidenav/styles/sidenavCollapse.js b/website/src/examples/Sidenav/styles/sidenavCollapse.js deleted file mode 100644 index e1c66ff..0000000 --- a/website/src/examples/Sidenav/styles/sidenavCollapse.js +++ /dev/null @@ -1,127 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ -function collapseItem(theme, ownerState) { - const { palette, transitions, breakpoints, boxShadows, borders, functions } = theme; - const { active, transparentSidenav, whiteSidenav, darkMode, sidenavColor } = ownerState; - - const { white, transparent, dark, grey, gradients } = palette; - const { md } = boxShadows; - const { borderRadius } = borders; - const { pxToRem, rgba, linearGradient } = functions; - - return { - background: active - ? linearGradient(gradients[sidenavColor].main, gradients[sidenavColor].state) - : transparent.main, - color: - (transparentSidenav && !darkMode && !active) || (whiteSidenav && !active) - ? dark.main - : white.main, - display: "flex", - alignItems: "center", - width: "100%", - padding: `${pxToRem(8)} ${pxToRem(10)}`, - margin: `${pxToRem(1.5)} ${pxToRem(16)}`, - borderRadius: borderRadius.md, - cursor: "pointer", - userSelect: "none", - whiteSpace: "nowrap", - boxShadow: active && !whiteSidenav && !darkMode && !transparentSidenav ? md : "none", - [breakpoints.up("xl")]: { - transition: transitions.create(["box-shadow", "background-color"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.shorter, - }), - }, - - "&:hover, &:focus": { - backgroundColor: () => { - let backgroundValue; - - if (!active) { - backgroundValue = - transparentSidenav && !darkMode - ? grey[300] - : rgba(whiteSidenav ? grey[400] : white.main, 0.2); - } - - return backgroundValue; - }, - }, - }; -} - -function collapseIconBox(theme, ownerState) { - const { palette, transitions, borders, functions } = theme; - const { transparentSidenav, whiteSidenav, darkMode, active } = ownerState; - - const { white, dark } = palette; - const { borderRadius } = borders; - const { pxToRem } = functions; - - return { - minWidth: pxToRem(32), - minHeight: pxToRem(32), - color: - (transparentSidenav && !darkMode && !active) || (whiteSidenav && !active) - ? dark.main - : white.main, - borderRadius: borderRadius.md, - display: "grid", - placeItems: "center", - transition: transitions.create("margin", { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - - "& svg, svg g": { - color: transparentSidenav || whiteSidenav ? dark.main : white.main, - }, - }; -} - -const collapseIcon = ({ palette: { white, gradients } }, { active }) => ({ - color: active ? white.main : gradients.dark.state, -}); - -function collapseText(theme, ownerState) { - const { typography, transitions, breakpoints, functions } = theme; - const { miniSidenav, transparentSidenav, active } = ownerState; - - const { size, fontWeightRegular, fontWeightLight } = typography; - const { pxToRem } = functions; - - return { - marginLeft: pxToRem(10), - - [breakpoints.up("xl")]: { - opacity: miniSidenav || (miniSidenav && transparentSidenav) ? 0 : 1, - maxWidth: miniSidenav || (miniSidenav && transparentSidenav) ? 0 : "100%", - marginLeft: miniSidenav || (miniSidenav && transparentSidenav) ? 0 : pxToRem(10), - transition: transitions.create(["opacity", "margin"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - }, - - "& span": { - fontWeight: active ? fontWeightRegular : fontWeightLight, - fontSize: size.sm, - lineHeight: 0, - }, - }; -} - -export { collapseItem, collapseIconBox, collapseIcon, collapseText }; diff --git a/website/src/examples/Tables/DataTable/DataTableBodyCell.js b/website/src/examples/Tables/DataTable/DataTableBodyCell.js deleted file mode 100644 index 978ed36..0000000 --- a/website/src/examples/Tables/DataTable/DataTableBodyCell.js +++ /dev/null @@ -1,59 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -function DataTableBodyCell({ noBorder, align, children }) { - return ( - ({ - fontSize: size.sm, - borderBottom: noBorder ? "none" : `${borderWidth[1]} solid ${light.main}`, - })} - > - - {children} - - - ); -} - -// Setting default values for the props of DataTableBodyCell -DataTableBodyCell.defaultProps = { - noBorder: false, - align: "left", -}; - -// Typechecking props for the DataTableBodyCell -DataTableBodyCell.propTypes = { - children: PropTypes.node.isRequired, - noBorder: PropTypes.bool, - align: PropTypes.oneOf(["left", "right", "center"]), -}; - -export default DataTableBodyCell; diff --git a/website/src/examples/Tables/DataTable/DataTableHeadCell.js b/website/src/examples/Tables/DataTable/DataTableHeadCell.js deleted file mode 100644 index d15457f..0000000 --- a/website/src/examples/Tables/DataTable/DataTableHeadCell.js +++ /dev/null @@ -1,105 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React contexts -import { useMaterialUIController } from "context"; - -function DataTableHeadCell({ width, children, sorted, align, ...rest }) { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - ({ - borderBottom: `${borderWidth[1]} solid ${light.main}`, - })} - > - ({ - fontSize: size.xxs, - fontWeight: fontWeightBold, - textTransform: "uppercase", - cursor: sorted && "pointer", - userSelect: sorted && "none", - })} - > - {children} - {sorted && ( - ({ - fontSize: size.lg, - })} - > - - arrow_drop_up - - - arrow_drop_down - - - )} - - - ); -} - -// Setting default values for the props of DataTableHeadCell -DataTableHeadCell.defaultProps = { - width: "auto", - sorted: "none", - align: "left", -}; - -// Typechecking props for the DataTableHeadCell -DataTableHeadCell.propTypes = { - width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - children: PropTypes.node.isRequired, - sorted: PropTypes.oneOf([false, "none", "asce", "desc"]), - align: PropTypes.oneOf(["left", "right", "center"]), -}; - -export default DataTableHeadCell; diff --git a/website/src/examples/Tables/DataTable/index.js b/website/src/examples/Tables/DataTable/index.js deleted file mode 100644 index b496190..0000000 --- a/website/src/examples/Tables/DataTable/index.js +++ /dev/null @@ -1,309 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 { useMemo, useEffect, useState } from "react"; - -// prop-types is a library for typechecking of props -import PropTypes from "prop-types"; - -// react-table components -import { useTable, usePagination, useGlobalFilter, useAsyncDebounce, useSortBy } from "react-table"; - -// @mui material components -import Table from "@mui/material/Table"; -import TableBody from "@mui/material/TableBody"; -import TableContainer from "@mui/material/TableContainer"; -import TableRow from "@mui/material/TableRow"; -import Icon from "@mui/material/Icon"; -import Autocomplete from "@mui/material/Autocomplete"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDInput from "components/MDInput"; -import MDPagination from "components/MDPagination"; - -// Material Dashboard 2 React example components -import DataTableHeadCell from "examples/Tables/DataTable/DataTableHeadCell"; -import DataTableBodyCell from "examples/Tables/DataTable/DataTableBodyCell"; - -function DataTable({ - entriesPerPage, - canSearch, - showTotalEntries, - table, - pagination, - isSorted, - noEndBorder, -}) { - const defaultValue = entriesPerPage.defaultValue ? entriesPerPage.defaultValue : 10; - const entries = entriesPerPage.entries - ? entriesPerPage.entries.map((el) => el.toString()) - : ["5", "10", "15", "20", "25"]; - const columns = useMemo(() => table.columns, [table]); - const data = useMemo(() => table.rows, [table]); - - const tableInstance = useTable( - { columns, data, initialState: { pageIndex: 0 } }, - useGlobalFilter, - useSortBy, - usePagination - ); - - const { - getTableProps, - getTableBodyProps, - headerGroups, - prepareRow, - rows, - page, - pageOptions, - canPreviousPage, - canNextPage, - gotoPage, - nextPage, - previousPage, - setPageSize, - setGlobalFilter, - state: { pageIndex, pageSize, globalFilter }, - } = tableInstance; - - // Set the default value for the entries per page when component mounts - useEffect(() => setPageSize(defaultValue || 10), [defaultValue]); - - // Set the entries per page value based on the select value - const setEntriesPerPage = (value) => setPageSize(value); - - // Render the paginations - const renderPagination = pageOptions.map((option) => ( - gotoPage(Number(option))} - active={pageIndex === option} - > - {option + 1} - - )); - - // Handler for the input to set the pagination index - const handleInputPagination = ({ target: { value } }) => - value > pageOptions.length || value < 0 ? gotoPage(0) : gotoPage(Number(value)); - - // Customized page options starting from 1 - const customizedPageOptions = pageOptions.map((option) => option + 1); - - // Setting value for the pagination input - const handleInputPaginationValue = ({ target: value }) => gotoPage(Number(value.value - 1)); - - // Search input value state - const [search, setSearch] = useState(globalFilter); - - // Search input state handle - const onSearchChange = useAsyncDebounce((value) => { - setGlobalFilter(value || undefined); - }, 100); - - // A function that sets the sorted value for the table - const setSortedValue = (column) => { - let sortedValue; - - if (isSorted && column.isSorted) { - sortedValue = column.isSortedDesc ? "desc" : "asce"; - } else if (isSorted) { - sortedValue = "none"; - } else { - sortedValue = false; - } - - return sortedValue; - }; - - // Setting the entries starting point - const entriesStart = pageIndex === 0 ? pageIndex + 1 : pageIndex * pageSize + 1; - - // Setting the entries ending point - let entriesEnd; - - if (pageIndex === 0) { - entriesEnd = pageSize; - } else if (pageIndex === pageOptions.length - 1) { - entriesEnd = rows.length; - } else { - entriesEnd = pageSize * (pageIndex + 1); - } - - return ( - - {entriesPerPage || canSearch ? ( - - {entriesPerPage && ( - - { - setEntriesPerPage(parseInt(newValue, 10)); - }} - size="small" - sx={{ width: "5rem" }} - renderInput={(params) => } - /> - -   entries per page - - - )} - {canSearch && ( - - { - setSearch(search); - onSearchChange(currentTarget.value); - }} - /> - - )} - - ) : null} - - - {headerGroups.map((headerGroup) => ( - - {headerGroup.headers.map((column) => ( - - {column.render("Header")} - - ))} - - ))} - - - {page.map((row, key) => { - prepareRow(row); - return ( - - {row.cells.map((cell) => ( - - {cell.render("Cell")} - - ))} - - ); - })} - -
- - - {showTotalEntries && ( - - - Showing {entriesStart} to {entriesEnd} of {rows.length} entries - - - )} - {pageOptions.length > 1 && ( - - {canPreviousPage && ( - previousPage()}> - chevron_left - - )} - {renderPagination.length > 6 ? ( - - - - ) : ( - renderPagination - )} - {canNextPage && ( - nextPage()}> - chevron_right - - )} - - )} - - - ); -} - -// Setting default values for the props of DataTable -DataTable.defaultProps = { - entriesPerPage: { defaultValue: 10, entries: [5, 10, 15, 20, 25] }, - canSearch: false, - showTotalEntries: true, - pagination: { variant: "gradient", color: "info" }, - isSorted: true, - noEndBorder: false, -}; - -// Typechecking props for the DataTable -DataTable.propTypes = { - entriesPerPage: PropTypes.oneOfType([ - PropTypes.shape({ - defaultValue: PropTypes.number, - entries: PropTypes.arrayOf(PropTypes.number), - }), - PropTypes.bool, - ]), - canSearch: PropTypes.bool, - showTotalEntries: PropTypes.bool, - table: PropTypes.objectOf(PropTypes.array).isRequired, - pagination: PropTypes.shape({ - variant: PropTypes.oneOf(["contained", "gradient"]), - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - ]), - }), - isSorted: PropTypes.bool, - noEndBorder: PropTypes.bool, -}; - -export default DataTable; diff --git a/website/src/examples/Timeline/TimelineItem/index.js b/website/src/examples/Timeline/TimelineItem/index.js deleted file mode 100644 index 9f0e089..0000000 --- a/website/src/examples/Timeline/TimelineItem/index.js +++ /dev/null @@ -1,101 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Timeline context -import { useTimeline } from "examples/Timeline/context"; - -// Custom styles for the TimelineItem -import timelineItem from "examples/Timeline/TimelineItem/styles"; - -function TimelineItem({ color, icon, title, dateTime, description, lastItem }) { - const isDark = useTimeline(); - - return ( - timelineItem(theme, { lastItem, isDark })}> - size.sm }} - > - {icon} - - - - {title} - - - - {dateTime} - - - - {description ? ( - - {description} - - ) : null} - - - - ); -} - -// Setting default values for the props of TimelineItem -TimelineItem.defaultProps = { - color: "info", - lastItem: false, - description: "", -}; - -// Typechecking props for the TimelineItem -TimelineItem.propTypes = { - color: PropTypes.oneOf([ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "dark", - "light", - ]), - icon: PropTypes.node.isRequired, - title: PropTypes.string.isRequired, - dateTime: PropTypes.string.isRequired, - description: PropTypes.string, - lastItem: PropTypes.bool, -}; - -export default TimelineItem; diff --git a/website/src/examples/Timeline/TimelineItem/styles.js b/website/src/examples/Timeline/TimelineItem/styles.js deleted file mode 100644 index fc65c69..0000000 --- a/website/src/examples/Timeline/TimelineItem/styles.js +++ /dev/null @@ -1,20 +0,0 @@ -function timelineItem(theme, ownerState) { - const { borders } = theme; - const { lastItem, isDark } = ownerState; - - const { borderWidth, borderColor } = borders; - - return { - "&:after": { - content: !lastItem && "''", - position: "absolute", - top: "2rem", - left: "17px", - height: "100%", - opacity: isDark ? 0.1 : 1, - borderRight: `${borderWidth[2]} solid ${borderColor}`, - }, - }; -} - -export default timelineItem; diff --git a/website/src/examples/Timeline/TimelineList/index.js b/website/src/examples/Timeline/TimelineList/index.js deleted file mode 100644 index 1e55f66..0000000 --- a/website/src/examples/Timeline/TimelineList/index.js +++ /dev/null @@ -1,69 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Card from "@mui/material/Card"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 React components -import { useMaterialUIController } from "context"; - -// Timeline context -import { TimelineProvider } from "examples/Timeline/context"; - -function TimelineList({ title, dark, children }) { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - - darkMode && background.card }} - > - - - {title} - - - {children} - - - - ); -} - -// Setting default values for the props of TimelineList -TimelineList.defaultProps = { - dark: false, -}; - -// Typechecking props for the TimelineList -TimelineList.propTypes = { - title: PropTypes.string.isRequired, - dark: PropTypes.bool, - children: PropTypes.node.isRequired, -}; - -export default TimelineList; diff --git a/website/src/examples/Timeline/context/index.js b/website/src/examples/Timeline/context/index.js deleted file mode 100644 index 58a2fed..0000000 --- a/website/src/examples/Timeline/context/index.js +++ /dev/null @@ -1,37 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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. -*/ - -/* eslint-disable react/prop-types */ -/** - This file is used for controlling the dark and light state of the TimelineList and TimelineItem. -*/ - -import { createContext, useContext } from "react"; - -// The Timeline main context -const Timeline = createContext(); - -// Timeline context provider -function TimelineProvider({ children, value }) { - return {children}; -} - -// Timeline custom hook for using context -function useTimeline() { - return useContext(Timeline); -} - -export { TimelineProvider, useTimeline }; -/* eslint-enable react/prop-types */ diff --git a/website/src/i18nextConf.js b/website/src/i18nextConf.js deleted file mode 100644 index c9a845c..0000000 --- a/website/src/i18nextConf.js +++ /dev/null @@ -1,34 +0,0 @@ -import i18n from "i18next"; -import { initReactI18next } from "react-i18next"; -import Backend from "i18next-http-backend"; -import LanguageDetector from "i18next-browser-languagedetector"; - -const fallbackLng = ["ru"]; -const availableLanguages = ["ru", "en"]; - -i18n - .use(Backend) // load translations using http (default public/assets/locals/en/translations) - .use(LanguageDetector) // detect user language - .use(initReactI18next) // pass the i18n instance to react-i18next. - .init({ - fallbackLng, // fallback language is english. - lng: "ru", - detection: { - checkWhitelist: true, // options for language detection - }, - - debug: true, - - whitelist: availableLanguages, - - interpolation: { - escapeValue: false, // no need for react. it escapes by default - }, - react: { - useSuspense: false, - }, - keySeparator: ".", - ignoreJSONStructure: false, - }); - -export default i18n; diff --git a/website/src/index.js b/website/src/index.js deleted file mode 100644 index 94b063d..0000000 --- a/website/src/index.js +++ /dev/null @@ -1,32 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 "i18nextConf"; -import React from "react"; -import ReactDOM from "react-dom"; -import { BrowserRouter } from "react-router-dom"; -import App from "App"; - -// Material Dashboard 2 React Context Provider -import { MaterialUIControllerProvider } from "context"; - -ReactDOM.render( - - - - - , - document.getElementById("root") -); diff --git a/website/src/layouts/authentication/components/BasicLayout/index.js b/website/src/layouts/authentication/components/BasicLayout/index.js deleted file mode 100644 index 6f60d89..0000000 --- a/website/src/layouts/authentication/components/BasicLayout/index.js +++ /dev/null @@ -1,70 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 React - v2.1.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-react -* Copyright 2022 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 -import Grid from "@mui/material/Grid"; - -// Material Dashboard 2 React components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 React example components -import DefaultNavbar from "examples/Navbars/DefaultNavbar"; -import PageLayout from "examples/LayoutContainers/PageLayout"; - -// Authentication pages components -import Footer from "layouts/authentication/components/Footer"; - -function BasicLayout({ image, children }) { - return ( - - - - image && - `${linearGradient( - rgba(gradients.dark.main, 0.6), - rgba(gradients.dark.state, 0.6) - )}, url(${image})`, - backgroundSize: "cover", - backgroundPosition: "center", - backgroundRepeat: "no-repeat", - }} - /> - - - - {children} - - - -