diff --git a/README.md b/README.md index 136b0b8..25692cd 100644 --- a/README.md +++ b/README.md @@ -191,7 +191,7 @@ material-dashboard-2-pro-react-ts │ │ └── widgets │   ├── types │   ├── App.tsx - │   ├── index.tsx + │   ├── BaseLayout.tsx │   ├── page.routes.tsx │   └── routes.tsx ├── .eslintignore diff --git a/package-lock.json b/package-lock.json index 126d81e..10bc320 100644 --- a/package-lock.json +++ b/package-lock.json @@ -90,7 +90,7 @@ "eslint-plugin-jsx-a11y": "6.5.1", "eslint-plugin-react": "7.28.0", "eslint-plugin-react-hooks": "4.3.0", - "typescript": "^4.7.3" + "typescript": "4.9.4" } }, "node_modules/@ampproject/remapping": { @@ -2565,14 +2565,14 @@ "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==" }, "node_modules/@eslint/eslintrc": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz", - "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==", + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz", + "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==", "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^9.4.0", - "globals": "^13.15.0", + "globals": "^13.19.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.0", @@ -3210,11 +3210,6 @@ } } }, - "node_modules/@mui/base/node_modules/react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "node_modules/@mui/core-downloads-tracker": { "version": "5.11.1", "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.11.1.tgz", @@ -3385,11 +3380,6 @@ } } }, - "node_modules/@mui/material/node_modules/react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "node_modules/@mui/material/node_modules/stylis": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz", @@ -3553,11 +3543,11 @@ "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==" }, "node_modules/@mui/system/node_modules/@mui/styled-engine": { - "version": "5.10.16", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.16.tgz", - "integrity": "sha512-ZMSjXvtiGwGDKqrSlXhpxK2voUaF2/lpC/pSTfFmZvKH9j9a9h1/iwo3ybgjFVYGgbfNeW4h0xEchiRohu9xsw==", + "version": "5.11.0", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.0.tgz", + "integrity": "sha512-AF06K60Zc58qf0f7X+Y/QjaHaZq16znliLnGc9iVrV/+s8Ln/FCoeNuFvhlCbZZQ5WQcJvcy59zp0nXrklGGPQ==", "dependencies": { - "@babel/runtime": "^7.20.1", + "@babel/runtime": "^7.20.6", "@emotion/cache": "^11.10.5", "csstype": "^3.1.1", "prop-types": "^15.8.1" @@ -3623,11 +3613,6 @@ "react": "^17.0.0 || ^18.0.0" } }, - "node_modules/@mui/utils/node_modules/react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "node_modules/@mui/x-data-grid": { "version": "5.17.6", "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-5.17.6.tgz", @@ -4423,12 +4408,12 @@ "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==" }, "node_modules/@types/express": { - "version": "4.17.14", - "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.14.tgz", - "integrity": "sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg==", + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.15.tgz", + "integrity": "sha512-Yv0k4bXGOH+8a+7bELd2PqHQsuiANB+A8a4gnQrkRWzrkKlb6KHaVvyXhqs04sVW/OWlbPyYxRgYlIXLfrufMQ==", "dependencies": { "@types/body-parser": "*", - "@types/express-serve-static-core": "^4.17.18", + "@types/express-serve-static-core": "^4.17.31", "@types/qs": "*", "@types/serve-static": "*" } @@ -4553,9 +4538,9 @@ "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" }, "node_modules/@types/prettier": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.1.tgz", - "integrity": "sha512-ri0UmynRRvZiiUJdiz38MmIblKK+oH30MztdBVR95dv/Ubw6neWSb8u1XpRb72L4qsZOhz+L+z9JD40SJmfWow==" + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz", + "integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==" }, "node_modules/@types/prop-types": { "version": "15.7.5", @@ -4826,11 +4811,11 @@ } }, "node_modules/@typescript-eslint/experimental-utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.46.0.tgz", - "integrity": "sha512-iMnpijlNNLL+OPIzLadOYQzHsPQ2FW6Qcd5+4DpUv9lQN4Kl+AGxjv0dx+dXPgJfDpj9Q8ePlbROdKLjQydHqg==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.47.0.tgz", + "integrity": "sha512-DAP8xOaTAJLxouU0QrATiw8o/OHxxbUBXtkf9v+bCCU6tbJUn24xwB1dHFw3b5wYq4XvC1z5lYEN0g/Rx1sjzA==", "dependencies": { - "@typescript-eslint/utils": "5.46.0" + "@typescript-eslint/utils": "5.47.0" }, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" @@ -4844,12 +4829,12 @@ } }, "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/scope-manager": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.46.0.tgz", - "integrity": "sha512-7wWBq9d/GbPiIM6SqPK9tfynNxVbfpihoY5cSFMer19OYUA3l4powA2uv0AV2eAZV6KoAh6lkzxv4PoxOLh1oA==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz", + "integrity": "sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==", "dependencies": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0" + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0" }, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" @@ -4860,9 +4845,9 @@ } }, "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/types": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.46.0.tgz", - "integrity": "sha512-wHWgQHFB+qh6bu0IAPAJCdeCdI0wwzZnnWThlmHNY01XJ9Z97oKqKOzWYpR2I83QmshhQJl6LDM9TqMiMwJBTw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.0.tgz", + "integrity": "sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==", "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" }, @@ -4872,12 +4857,12 @@ } }, "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/typescript-estree": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.46.0.tgz", - "integrity": "sha512-kDLNn/tQP+Yp8Ro2dUpyyVV0Ksn2rmpPpB0/3MO874RNmXtypMwSeazjEN/Q6CTp8D7ExXAAekPEcCEB/vtJkw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz", + "integrity": "sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==", "dependencies": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", @@ -4898,15 +4883,15 @@ } }, "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.46.0.tgz", - "integrity": "sha512-4O+Ps1CRDw+D+R40JYh5GlKLQERXRKW5yIQoNDpmXPJ+C7kaPF9R7GWl+PxGgXjB3PQCqsaaZUpZ9dG4U6DO7g==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.0.tgz", + "integrity": "sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==", "dependencies": { "@types/json-schema": "^7.0.9", "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.46.0", - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/typescript-estree": "5.46.0", + "@typescript-eslint/scope-manager": "5.47.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/typescript-estree": "5.47.0", "eslint-scope": "^5.1.1", "eslint-utils": "^3.0.0", "semver": "^7.3.7" @@ -4923,11 +4908,11 @@ } }, "node_modules/@typescript-eslint/experimental-utils/node_modules/@typescript-eslint/visitor-keys": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.46.0.tgz", - "integrity": "sha512-E13gBoIXmaNhwjipuvQg1ByqSAu/GbEpP/qzFihugJ+MomtoJtFAJG/+2DRPByf57B863m0/q7Zt16V9ohhANw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz", + "integrity": "sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==", "dependencies": { - "@typescript-eslint/types": "5.46.0", + "@typescript-eslint/types": "5.47.0", "eslint-visitor-keys": "^3.3.0" }, "engines": { @@ -5327,9 +5312,9 @@ } }, "node_modules/address": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/address/-/address-1.2.1.tgz", - "integrity": "sha512-B+6bi5D34+fDYENiH5qOlA0cV2rAGKuWZ9LeyUUehbXy8e0VS9e498yO0Jeeh+iM+6KbfudHTFjXw2MmJD4QRA==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz", + "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==", "engines": { "node": ">= 10.0.0" } @@ -5764,9 +5749,9 @@ "dev": true }, "node_modules/axe-core": { - "version": "4.5.2", - "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.5.2.tgz", - "integrity": "sha512-u2MVsXfew5HBvjsczCv+xlwdNnB1oQR9HlAcsejZttNjKKSkeDNVwB1vMThIUIFI9GoT57Vtk8iQLwqOfAkboA==", + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.6.1.tgz", + "integrity": "sha512-lCZN5XRuOnpG4bpMq8v0khrWtUOn+i8lZSb6wHZH56ZfbIEv6XwJV84AAueh9/zi7qPVJ/E4yz6fmsiyOmXR4w==", "engines": { "node": ">=4" } @@ -6376,9 +6361,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001436", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001436.tgz", - "integrity": "sha512-ZmWkKsnC2ifEPoWUvSAIGyOYwT+keAaaWPHiQ9DfMqS1t6tfuyFYoWR78TeZtznkEQ64+vGXH9cZrElwR2Mrxg==", + "version": "1.0.30001441", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz", + "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg==", "funding": [ { "type": "opencollective", @@ -7027,12 +7012,12 @@ } }, "node_modules/css-loader": { - "version": "6.7.2", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.2.tgz", - "integrity": "sha512-oqGbbVcBJkm8QwmnNzrFrWTnudnRZC+1eXikLJl0n4ljcfotgRifpg2a1lKy8jTrc4/d9A/ap1GFq1jDKG7J+Q==", + "version": "6.7.3", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz", + "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==", "dependencies": { "icss-utils": "^5.1.0", - "postcss": "^8.4.18", + "postcss": "^8.4.19", "postcss-modules-extract-imports": "^3.0.0", "postcss-modules-local-by-default": "^4.0.0", "postcss-modules-scope": "^3.0.0", @@ -7473,9 +7458,9 @@ "dev": true }, "node_modules/cypress/node_modules/@types/node": { - "version": "14.18.34", - "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.34.tgz", - "integrity": "sha512-hcU9AIQVHmPnmjRK+XUUYlILlr9pQrsqSrwov/JK1pnf3GTQowVBhx54FbvM0AU/VXGH4i3+vgXS5EguR7fysA==", + "version": "14.18.35", + "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.35.tgz", + "integrity": "sha512-2ATO8pfhG1kDvw4Lc4C0GXIMSQFFJBCo/R1fSgTwmUlq5oy95LXyjDQinsRVgQY6gp6ghh3H91wk9ES5/5C+Tw==", "dev": true }, "node_modules/cypress/node_modules/chalk": { @@ -8741,12 +8726,12 @@ } }, "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/scope-manager": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.46.0.tgz", - "integrity": "sha512-7wWBq9d/GbPiIM6SqPK9tfynNxVbfpihoY5cSFMer19OYUA3l4powA2uv0AV2eAZV6KoAh6lkzxv4PoxOLh1oA==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz", + "integrity": "sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==", "dependencies": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0" + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0" }, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" @@ -8757,9 +8742,9 @@ } }, "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/types": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.46.0.tgz", - "integrity": "sha512-wHWgQHFB+qh6bu0IAPAJCdeCdI0wwzZnnWThlmHNY01XJ9Z97oKqKOzWYpR2I83QmshhQJl6LDM9TqMiMwJBTw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.0.tgz", + "integrity": "sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==", "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" }, @@ -8769,12 +8754,12 @@ } }, "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/typescript-estree": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.46.0.tgz", - "integrity": "sha512-kDLNn/tQP+Yp8Ro2dUpyyVV0Ksn2rmpPpB0/3MO874RNmXtypMwSeazjEN/Q6CTp8D7ExXAAekPEcCEB/vtJkw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz", + "integrity": "sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==", "dependencies": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", @@ -8795,15 +8780,15 @@ } }, "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.46.0.tgz", - "integrity": "sha512-4O+Ps1CRDw+D+R40JYh5GlKLQERXRKW5yIQoNDpmXPJ+C7kaPF9R7GWl+PxGgXjB3PQCqsaaZUpZ9dG4U6DO7g==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.0.tgz", + "integrity": "sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==", "dependencies": { "@types/json-schema": "^7.0.9", "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.46.0", - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/typescript-estree": "5.46.0", + "@typescript-eslint/scope-manager": "5.47.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/typescript-estree": "5.47.0", "eslint-scope": "^5.1.1", "eslint-utils": "^3.0.0", "semver": "^7.3.7" @@ -8820,11 +8805,11 @@ } }, "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/visitor-keys": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.46.0.tgz", - "integrity": "sha512-E13gBoIXmaNhwjipuvQg1ByqSAu/GbEpP/qzFihugJ+MomtoJtFAJG/+2DRPByf57B863m0/q7Zt16V9ohhANw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz", + "integrity": "sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==", "dependencies": { - "@typescript-eslint/types": "5.46.0", + "@typescript-eslint/types": "5.47.0", "eslint-visitor-keys": "^3.3.0" }, "engines": { @@ -9455,9 +9440,9 @@ } }, "node_modules/filelist/node_modules/minimatch": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.1.tgz", - "integrity": "sha512-362NP+zlprccbEt/SkxKfRMHnNY85V74mVnpUpNyr3F35covl09Kec7/sEFLt3RA4oXmewtoaanoIf67SE5Y5g==", + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz", + "integrity": "sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -10036,9 +10021,9 @@ } }, "node_modules/globals": { - "version": "13.18.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz", - "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==", + "version": "13.19.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz", + "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==", "dependencies": { "type-fest": "^0.20.2" }, @@ -10536,9 +10521,9 @@ ] }, "node_modules/ignore": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.1.tgz", - "integrity": "sha512-d2qQLzTJ9WxQftPAuEQpSPmKqzxePjzVbpAVv62AQ64NTL+wR4JkrVqR/LqFsFEUsHDAiId52mJteHDFuDkElA==", + "version": "5.2.4", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", + "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==", "engines": { "node": ">= 4" } @@ -10638,11 +10623,11 @@ } }, "node_modules/internal-slot": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz", - "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz", + "integrity": "sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==", "dependencies": { - "get-intrinsic": "^1.1.0", + "get-intrinsic": "^1.1.3", "has": "^1.0.3", "side-channel": "^1.0.4" }, @@ -12298,11 +12283,6 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/jest-watch-typeahead/node_modules/react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "node_modules/jest-watch-typeahead/node_modules/slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -12422,9 +12402,9 @@ } }, "node_modules/jquery": { - "version": "3.6.1", - "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz", - "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw==" + "version": "3.6.3", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz", + "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==" }, "node_modules/js-tokens": { "version": "4.0.0", @@ -12566,9 +12546,9 @@ "dev": true }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz", + "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==", "bin": { "json5": "lib/cli.js" }, @@ -12734,9 +12714,9 @@ "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==" }, "node_modules/language-tags": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.6.tgz", - "integrity": "sha512-HNkaCgM8wZgE/BZACeotAAgpL9FUjEnhgF0FVQMIgH//zqTPreLYMb3rWYkYAqPoF75Jwuycp1da7uz66cfFQg==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.7.tgz", + "integrity": "sha512-bSytju1/657hFjgUzPAPqszxH62ouE8nQFoFaVlIQfne4wO/wXC9A4+m8jYve7YBBvi59eq0SUpcshvG8h5Usw==", "dependencies": { "language-subtag-registry": "^0.3.20" } @@ -13342,9 +13322,9 @@ "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==" }, "node_modules/node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==" + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz", + "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==" }, "node_modules/normalize-path": { "version": "3.0.0", @@ -13961,9 +13941,9 @@ } }, "node_modules/postcss": { - "version": "8.4.19", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", - "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", + "version": "8.4.20", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz", + "integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==", "funding": [ { "type": "opencollective", @@ -14810,9 +14790,9 @@ } }, "node_modules/postcss-opacity-percentage": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.2.tgz", - "integrity": "sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz", + "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==", "funding": [ { "type": "kofi", @@ -14825,6 +14805,9 @@ ], "engines": { "node": "^12 || ^14 || >=16" + }, + "peerDependencies": { + "postcss": "^8.2" } }, "node_modules/postcss-ordered-values": { @@ -15176,6 +15159,11 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/pretty-format/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -15772,9 +15760,9 @@ } }, "node_modules/react-is": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", - "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, "node_modules/react-lifecycles-compat": { "version": "3.0.4", @@ -15829,6 +15817,11 @@ } } }, + "node_modules/react-redux/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -16479,9 +16472,9 @@ } }, "node_modules/rxjs": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.6.0.tgz", - "integrity": "sha512-DDa7d8TFNUalGC9VqXvQ1euWNN7sc63TrUCuM9J998+ViviahMIjKSOU7rfcgFOF+FCD71BhDRv4hrFz+ImDLQ==", + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz", + "integrity": "sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==", "dev": true, "dependencies": { "tslib": "^2.1.0" @@ -20710,14 +20703,14 @@ "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==" }, "@eslint/eslintrc": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz", - "integrity": "sha512-uj3pT6Mg+3t39fvLrj8iuCIJ38zKO9FpGtJ4BBJebJhEwjoT+KLVNCcHT5QC9NGRIEi7fZ0ZR8YRb884auB4Lg==", + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz", + "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==", "requires": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^9.4.0", - "globals": "^13.15.0", + "globals": "^13.19.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.0", @@ -21205,13 +21198,6 @@ "clsx": "^1.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" - }, - "dependencies": { - "react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - } } }, "@mui/core-downloads-tracker": { @@ -21294,11 +21280,6 @@ "prop-types": "^15.8.1" } }, - "react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "stylis": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz", @@ -21388,11 +21369,11 @@ "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==" }, "@mui/styled-engine": { - "version": "5.10.16", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.16.tgz", - "integrity": "sha512-ZMSjXvtiGwGDKqrSlXhpxK2voUaF2/lpC/pSTfFmZvKH9j9a9h1/iwo3ybgjFVYGgbfNeW4h0xEchiRohu9xsw==", + "version": "5.11.0", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.0.tgz", + "integrity": "sha512-AF06K60Zc58qf0f7X+Y/QjaHaZq16znliLnGc9iVrV/+s8Ln/FCoeNuFvhlCbZZQ5WQcJvcy59zp0nXrklGGPQ==", "requires": { - "@babel/runtime": "^7.20.1", + "@babel/runtime": "^7.20.6", "@emotion/cache": "^11.10.5", "csstype": "^3.1.1", "prop-types": "^15.8.1" @@ -21420,13 +21401,6 @@ "@types/react-is": "^16.7.1 || ^17.0.0", "prop-types": "^15.8.1", "react-is": "^18.2.0" - }, - "dependencies": { - "react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - } } }, "@mui/x-data-grid": { @@ -21974,12 +21948,12 @@ "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==" }, "@types/express": { - "version": "4.17.14", - "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.14.tgz", - "integrity": "sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg==", + "version": "4.17.15", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.15.tgz", + "integrity": "sha512-Yv0k4bXGOH+8a+7bELd2PqHQsuiANB+A8a4gnQrkRWzrkKlb6KHaVvyXhqs04sVW/OWlbPyYxRgYlIXLfrufMQ==", "requires": { "@types/body-parser": "*", - "@types/express-serve-static-core": "^4.17.18", + "@types/express-serve-static-core": "^4.17.31", "@types/qs": "*", "@types/serve-static": "*" } @@ -22104,9 +22078,9 @@ "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" }, "@types/prettier": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.1.tgz", - "integrity": "sha512-ri0UmynRRvZiiUJdiz38MmIblKK+oH30MztdBVR95dv/Ubw6neWSb8u1XpRb72L4qsZOhz+L+z9JD40SJmfWow==" + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz", + "integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==" }, "@types/prop-types": { "version": "15.7.5", @@ -22361,34 +22335,34 @@ } }, "@typescript-eslint/experimental-utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.46.0.tgz", - "integrity": "sha512-iMnpijlNNLL+OPIzLadOYQzHsPQ2FW6Qcd5+4DpUv9lQN4Kl+AGxjv0dx+dXPgJfDpj9Q8ePlbROdKLjQydHqg==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.47.0.tgz", + "integrity": "sha512-DAP8xOaTAJLxouU0QrATiw8o/OHxxbUBXtkf9v+bCCU6tbJUn24xwB1dHFw3b5wYq4XvC1z5lYEN0g/Rx1sjzA==", "requires": { - "@typescript-eslint/utils": "5.46.0" + "@typescript-eslint/utils": "5.47.0" }, "dependencies": { "@typescript-eslint/scope-manager": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.46.0.tgz", - "integrity": "sha512-7wWBq9d/GbPiIM6SqPK9tfynNxVbfpihoY5cSFMer19OYUA3l4powA2uv0AV2eAZV6KoAh6lkzxv4PoxOLh1oA==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz", + "integrity": "sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==", "requires": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0" + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0" } }, "@typescript-eslint/types": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.46.0.tgz", - "integrity": "sha512-wHWgQHFB+qh6bu0IAPAJCdeCdI0wwzZnnWThlmHNY01XJ9Z97oKqKOzWYpR2I83QmshhQJl6LDM9TqMiMwJBTw==" + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.0.tgz", + "integrity": "sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==" }, "@typescript-eslint/typescript-estree": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.46.0.tgz", - "integrity": "sha512-kDLNn/tQP+Yp8Ro2dUpyyVV0Ksn2rmpPpB0/3MO874RNmXtypMwSeazjEN/Q6CTp8D7ExXAAekPEcCEB/vtJkw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz", + "integrity": "sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==", "requires": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", @@ -22397,26 +22371,26 @@ } }, "@typescript-eslint/utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.46.0.tgz", - "integrity": "sha512-4O+Ps1CRDw+D+R40JYh5GlKLQERXRKW5yIQoNDpmXPJ+C7kaPF9R7GWl+PxGgXjB3PQCqsaaZUpZ9dG4U6DO7g==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.0.tgz", + "integrity": "sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==", "requires": { "@types/json-schema": "^7.0.9", "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.46.0", - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/typescript-estree": "5.46.0", + "@typescript-eslint/scope-manager": "5.47.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/typescript-estree": "5.47.0", "eslint-scope": "^5.1.1", "eslint-utils": "^3.0.0", "semver": "^7.3.7" } }, "@typescript-eslint/visitor-keys": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.46.0.tgz", - "integrity": "sha512-E13gBoIXmaNhwjipuvQg1ByqSAu/GbEpP/qzFihugJ+MomtoJtFAJG/+2DRPByf57B863m0/q7Zt16V9ohhANw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz", + "integrity": "sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==", "requires": { - "@typescript-eslint/types": "5.46.0", + "@typescript-eslint/types": "5.47.0", "eslint-visitor-keys": "^3.3.0" } } @@ -22712,9 +22686,9 @@ "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==" }, "address": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/address/-/address-1.2.1.tgz", - "integrity": "sha512-B+6bi5D34+fDYENiH5qOlA0cV2rAGKuWZ9LeyUUehbXy8e0VS9e498yO0Jeeh+iM+6KbfudHTFjXw2MmJD4QRA==" + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz", + "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==" }, "adjust-sourcemap-loader": { "version": "4.0.0", @@ -23005,9 +22979,9 @@ "dev": true }, "axe-core": { - "version": "4.5.2", - "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.5.2.tgz", - "integrity": "sha512-u2MVsXfew5HBvjsczCv+xlwdNnB1oQR9HlAcsejZttNjKKSkeDNVwB1vMThIUIFI9GoT57Vtk8iQLwqOfAkboA==" + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.6.1.tgz", + "integrity": "sha512-lCZN5XRuOnpG4bpMq8v0khrWtUOn+i8lZSb6wHZH56ZfbIEv6XwJV84AAueh9/zi7qPVJ/E4yz6fmsiyOmXR4w==" }, "axios": { "version": "0.27.2", @@ -23459,9 +23433,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001436", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001436.tgz", - "integrity": "sha512-ZmWkKsnC2ifEPoWUvSAIGyOYwT+keAaaWPHiQ9DfMqS1t6tfuyFYoWR78TeZtznkEQ64+vGXH9cZrElwR2Mrxg==" + "version": "1.0.30001441", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz", + "integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg==" }, "case-sensitive-paths-webpack-plugin": { "version": "2.4.0", @@ -23952,12 +23926,12 @@ } }, "css-loader": { - "version": "6.7.2", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.2.tgz", - "integrity": "sha512-oqGbbVcBJkm8QwmnNzrFrWTnudnRZC+1eXikLJl0n4ljcfotgRifpg2a1lKy8jTrc4/d9A/ap1GFq1jDKG7J+Q==", + "version": "6.7.3", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz", + "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==", "requires": { "icss-utils": "^5.1.0", - "postcss": "^8.4.18", + "postcss": "^8.4.19", "postcss-modules-extract-imports": "^3.0.0", "postcss-modules-local-by-default": "^4.0.0", "postcss-modules-scope": "^3.0.0", @@ -24259,9 +24233,9 @@ }, "dependencies": { "@types/node": { - "version": "14.18.34", - "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.34.tgz", - "integrity": "sha512-hcU9AIQVHmPnmjRK+XUUYlILlr9pQrsqSrwov/JK1pnf3GTQowVBhx54FbvM0AU/VXGH4i3+vgXS5EguR7fysA==", + "version": "14.18.35", + "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.35.tgz", + "integrity": "sha512-2ATO8pfhG1kDvw4Lc4C0GXIMSQFFJBCo/R1fSgTwmUlq5oy95LXyjDQinsRVgQY6gp6ghh3H91wk9ES5/5C+Tw==", "dev": true }, "chalk": { @@ -25239,26 +25213,26 @@ }, "dependencies": { "@typescript-eslint/scope-manager": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.46.0.tgz", - "integrity": "sha512-7wWBq9d/GbPiIM6SqPK9tfynNxVbfpihoY5cSFMer19OYUA3l4powA2uv0AV2eAZV6KoAh6lkzxv4PoxOLh1oA==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz", + "integrity": "sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==", "requires": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0" + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0" } }, "@typescript-eslint/types": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.46.0.tgz", - "integrity": "sha512-wHWgQHFB+qh6bu0IAPAJCdeCdI0wwzZnnWThlmHNY01XJ9Z97oKqKOzWYpR2I83QmshhQJl6LDM9TqMiMwJBTw==" + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.0.tgz", + "integrity": "sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==" }, "@typescript-eslint/typescript-estree": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.46.0.tgz", - "integrity": "sha512-kDLNn/tQP+Yp8Ro2dUpyyVV0Ksn2rmpPpB0/3MO874RNmXtypMwSeazjEN/Q6CTp8D7ExXAAekPEcCEB/vtJkw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz", + "integrity": "sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==", "requires": { - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/visitor-keys": "5.46.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/visitor-keys": "5.47.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", @@ -25267,26 +25241,26 @@ } }, "@typescript-eslint/utils": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.46.0.tgz", - "integrity": "sha512-4O+Ps1CRDw+D+R40JYh5GlKLQERXRKW5yIQoNDpmXPJ+C7kaPF9R7GWl+PxGgXjB3PQCqsaaZUpZ9dG4U6DO7g==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.0.tgz", + "integrity": "sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==", "requires": { "@types/json-schema": "^7.0.9", "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.46.0", - "@typescript-eslint/types": "5.46.0", - "@typescript-eslint/typescript-estree": "5.46.0", + "@typescript-eslint/scope-manager": "5.47.0", + "@typescript-eslint/types": "5.47.0", + "@typescript-eslint/typescript-estree": "5.47.0", "eslint-scope": "^5.1.1", "eslint-utils": "^3.0.0", "semver": "^7.3.7" } }, "@typescript-eslint/visitor-keys": { - "version": "5.46.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.46.0.tgz", - "integrity": "sha512-E13gBoIXmaNhwjipuvQg1ByqSAu/GbEpP/qzFihugJ+MomtoJtFAJG/+2DRPByf57B863m0/q7Zt16V9ohhANw==", + "version": "5.47.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz", + "integrity": "sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==", "requires": { - "@typescript-eslint/types": "5.46.0", + "@typescript-eslint/types": "5.47.0", "eslint-visitor-keys": "^3.3.0" } } @@ -25739,9 +25713,9 @@ } }, "minimatch": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.1.tgz", - "integrity": "sha512-362NP+zlprccbEt/SkxKfRMHnNY85V74mVnpUpNyr3F35covl09Kec7/sEFLt3RA4oXmewtoaanoIf67SE5Y5g==", + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.2.tgz", + "integrity": "sha512-bNH9mmM9qsJ2X4r2Nat1B//1dJVcn3+iBLa3IgqJ7EbGaDNepL9QSHOxN4ng33s52VMMhhIfgCYDk3C4ZmlDAg==", "requires": { "brace-expansion": "^2.0.1" } @@ -26154,9 +26128,9 @@ } }, "globals": { - "version": "13.18.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.18.0.tgz", - "integrity": "sha512-/mR4KI8Ps2spmoc0Ulu9L7agOF0du1CZNQ3dke8yItYlyKNmGrkONemBbd6V8UTc1Wgcqn21t3WYB7dbRmh6/A==", + "version": "13.19.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz", + "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==", "requires": { "type-fest": "^0.20.2" } @@ -26522,9 +26496,9 @@ "dev": true }, "ignore": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.1.tgz", - "integrity": "sha512-d2qQLzTJ9WxQftPAuEQpSPmKqzxePjzVbpAVv62AQ64NTL+wR4JkrVqR/LqFsFEUsHDAiId52mJteHDFuDkElA==" + "version": "5.2.4", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", + "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==" }, "immer": { "version": "9.0.16", @@ -26593,11 +26567,11 @@ } }, "internal-slot": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz", - "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz", + "integrity": "sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==", "requires": { - "get-intrinsic": "^1.1.0", + "get-intrinsic": "^1.1.3", "has": "^1.0.3", "side-channel": "^1.0.4" } @@ -27798,11 +27772,6 @@ } } }, - "react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" - }, "slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -27887,9 +27856,9 @@ } }, "jquery": { - "version": "3.6.1", - "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz", - "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw==" + "version": "3.6.3", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz", + "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg==" }, "js-tokens": { "version": "4.0.0", @@ -28004,9 +27973,9 @@ "dev": true }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==" + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz", + "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==" }, "jsonfile": { "version": "6.1.0", @@ -28142,9 +28111,9 @@ "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==" }, "language-tags": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.6.tgz", - "integrity": "sha512-HNkaCgM8wZgE/BZACeotAAgpL9FUjEnhgF0FVQMIgH//zqTPreLYMb3rWYkYAqPoF75Jwuycp1da7uz66cfFQg==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.7.tgz", + "integrity": "sha512-bSytju1/657hFjgUzPAPqszxH62ouE8nQFoFaVlIQfne4wO/wXC9A4+m8jYve7YBBvi59eq0SUpcshvG8h5Usw==", "requires": { "language-subtag-registry": "^0.3.20" } @@ -28597,9 +28566,9 @@ "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==" }, "node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==" + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.8.tgz", + "integrity": "sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==" }, "normalize-path": { "version": "3.0.0", @@ -29034,9 +29003,9 @@ } }, "postcss": { - "version": "8.4.19", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", - "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", + "version": "8.4.20", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz", + "integrity": "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==", "requires": { "nanoid": "^3.3.4", "picocolors": "^1.0.0", @@ -29472,9 +29441,9 @@ } }, "postcss-opacity-percentage": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.2.tgz", - "integrity": "sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w==" + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz", + "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==" }, "postcss-ordered-values": { "version": "5.1.3", @@ -29704,6 +29673,11 @@ "version": "5.2.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==" + }, + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" } } }, @@ -30198,9 +30172,9 @@ } }, "react-is": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", - "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", + "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" }, "react-lifecycles-compat": { "version": "3.0.4", @@ -30236,6 +30210,13 @@ "loose-envify": "^1.4.0", "prop-types": "^15.7.2", "react-is": "^17.0.2" + }, + "dependencies": { + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + } } }, "react-refresh": { @@ -30713,9 +30694,9 @@ } }, "rxjs": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.6.0.tgz", - "integrity": "sha512-DDa7d8TFNUalGC9VqXvQ1euWNN7sc63TrUCuM9J998+ViviahMIjKSOU7rfcgFOF+FCD71BhDRv4hrFz+ImDLQ==", + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz", + "integrity": "sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==", "dev": true, "requires": { "tslib": "^2.1.0" diff --git a/package.json b/package.json index be18d3c..95e19d5 100644 --- a/package.json +++ b/package.json @@ -116,7 +116,7 @@ "eslint-plugin-jsx-a11y": "6.5.1", "eslint-plugin-react": "7.28.0", "eslint-plugin-react-hooks": "4.3.0", - "typescript": "^4.7.3" + "typescript": "4.9.4" }, "main": "qqq-frontend-material-dashboard.js", "module": "lib/qqq-frontend-material-dashboard.js", diff --git a/src/components/MDAvatar/MDAvatarRoot.tsx b/src/components/MDAvatar/MDAvatarRoot.tsx deleted file mode 100644 index ec0e89c..0000000 --- a/src/components/MDAvatar/MDAvatarRoot.tsx +++ /dev/null @@ -1,89 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Avatar)(({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - 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/src/components/MDAvatar/index.tsx b/src/components/MDAvatar/index.tsx deleted file mode 100644 index 1517e75..0000000 --- a/src/components/MDAvatar/index.tsx +++ /dev/null @@ -1,52 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, forwardRef } from "react"; - -// @mui material components -import { AvatarProps } from "@mui/material"; - -// Custom styles for MDAvatar -import MDAvatarRoot from "components/MDAvatar/MDAvatarRoot"; - -// declare props types for MDAvatar -interface Props extends AvatarProps { - bgColor?: - | "transparent" - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark"; - size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl"; - shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "inset"; - [key: string]: any; -} - -const MDAvatar: FC = forwardRef(({ bgColor, size, shadow, ...rest }, ref) => ( - -)); - -// Declaring default props for MDAvatar -MDAvatar.defaultProps = { - bgColor: "transparent", - size: "md", - shadow: "none", -}; - -export default MDAvatar; diff --git a/src/components/MDBadge/MDBadgeRoot.tsx b/src/components/MDBadge/MDBadgeRoot.tsx deleted file mode 100644 index 636d5b2..0000000 --- a/src/components/MDBadge/MDBadgeRoot.tsx +++ /dev/null @@ -1,134 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Badge)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - 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: { [key: string]: string } = { - 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: string) => { - 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: string) => { - 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: string) => { - 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()), - ...(container && containerStyles()), - }, - }; -}); diff --git a/src/components/MDBadge/index.tsx b/src/components/MDBadge/index.tsx deleted file mode 100644 index a5d5c9f..0000000 --- a/src/components/MDBadge/index.tsx +++ /dev/null @@ -1,62 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, ReactNode, forwardRef } from "react"; - -// @mui material components -import { BadgeProps } from "@mui/material"; - -// Custom styles for the MDBadge -import MDBadgeRoot from "components/MDBadge/MDBadgeRoot"; - -// declaring props types for MDBadge -interface Props extends Omit { - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark"; - variant?: "gradient" | "contained"; - size?: "xs" | "sm" | "md" | "lg"; - circular?: boolean; - indicator?: boolean; - border?: boolean; - children?: ReactNode; - container?: boolean; - [key: string]: any; -} - -const MDBadge: FC = forwardRef( - ({ color, variant, size, circular, indicator, border, container, children, ...rest }, ref) => ( - - {children} - - ) -); - -// declaring default props for MDBadge -MDBadge.defaultProps = { - color: "info", - variant: "gradient", - size: "sm", - circular: false, - indicator: false, - border: false, - container: false, - children: false, -}; - -export default MDBadge; diff --git a/src/components/MDBadgeDot/index.tsx b/src/components/MDBadgeDot/index.tsx deleted file mode 100644 index 549f6a0..0000000 --- a/src/components/MDBadgeDot/index.tsx +++ /dev/null @@ -1,107 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, forwardRef } from "react"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// declaring props types for MDBadgeDot -interface Props { - variant?: "gradient" | "contained"; - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark"; - size?: "xs" | "sm" | "md" | "lg"; - badgeContent: string; - font?: - | { - color: string; - weight: string; - } - | any; - [key: string]: any; -} - -const MDBadgeDot: FC = forwardRef( - ({ variant, color, size, badgeContent, font = {}, ...rest }, ref) => { - let finalSize; - let fontSize: any; - let padding; - - if (size === "sm") { - finalSize = "0.5rem"; - fontSize = "caption"; - padding = "0.45em 0.775em"; - } else if (size === "lg") { - finalSize = "0.625rem"; - fontSize = "body2"; - padding = "0.85em 1.375em"; - } else if (size === "md") { - finalSize = "0.5rem"; - fontSize = "button"; - padding = "0.65em 1em"; - } else { - finalSize = "0.375rem"; - fontSize = "caption"; - padding = "0.45em 0.775em"; - } - - const validColors = [ - "primary", - "secondary", - "info", - "success", - "warning", - "error", - "light", - "dark", - ]; - - const validColorIndex = validColors.findIndex((el) => el === color); - - return ( - - - - {badgeContent} - - - ); - } -); - -// Declaring default props for MDBadgeDot -MDBadgeDot.defaultProps = { - variant: "contained", - color: "info", - size: "xs", - font: {}, -}; - -export default MDBadgeDot; diff --git a/src/components/MDBox/MDBoxRoot.tsx b/src/components/MDBox/MDBoxRoot.tsx deleted file mode 100644 index cb51618..0000000 --- a/src/components/MDBox/MDBoxRoot.tsx +++ /dev/null @@ -1,122 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Box)(({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - 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: { [key: string]: string } = { - "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/src/components/MDBox/index.tsx b/src/components/MDBox/index.tsx deleted file mode 100644 index 034b6ce..0000000 --- a/src/components/MDBox/index.tsx +++ /dev/null @@ -1,57 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, FC } from "react"; - -// @mui material components -import { BoxProps } from "@mui/material"; - -// Custom styles for MDBox -import MDBoxRoot from "components/MDBox/MDBoxRoot"; - -// declaring props types for MDBox -interface Props extends BoxProps { - variant?: "contained" | "gradient"; - bgColor?: string; - color?: string; - opacity?: number; - borderRadius?: string; - shadow?: string; - coloredShadow?: string; - [key: string]: any; -} - -const MDBox: FC = forwardRef( - ({ variant, bgColor, color, opacity, borderRadius, shadow, coloredShadow, ...rest }, ref) => ( - - ) -); - -// Declaring default props for MDBox -MDBox.defaultProps = { - variant: "contained", - bgColor: "transparent", - color: "dark", - opacity: 1, - borderRadius: "none", - shadow: "none", - coloredShadow: "none", -}; - -export default MDBox; diff --git a/src/components/MDButton/MDButtonRoot.tsx b/src/components/MDButton/MDButtonRoot.tsx deleted file mode 100644 index 0bc1942..0000000 --- a/src/components/MDButton/MDButtonRoot.tsx +++ /dev/null @@ -1,283 +0,0 @@ -/* eslint-disable prefer-destructuring */ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Button)(({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - 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, - color: colorValue, - boxShadow: hoveredBoxShadowValue, - }, - - "&:focus:not(:hover)": { - backgroundColor: focusedBackgroundValue, - color: colorValue, - 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 outlinedStyles = () => { - // 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, - border: `${pxToRem(1)} solid ${borderColorValue}`, - - "&:hover": { - background: transparent.main, - color: colorValue, - borderColor: colorValue, - opacity: 0.85, - }, - - "&:focus:not(:hover)": { - background: transparent.main, - color: colorValue, - 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, - color: colorValue, - }, - - "&:focus:not(:hover)": { - boxShadow: boxShadowValue, - color: colorValue, - }, - - "&: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" && outlinedStyles()), - ...(variant === "gradient" && gradientStyles()), - ...(variant === "text" && textStyles()), - ...(circular && circularStyles()), - ...(iconOnly && iconOnlyStyles()), - }; -}); diff --git a/src/components/MDButton/index.tsx b/src/components/MDButton/index.tsx deleted file mode 100644 index 0adcb72..0000000 --- a/src/components/MDButton/index.tsx +++ /dev/null @@ -1,74 +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 { FC, ReactNode, forwardRef } from "react"; - -// @mui material components -import { ButtonProps } from "@mui/material"; - -// Custom styles for MDButton -import MDButtonRoot from "components/MDButton/MDButtonRoot"; - -// Material Dashboard 2 PRO React TS contexts -import { useMaterialUIController } from "context"; - -// Declaring props types for MDButton -export interface Props extends Omit { - color?: - | "white" - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark" - | "default"; - variant?: "text" | "contained" | "outlined" | "gradient"; - size?: "small" | "medium" | "large"; - circular?: boolean; - iconOnly?: boolean; - children?: ReactNode; - [key: string]: any; -} - -const MDButton: FC = forwardRef( - ({ color, variant, size, circular, iconOnly, children, ...rest }, ref) => { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - {children} - - ); - } -); - -// Declaring default props for MDButton -MDButton.defaultProps = { - color: "white", - variant: "contained", - size: "medium", - circular: false, - iconOnly: false, -}; - -export default MDButton; diff --git a/src/components/MDDatePicker/index.tsx b/src/components/MDDatePicker/index.tsx deleted file mode 100644 index 0598c23..0000000 --- a/src/components/MDDatePicker/index.tsx +++ /dev/null @@ -1,48 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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-flatpickr components -import Flatpickr from "react-flatpickr"; - -// react-flatpickr styles -import "flatpickr/dist/flatpickr.css"; - -// Material Dashboard 2 PRO React TS components -import MDInput from "components/MDInput"; - -// types -interface Props { - input?: { - [key: string]: any; - }; - [key: string]: any; -} - -function MDDatePicker({ input, ...rest }: Props): JSX.Element { - return ( - ( - - )} - /> - ); -} - -MDDatePicker.defaultProps = { - input: {}, -}; - -export default MDDatePicker; diff --git a/src/components/MDDropzone/MDDropzoneRoot.tsx b/src/components/MDDropzone/MDDropzoneRoot.tsx deleted file mode 100644 index 19d1fd5..0000000 --- a/src/components/MDDropzone/MDDropzoneRoot.tsx +++ /dev/null @@ -1,73 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled("form")(({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - const { palette, typography, borders, functions } = theme; - const { darkMode } = ownerState; - - const { text, white, dark, inputBorderColor, transparent } = palette; - const { size } = typography; - const { borderRadius, borderWidth } = borders; - const { rgba } = functions; - - return { - display: "flex", - alignItems: "center", - border: `${borderWidth[1]} solid ${inputBorderColor} !important`, - borderRadius: borderRadius.md, - - "&.dropzone": { - background: `${transparent.main} !important`, - }, - - "& .dz-default": { - margin: "0 auto !important", - }, - - "& .dz-default .dz-button": { - color: `${text.main} !important`, - fontSize: `${size.sm} !important`, - }, - - "& .dz-preview.dz-image-preview": { - background: `${transparent.main} !important`, - }, - - "& .dz-preview .dz-details": { - color: `${dark.main} !important`, - opacity: "1 !important", - - "& .dz-size span, & .dz-filename span": { - backgroundColor: `${rgba(white.main, 0.7)} !important`, - }, - }, - - "& .dz-error-message": { - display: "none !important", - }, - - "& .dz-remove": { - color: `${darkMode ? white.main : dark.main} !important`, - textDecoration: "none", - - "&:hover, &:focus": { - textDecoration: "none !important", - }, - }, - }; -}); diff --git a/src/components/MDDropzone/index.tsx b/src/components/MDDropzone/index.tsx deleted file mode 100644 index ac85e98..0000000 --- a/src/components/MDDropzone/index.tsx +++ /dev/null @@ -1,76 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, useRef } from "react"; - -// Dropzone components -import Dropzone from "dropzone"; - -// Dropzone styles -import "dropzone/dist/dropzone.css"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; - -// Custom styles for the MDDropzone -import MDDropzoneRoot from "components/MDDropzone/MDDropzoneRoot"; - -// Material Dashboard 2 PRO React context -import { useMaterialUIController } from "context"; - -// Declaring props types for MDDropzone -interface Props { - options: { - [key: string | number]: any; - }; -} - -function MDDropzone({ options }: Props): JSX.Element { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - const dropzoneRef = useRef(null); - - useEffect(() => { - Dropzone.autoDiscover = false; - - function createDropzone() { - return new Dropzone(dropzoneRef.current, { ...options }); - } - - function removeDropzone() { - if (Dropzone.instances.length > 0) Dropzone.instances.forEach((dz: any) => dz.destroy()); - } - - createDropzone(); - - return () => removeDropzone(); - }, [options]); - - return ( - - - - - - ); -} - -export default MDDropzone; diff --git a/src/components/MDEditor/MDEditorRoot.tsx b/src/components/MDEditor/MDEditorRoot.tsx deleted file mode 100644 index e774af7..0000000 --- a/src/components/MDEditor/MDEditorRoot.tsx +++ /dev/null @@ -1,54 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled("div")(({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - const { palette, borders, typography } = theme; - const { darkMode } = ownerState; - - const { borderRadius } = borders; - const { size } = typography; - const { text, white, dark } = palette; - - return { - "& .ql-toolbar": { - borderRadius: `${borderRadius.md} ${borderRadius.md} 0 0`, - - "& .ql-picker, & .ql-stroke": { - stroke: `${darkMode ? white.main : dark.main} !important`, - color: `${darkMode ? white.main : dark.main} !important`, - }, - }, - - "& .ql-container": { - borderRadius: `0 0 ${borderRadius.md} ${borderRadius.md}`, - }, - - "& .ql-editor": { - color: darkMode ? white.main : text.main, - - "& p": { - fontSize: size.md, - color: darkMode ? white.main : text.main, - }, - - "& ul li": { - color: darkMode ? white.main : text.main, - }, - }, - }; -}); diff --git a/src/components/MDEditor/index.tsx b/src/components/MDEditor/index.tsx deleted file mode 100644 index 6028086..0000000 --- a/src/components/MDEditor/index.tsx +++ /dev/null @@ -1,44 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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-quill components -import ReactQuill from "react-quill"; - -// react-quill styles -import "react-quill/dist/quill.snow.css"; - -// Custom styles for the MDEditor -import MDEditorRoot from "components/MDEditor/MDEditorRoot"; - -// Material Dashboard 2 PRO React context -import { useMaterialUIController } from "context"; - -// declaring types for the MDEditor -interface Props { - [key: string]: any; -} - -function MDEditor(props: Props): JSX.Element { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - - - ); -} - -export default MDEditor; diff --git a/src/components/MDInput/MDInputRoot.tsx b/src/components/MDInput/MDInputRoot.tsx deleted file mode 100644 index efa28bd..0000000 --- a/src/components/MDInput/MDInputRoot.tsx +++ /dev/null @@ -1,71 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(TextField)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - 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/src/components/MDInput/index.tsx b/src/components/MDInput/index.tsx deleted file mode 100644 index d27366f..0000000 --- a/src/components/MDInput/index.tsx +++ /dev/null @@ -1,43 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, forwardRef } from "react"; - -// @mui material components -import { OutlinedTextFieldProps, StandardTextFieldProps } from "@mui/material"; - -// Custom styles for MDInput -import MDInputRoot from "components/MDInput/MDInputRoot"; - -// Declaring props types for MDInput -interface Props extends Omit { - variant?: "standard" | "outlined"; - error?: boolean; - success?: boolean; - disabled?: boolean; -} - -const MDInput: FC = forwardRef(({ error, success, disabled, ...rest }, ref) => ( - -)); - -// Declaring default props for MDInput -MDInput.defaultProps = { - error: false, - success: false, - disabled: false, -}; - -export default MDInput; diff --git a/src/components/MDPagination/MDPaginationItemRoot.tsx b/src/components/MDPagination/MDPaginationItemRoot.tsx deleted file mode 100644 index 1ee6ac8..0000000 --- a/src/components/MDPagination/MDPaginationItemRoot.tsx +++ /dev/null @@ -1,63 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -// Material Dashboard 2 PRO React TS components -import MDButton from "components/MDButton"; - -// @ts-ignore -export default styled(MDButton)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - 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/src/components/MDPagination/index.tsx b/src/components/MDPagination/index.tsx deleted file mode 100644 index ed72127..0000000 --- a/src/components/MDPagination/index.tsx +++ /dev/null @@ -1,99 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { ReactNode, FC, forwardRef, createContext, useContext, useMemo } from "react"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; - -// Custom styles for MDPagination -import MDPaginationItemRoot from "components/MDPagination/MDPaginationItemRoot"; - -// The Pagination main context -const Context = createContext(null); - -// Declare props types for MDPagination -interface Props { - item?: boolean; - variant?: "gradient" | "contained"; - color?: - | "white" - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark"; - size?: "small" | "medium" | "large"; - active?: boolean; - children: ReactNode; - [key: string]: any; -} - -const MDPagination: FC = forwardRef( - ({ item, variant, color, size, active, children, ...rest }, ref) => { - const context: any = useContext(Context); - const paginationSize = context ? context.size : undefined; - - const providerValue = useMemo( - () => ({ - variant, - color, - size, - }), - [variant, color, size] - ); - - return ( - - {item ? ( - - {children} - - ) : ( - - {children} - - )} - - ); - } -); - -// Declaring default props for MDPagination -MDPagination.defaultProps = { - item: false, - variant: "gradient", - color: "info", - size: "medium", - active: false, -}; - -export default MDPagination; diff --git a/src/components/MDProgress/MDProgressRoot.tsx b/src/components/MDProgress/MDProgressRoot.tsx deleted file mode 100644 index 8fde660..0000000 --- a/src/components/MDProgress/MDProgressRoot.tsx +++ /dev/null @@ -1,47 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; -import LinearProgress from "@mui/material/LinearProgress"; - -export default styled(LinearProgress)( - ({ theme, ownerState }: { theme?: Theme | any; ownerState: any }) => { - 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/src/components/MDProgress/index.tsx b/src/components/MDProgress/index.tsx deleted file mode 100644 index 1352620..0000000 --- a/src/components/MDProgress/index.tsx +++ /dev/null @@ -1,58 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, forwardRef } from "react"; - -// Material Dashboard 2 PRO React TS components -import MDTypography from "components/MDTypography"; - -// Custom styles for MDProgress -import MDProgressRoot from "components/MDProgress/MDProgressRoot"; - -// Delcare props types for MDProgress -interface Props { - variant?: "contained" | "gradient"; - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark"; - value: number; - label?: boolean; - [key: string]: any; -} - -const MDProgress: FC = forwardRef(({ variant, color, value, label, ...rest }, ref) => ( - <> - {label && ( - - {value}% - - )} - - -)); - -// Declaring default props for MDProgress -MDProgress.defaultProps = { - variant: "contained", - color: "info", - value: 0, - label: false, -}; - -export default MDProgress; diff --git a/src/components/MDSnackbar/MDSnackbarIconRoot.tsx b/src/components/MDSnackbar/MDSnackbarIconRoot.tsx deleted file mode 100644 index caf1b63..0000000 --- a/src/components/MDSnackbar/MDSnackbarIconRoot.tsx +++ /dev/null @@ -1,47 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Icon)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - 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/src/components/MDSnackbar/index.tsx b/src/components/MDSnackbar/index.tsx deleted file mode 100644 index 97fda0c..0000000 --- a/src/components/MDSnackbar/index.tsx +++ /dev/null @@ -1,177 +0,0 @@ -/* eslint-disable react/default-props-match-prop-types */ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { ReactNode } from "react"; - -// @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"; -import { SnackbarProps } from "@mui/material"; - -// Material Dashboard 2 PRO React TS 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 PRO React context -import { useMaterialUIController } from "context"; - -// Declaring props types for MDSnackbar -interface Props extends SnackbarProps { - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "dark" | "light"; - icon: ReactNode; - title: string; - dateTime: string; - content: string; - close: () => void; - bgWhite?: boolean; - [key: string]: any; -} - -function MDSnackbar({ - color, - icon, - title, - dateTime, - content, - close, - bgWhite, - ...rest -}: Props): JSX.Element { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - let titleColor: any; - let dateTimeColor: any; - let dividerColor: any; - - 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 }: { palette: any }) => { - let colorValue = - bgWhite || color === "light" ? palette.text.main : palette.white.main; - - if (darkMode) { - colorValue = color === "light" ? "inherit" : palette.white.main; - } - - return colorValue; - }, - }} - > - {content} - - - - ); -} - -// Setting default values for the props of MDSnackbar -MDSnackbar.defaultProps = { - bgWhite: false, - color: "info", -}; - -export default MDSnackbar; diff --git a/src/components/MDSocialButton/MDSocialButtonRoot.tsx b/src/components/MDSocialButton/MDSocialButtonRoot.tsx deleted file mode 100644 index 8df65ea..0000000 --- a/src/components/MDSocialButton/MDSocialButtonRoot.tsx +++ /dev/null @@ -1,91 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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"; -import { styled, Theme } from "@mui/material/styles"; - -export default styled(Button)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - const { palette, functions } = theme; - const { color, size, iconOnly, circular } = ownerState; - - const { white, socialMediaColors } = palette; - const { pxToRem } = functions; - - // backgroundColor value - const backgroundColorValue = socialMediaColors[color] - ? socialMediaColors[color].main - : socialMediaColors.facebook.main; - - // styles for the button with circular={true} - const circularStyles = () => ({ - borderRadius: "50%", - }); - - // 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, - }; - }; - - return { - backgroundColor: backgroundColorValue, - color: white.main, - boxShadow: "none", - - "&:hover": { - backgroundColor: backgroundColorValue, - boxShadow: "none", - }, - - "&:focus:not(:hover)": { - backgroundColor: socialMediaColors[color] - ? socialMediaColors[color].dark - : socialMediaColors.facebook.dark, - boxShadow: "none", - }, - - "&:disabled": { - backgroundColor: backgroundColorValue, - color: white.main, - }, - - ...(circular && circularStyles()), - ...(iconOnly && iconOnlyStyles()), - }; -}); diff --git a/src/components/MDSocialButton/index.tsx b/src/components/MDSocialButton/index.tsx deleted file mode 100644 index b128c8b..0000000 --- a/src/components/MDSocialButton/index.tsx +++ /dev/null @@ -1,69 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, ReactNode, forwardRef } from "react"; - -// @mui material components -import { ButtonProps } from "@mui/material"; - -// Custom styles for MDSocialButton -import MDSocialButtonRoot from "components/MDSocialButton/MDSocialButtonRoot"; - -// Declaring props types for MDButton -interface Props extends Omit { - color?: - | "facebook" - | "twitter" - | "instagram" - | "linkedin" - | "pinterest" - | "youtube" - | "github" - | "vimeo" - | "slack" - | "dribbble" - | "reddit" - | "tumblr"; - size?: "small" | "medium" | "large"; - circular?: boolean; - iconOnly?: boolean; - children?: ReactNode; - [key: string]: any; -} - -const MDSocialButton: FC = forwardRef( - ({ color, size, iconOnly, circular, children, ...rest }, ref) => ( - - {children} - - ) -); - -// Setting default values for the props of MDSocialButton -MDSocialButton.defaultProps = { - size: "medium", - color: "facebook", - iconOnly: false, - circular: false, -}; - -export default MDSocialButton; diff --git a/src/components/MDTypography/MDTypographyRoot.tsx b/src/components/MDTypography/MDTypographyRoot.tsx deleted file mode 100644 index a64db72..0000000 --- a/src/components/MDTypography/MDTypographyRoot.tsx +++ /dev/null @@ -1,66 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 }: any): any => { - const { palette, typography, functions }: any = 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: { [key: string]: number } = { - 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/src/components/MDTypography/index.tsx b/src/components/MDTypography/index.tsx deleted file mode 100644 index de32301..0000000 --- a/src/components/MDTypography/index.tsx +++ /dev/null @@ -1,97 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { FC, ReactNode, forwardRef } from "react"; - -// @mui material components -import { TypographyProps } from "@mui/material"; - -// Custom styles for MDTypography -import MDTypographyRoot from "components/MDTypography/MDTypographyRoot"; - -// Material Dashboard 2 PRO React TS contexts -import { useMaterialUIController } from "context"; - -// Declaring props types for MDTypography -interface Props extends TypographyProps { - color?: - | "inherit" - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark" - | "text" - | "white"; - fontWeight?: "light" | "regular" | "medium" | "bold" | undefined; - textTransform?: "none" | "capitalize" | "uppercase" | "lowercase"; - verticalAlign?: - | "unset" - | "baseline" - | "sub" - | "super" - | "text-top" - | "text-bottom" - | "middle" - | "top" - | "bottom"; - textGradient?: boolean; - children: ReactNode; - opacity?: number; - [key: string]: any; -} - -const MDTypography: FC = forwardRef( - ( - { color, fontWeight, textTransform, verticalAlign, textGradient, opacity, children, ...rest }, - ref - ) => { - const [controller] = useMaterialUIController(); - const { darkMode } = controller; - - return ( - - {children} - - ); - } -); - -// Declaring default props for MDTypography -MDTypography.defaultProps = { - color: "dark", - fontWeight: undefined, - textTransform: "none", - verticalAlign: "unset", - textGradient: false, - opacity: 1, -}; - -export default MDTypography; diff --git a/src/examples/Breadcrumbs/index.tsx b/src/examples/Breadcrumbs/index.tsx deleted file mode 100644 index d2c9372..0000000 --- a/src/examples/Breadcrumbs/index.tsx +++ /dev/null @@ -1,104 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { ReactNode } from "react"; - -// react-router-dom components -import { Link } from "react-router-dom"; - -// @mui material components -import { Breadcrumbs as MuiBreadcrumbs } from "@mui/material"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Declaring props types for the Breadcrumbs -interface Props { - icon: ReactNode; - title: string; - route: string | string[]; - light?: boolean; - [key: string]: any; -} - -function Breadcrumbs({ icon, title, route, light }: Props): JSX.Element { - const routes: string[] | any = route.slice(0, -1); - - return ( - - (light ? white.main : grey[600]), - }, - }} - > - - - {icon} - - - {routes.map((el: string) => ( - - - {el} - - - ))} - - {title.replace("-", " ")} - - - - {title.replace("-", " ").replace("_", " ")} - - - ); -} - -// Declaring default props for Breadcrumbs -Breadcrumbs.defaultProps = { - light: false, -}; - -export default Breadcrumbs; diff --git a/src/examples/Cards/InfoCards/ProfileInfoCard/index.tsx b/src/examples/Cards/InfoCards/ProfileInfoCard/index.tsx deleted file mode 100644 index 28e4380..0000000 --- a/src/examples/Cards/InfoCards/ProfileInfoCard/index.tsx +++ /dev/null @@ -1,142 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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"; - -// @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 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 PRO React TS Base Styles -import colors from "assets/theme/base/colors"; -import typography from "assets/theme/base/typography"; - -// Declaring props types for ProfileInfoCard -interface Props { - title: string; - description: string; - info: { - [key: string]: string; - }; - social: { - [key: string]: any; - }[]; - action: { - route: string; - tooltip: string; - }; - shadow?: boolean; - [key: string]: any; -} - -function ProfileInfoCard({ title, description, info, social, action, shadow }: Props): JSX.Element { - const labels: string[] = []; - const values: string[] = []; - 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} - - - - - ); -} - -// Declaring default props for ProfileInfoCard -ProfileInfoCard.defaultProps = { - shadow: true, -}; - -export default ProfileInfoCard; diff --git a/src/examples/Cards/ProjectCards/DefaultProjectCard/index.tsx b/src/examples/Cards/ProjectCards/DefaultProjectCard/index.tsx deleted file mode 100644 index ec1e844..0000000 --- a/src/examples/Cards/ProjectCards/DefaultProjectCard/index.tsx +++ /dev/null @@ -1,184 +0,0 @@ -/* - * QQQ - Low-code Application Framework for Engineers. - * Copyright (C) 2021-2022. Kingsrook, LLC - * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States - * contact@kingsrook.com - * https://github.com/Kingsrook/ - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ - -// react-router-dom components -import { Link } from "react-router-dom"; - -// @mui material components -import Card from "@mui/material/Card"; -import CardMedia from "@mui/material/CardMedia"; -import Tooltip from "@mui/material/Tooltip"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDButton from "components/MDButton"; -import MDAvatar from "components/MDAvatar"; - -// Declaring props types for DefaultProjectCard -interface Props { - image: string; - label: string; - title: string; - description: string; - action: { - type: "external" | "internal"; - route: string; - color: - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark" - | "white"; - label: string; - }; - authors?: { - image: string; - name: string; - }[]; - [key: string]: any; -} - -function DefaultProjectCard({ - image, - label, - title, - description, - action, - authors, -}: Props): JSX.Element { - 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} - - - - ); -} - -// Declaring default props for DefaultProjectCard -DefaultProjectCard.defaultProps = { - authors: [], -}; - -export default DefaultProjectCard; diff --git a/src/examples/Configurator/ConfiguratorRoot.tsx b/src/examples/Configurator/ConfiguratorRoot.tsx deleted file mode 100644 index 336c835..0000000 --- a/src/examples/Configurator/ConfiguratorRoot.tsx +++ /dev/null @@ -1,60 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, Theme } from "@mui/material/styles"; - -export default styled(Drawer)(({ theme, ownerState }: { theme?: Theme; ownerState: any }) => { - 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/src/examples/Configurator/index.tsx b/src/examples/Configurator/index.tsx deleted file mode 100644 index d6a2701..0000000 --- a/src/examples/Configurator/index.tsx +++ /dev/null @@ -1,392 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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-github-btn -import GitHubButton from "react-github-btn"; - -// @mui material components -import Divider from "@mui/material/Divider"; -import Switch from "@mui/material/Switch"; -import IconButton from "@mui/material/IconButton"; -import Link from "@mui/material/Link"; -import Icon from "@mui/material/Icon"; -import { Theme } from "@mui/material/styles"; - -// @mui icons -import TwitterIcon from "@mui/icons-material/Twitter"; -import FacebookIcon from "@mui/icons-material/Facebook"; - -// Material Dashboard 2 PRO React TS 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 PRO React context -import { - useMaterialUIController, - setOpenConfigurator, - setTransparentSidenav, - setWhiteSidenav, - setMiniSidenav, - setFixedNavbar, - setSidenavColor, - setDarkMode, -} from "context"; - -function Configurator(): JSX.Element { - const [controller, dispatch] = useMaterialUIController(); - const { - openConfigurator, - miniSidenav, - fixedNavbar, - sidenavColor, - transparentSidenav, - whiteSidenav, - darkMode, - } = controller; - const [disabled, setDisabled] = useState(false); - const sidenavColors: ( - | "primary" - | "secondary" - | "info" - | "success" - | "warning" - | "error" - | "light" - | "dark" - )[] = ["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 handleMiniSidenav = () => setMiniSidenav(dispatch, !miniSidenav); - const handleFixedNavbar = () => setFixedNavbar(dispatch, !fixedNavbar); - const handleDarkMode = () => setDarkMode(dispatch, !darkMode); - - // sidenav type buttons styles - const sidenavTypeButtonsStyles = ({ - functions: { pxToRem }, - palette: { white, dark, background }, - borders: { borderWidth }, - }: Theme | any) => ({ - 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 }, - }: Theme | any) => ({ - 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 ( - - - - Material UI Configurator - - See our dashboard options. - - - - ({ - fontSize: `${size.lg} !important`, - color: darkMode ? white.main : dark.main, - stroke: "currentColor", - strokeWidth: "2px", - cursor: "pointer", - transform: "translateY(5px)", - })} - onClick={handleCloseConfigurator} - > - close - - - - - - - - Sidenav Colors - - - {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)} - /> - ))} - - - - - Sidenav Type - - Choose between different sidenav types. - - - - - Dark - - - - Transparent - - - - White - - - - - Navbar Fixed - - - - - - Sidenav Mini - - - - - - Light / Dark - - - - - - - - buy now - - - - - buy javascript version - - - - view documentation - - - - - Star - - - - - Thank you for sharing! - - - - - - -   Tweet - - - - -   Share - - - - - - ); -} - -export default Configurator; diff --git a/src/examples/Footer/index.tsx b/src/examples/Footer/index.tsx deleted file mode 100644 index 67a3e79..0000000 --- a/src/examples/Footer/index.tsx +++ /dev/null @@ -1,121 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 Link from "@mui/material/Link"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// Material Dashboard 2 PRO React TS Base Styles -import typography from "assets/theme/base/typography"; - -// Declaring props types for Footer -interface Props { - company?: { - href: string; - name: string; - }; - links?: { - href: string; - name: string; - }[]; - [key: string]: any; -} - -function Footer({ company, links }: Props): JSX.Element { - const { href, name } = company; - const { size } = typography; - - const renderLinks = () => - links.map((link) => ( - - - - {link.name} - - - - )); - - return ( - - - © {new Date().getFullYear()}, made with - - - favorite - - - by - - -  {name}  - - - for a better web. - - ({ - display: "flex", - flexWrap: "wrap", - alignItems: "center", - justifyContent: "center", - listStyle: "none", - mt: 3, - mb: 0, - p: 0, - - [breakpoints.up("lg")]: { - mt: 0, - }, - })} - > - {renderLinks()} - - - ); -} - -// Declaring default props for Footer -Footer.defaultProps = { - company: { href: "https://www.creative-tim.com/", name: "Creative Tim" }, - links: [ - { href: "https://www.creative-tim.com/", name: "Creative Tim" }, - { href: "https://www.creative-tim.com/presentation", name: "About Us" }, - { href: "https://www.creative-tim.com/blog", name: "Blog" }, - { href: "https://www.creative-tim.com/license", name: "License" }, - ], -}; - -export default Footer; diff --git a/src/examples/Items/NotificationItem/index.tsx b/src/examples/Items/NotificationItem/index.tsx deleted file mode 100644 index c55f0b4..0000000 --- a/src/examples/Items/NotificationItem/index.tsx +++ /dev/null @@ -1,50 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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, FC, ReactNode } from "react"; - -// @mui material components -import MenuItem from "@mui/material/MenuItem"; -import Link from "@mui/material/Link"; -import { MenuItemProps } from "@mui/material"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; - -// custom styles for the NotificationItem -import menuItem from "examples/Items/NotificationItem/styles"; - -// Declaring props types for NotificationItem -interface Props extends MenuItemProps { - icon: ReactNode; - title: string; - [key: string]: any; -} - -const NotificationItem: FC = forwardRef(({ icon, title, ...rest }, ref) => ( - menuItem(theme)}> - - - {icon} - - - {title} - - - -)); - -export default NotificationItem; diff --git a/src/examples/Items/NotificationItem/styles.ts b/src/examples/Items/NotificationItem/styles.ts deleted file mode 100644 index 7a23443..0000000 --- a/src/examples/Items/NotificationItem/styles.ts +++ /dev/null @@ -1,39 +0,0 @@ -// @mui material components -import { Theme } from "@mui/material/styles"; - -function menuItem(theme: 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/src/examples/LayoutContainers/DashboardLayout/index.tsx b/src/examples/LayoutContainers/DashboardLayout/index.tsx deleted file mode 100644 index fb53257..0000000 --- a/src/examples/LayoutContainers/DashboardLayout/index.tsx +++ /dev/null @@ -1,56 +0,0 @@ -/** - ========================================================= - * Material Dashboard 2 PRO React TS - v1.0.0 - ========================================================= - - * Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts - * 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, ReactNode, useReducer, useState } from "react"; - -// react-router-dom components -import { useLocation } from "react-router-dom"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; - -// Material Dashboard 2 PRO React context -import { useMaterialUIController, setLayout } from "context"; - -function DashboardLayout({ children }: { children: ReactNode }): JSX.Element { - 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} - - ); -} - -export default DashboardLayout; diff --git a/src/examples/Lists/ProfilesList/index.tsx b/src/examples/Lists/ProfilesList/index.tsx deleted file mode 100644 index 0a6514e..0000000 --- a/src/examples/Lists/ProfilesList/index.tsx +++ /dev/null @@ -1,102 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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"; - -// @mui material components -import Card from "@mui/material/Card"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; -import MDAvatar from "components/MDAvatar"; -import MDButton from "components/MDButton"; - -// Declaring props types for ProfilesList -interface Props { - title: string; - profiles: { - image: string; - name: string; - description: string; - action: { - type: "external" | "internal"; - route: string; - color: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark"; - label: string; - }; - }[]; - shadow?: boolean; - [key: string]: any; -} - -function ProfilesList({ title, profiles, shadow }: Props): JSX.Element { - const renderProfiles = profiles.map(({ image, name, description, action }) => ( - - - - - - - {name} - - - {description} - - - - {action.type === "internal" ? ( - - {action.label} - - ) : ( - - {action.label} - - )} - - - )); - - return ( - - - - {title} - - - - - {renderProfiles} - - - - ); -} - -// Declaring defualt props for ProfilesList -ProfilesList.defaultProps = { - shadow: true, -}; - -export default ProfilesList; diff --git a/src/examples/Navbars/DashboardNavbar/index.tsx b/src/examples/Navbars/DashboardNavbar/index.tsx deleted file mode 100644 index dc838d1..0000000 --- a/src/examples/Navbars/DashboardNavbar/index.tsx +++ /dev/null @@ -1,212 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { useLocation, Link } from "react-router-dom"; - -// @material-ui core components -import AppBar from "@mui/material/AppBar"; -import Toolbar from "@mui/material/Toolbar"; -import IconButton from "@mui/material/IconButton"; -import Menu from "@mui/material/Menu"; -import Icon from "@mui/material/Icon"; - -// Material Dashboard 2 PRO React TS components -import MDBox from "components/MDBox"; -import MDInput from "components/MDInput"; -import MDBadge from "components/MDBadge"; - -// Material Dashboard 2 PRO React TS examples components -import Breadcrumbs from "examples/Breadcrumbs"; -import NotificationItem from "examples/Items/NotificationItem"; - -// Custom styles for DashboardNavbar -import { - navbar, - navbarContainer, - navbarRow, - navbarIconButton, - navbarDesktopMenu, - navbarMobileMenu, -} from "examples/Navbars/DashboardNavbar/styles"; - -// Material Dashboard 2 PRO React context -import { - useMaterialUIController, - setTransparentNavbar, - setMiniSidenav, - setOpenConfigurator, -} from "context"; - -// Declaring prop types for DashboardNavbar -interface Props { - absolute?: boolean; - light?: boolean; - isMini?: boolean; -} - -function DashboardNavbar({ absolute, light, isMini }: Props): JSX.Element { - const [navbarType, setNavbarType] = useState< - "fixed" | "absolute" | "relative" | "static" | "sticky" - >(); - const [controller, dispatch] = useMaterialUIController(); - const { miniSidenav, transparentNavbar, fixedNavbar, openConfigurator, darkMode } = controller; - const [openMenu, setOpenMenu] = useState(false); - const route = useLocation().pathname.split("/").slice(1); - - 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: any) => 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 }, - }: { - palette: any; - functions: any; - }) => ({ - color: () => { - let colorValue = light || darkMode ? white.main : dark.main; - - if (transparentNavbar && !light) { - colorValue = darkMode ? rgba(text.main, 0.6) : text.main; - } - - return colorValue; - }, - }); - - return ( - navbar(theme, { transparentNavbar, absolute, light, darkMode })} - > - - navbarRow(theme, { isMini })}> - - - - {miniSidenav ? "menu_open" : "menu"} - - - - {isMini ? null : ( - navbarRow(theme, { isMini })}> - - - - - - - account_circle - - - - - {miniSidenav ? "menu_open" : "menu"} - - - - settings - - - - notifications - - - {renderMenu()} - - - )} - - - ); -} - -// Declaring default props for DashboardNavbar -DashboardNavbar.defaultProps = { - absolute: false, - light: false, - isMini: false, -}; - -export default DashboardNavbar; diff --git a/src/examples/Navbars/DashboardNavbar/styles.ts b/src/examples/Navbars/DashboardNavbar/styles.ts deleted file mode 100644 index 250ca79..0000000 --- a/src/examples/Navbars/DashboardNavbar/styles.ts +++ /dev/null @@ -1,154 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { Theme } from "@mui/material/styles"; - -function navbar(theme: Theme | any, ownerState: any) { - 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 }: Theme): any => ({ - 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 }: Theme, { isMini }: any) => ({ - 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 }: Theme) => ({ - 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 navbarDesktopMenu = ({ breakpoints }: Theme) => ({ - display: "none !important", - cursor: "pointer", - - [breakpoints.up("xl")]: { - display: "inline-block !important", - }, -}); - -const navbarMobileMenu = ({ breakpoints }: Theme) => ({ - display: "inline-block", - lineHeight: 0, - - [breakpoints.up("xl")]: { - display: "none", - }, -}); - -export { - navbar, - navbarContainer, - navbarRow, - navbarIconButton, - navbarDesktopMenu, - navbarMobileMenu, -}; diff --git a/src/examples/Sidenav/styles/sidenav.ts b/src/examples/Sidenav/styles/sidenav.ts deleted file mode 100644 index b8819c1..0000000 --- a/src/examples/Sidenav/styles/sidenav.ts +++ /dev/null @@ -1,39 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { Theme } from "@mui/material/styles"; - -export default function sidenavLogoLabel(theme: Theme, ownerState: any) { - 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/src/examples/Sidenav/styles/sidenavCollapse.ts b/src/examples/Sidenav/styles/sidenavCollapse.ts deleted file mode 100644 index 394cb3b..0000000 --- a/src/examples/Sidenav/styles/sidenavCollapse.ts +++ /dev/null @@ -1,170 +0,0 @@ -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { Theme } from "@mui/material/styles"; - -function collapseItem(theme: Theme, ownerState: any) { - const { palette, transitions, breakpoints, boxShadows, borders, functions } = theme; - const { active, transparentSidenav, whiteSidenav, darkMode } = ownerState; - - const { white, transparent, dark, grey } = palette; - const { md } = boxShadows; - const { borderRadius } = borders; - const { pxToRem, rgba } = functions; - - return { - background: () => { - let backgroundValue; - - if (transparentSidenav && darkMode) { - backgroundValue = active ? rgba(white.main, 0.2) : transparent.main; - } else if (transparentSidenav && !darkMode) { - backgroundValue = active ? grey[300] : transparent.main; - } else if (whiteSidenav) { - backgroundValue = active ? grey[200] : transparent.main; - } else { - backgroundValue = active ? rgba(white.main, 0.2) : transparent.main; - } - - return backgroundValue; - }, - color: (transparentSidenav && !darkMode) || whiteSidenav ? dark.main : white.main, - display: "flex", - alignItems: "center", - width: "100%", - padding: `${pxToRem(8)} ${pxToRem(16)}`, - 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: - transparentSidenav && !darkMode - ? grey[300] - : rgba(whiteSidenav ? grey[400] : white.main, 0.2), - }, - }; -} - -function collapseIconBox(theme: Theme, ownerState: any) { - const { palette, transitions, borders, functions } = theme; - const { transparentSidenav, whiteSidenav, darkMode } = ownerState; - - const { white, dark } = palette; - const { borderRadius } = borders; - const { pxToRem } = functions; - - return { - minWidth: pxToRem(32), - minHeight: pxToRem(32), - color: (transparentSidenav && !darkMode) || whiteSidenav ? 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 } }: Theme, { active }: any) => ({ - color: active ? white.main : gradients.dark.state, -}); - -function collapseText(theme: any, ownerState: any) { - 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, - }, - }; -} - -function collapseArrow(theme: Theme, ownerState: any) { - const { palette, typography, transitions, breakpoints, functions } = theme; - const { noCollapse, transparentSidenav, whiteSidenav, miniSidenav, open, active, darkMode } = - ownerState; - - const { white, dark } = palette; - const { size } = typography; - const { pxToRem, rgba } = functions; - - return { - fontSize: `${size.lg} !important`, - fontWeight: 700, - marginBottom: pxToRem(-1), - transform: open ? "rotate(0)" : "rotate(-180deg)", - color: () => { - let colorValue; - - if (transparentSidenav && darkMode) { - colorValue = open || active ? white.main : rgba(white.main, 0.25); - } else if (transparentSidenav || whiteSidenav) { - colorValue = open || active ? dark.main : rgba(dark.main, 0.25); - } else { - colorValue = open || active ? white.main : rgba(white.main, 0.5); - } - - return colorValue; - }, - transition: transitions.create(["color", "transform", "opacity"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.shorter, - }), - - [breakpoints.up("xl")]: { - display: - noCollapse || (transparentSidenav && miniSidenav) || miniSidenav - ? "none !important" - : "block !important", - }, - }; -} - -export { collapseItem, collapseIconBox, collapseIcon, collapseText, collapseArrow }; diff --git a/src/examples/Sidenav/styles/sidenavItem.ts b/src/examples/Sidenav/styles/sidenavItem.ts deleted file mode 100644 index a2b7e9c..0000000 --- a/src/examples/Sidenav/styles/sidenavItem.ts +++ /dev/null @@ -1,160 +0,0 @@ -/* eslint-disable prefer-destructuring */ - -/** -========================================================= -* Material Dashboard 2 PRO React TS - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts -* 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 { Theme } from "@mui/material/styles"; - -function item(theme: Theme | any, ownerState: any) { - const { palette, borders, functions, transitions } = theme; - const { active, color, transparentSidenav, whiteSidenav, darkMode } = ownerState; - - const { transparent, white, grey } = palette; - const { borderRadius } = borders; - const { rgba } = functions; - - return { - pl: 3, - mt: 0.375, - mb: 0.3, - width: "100%", - borderRadius: borderRadius.md, - cursor: "pointer", - backgroundColor: () => { - let backgroundValue = transparent.main; - - if ( - (active === "isParent" && !transparentSidenav && !whiteSidenav) || - (active === "isParent" && transparentSidenav && darkMode) - ) { - backgroundValue = rgba(white.main, 0.2); - } else if (active === "isParent" && transparentSidenav) { - backgroundValue = grey[300]; - } else if (active === "isParent" && whiteSidenav) { - backgroundValue = grey[200]; - } else if (active) { - backgroundValue = palette[color].main; - } - - return backgroundValue; - }, - transition: transitions.create("background-color", { - easing: transitions.easing.easeInOut, - duration: transitions.duration.shorter, - }), - - "&:hover, &:focus": { - backgroundColor: - !active && - rgba((transparentSidenav && !darkMode) || whiteSidenav ? grey[400] : white.main, 0.2), - }, - }; -} - -function itemContent(theme: Theme, ownerState: any) { - const { palette, typography, transitions, functions } = theme; - const { miniSidenav, name, active, transparentSidenav, whiteSidenav, darkMode } = ownerState; - - const { white, dark } = palette; - const { size, fontWeightRegular, fontWeightLight } = typography; - const { pxToRem } = functions; - - return { - display: "flex", - alignItems: "center", - justifyContent: "space-between", - width: "100%", - padding: `${pxToRem(12)} ${pxToRem(16)}`, - marginLeft: pxToRem(18), - userSelect: "none", - position: "relative", - - "& span": { - color: - ((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active) - ? dark.main - : white.main, - fontWeight: active ? fontWeightRegular : fontWeightLight, - fontSize: size.sm, - opacity: miniSidenav ? 0 : 1, - transition: transitions.create(["opacity", "color"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.standard, - }), - }, - - "&::before": { - content: `"${name[0]}"`, - color: - ((transparentSidenav && !darkMode) || whiteSidenav) && (active === "isParent" || !active) - ? dark.main - : white.main, - fontWeight: fontWeightRegular, - display: "flex", - alignItems: "center", - position: "absolute", - top: "50%", - transform: "translateY(-50%)", - left: pxToRem(-15), - opacity: 1, - borderRadius: "50%", - fontSize: size.sm, - }, - }; -} - -function itemArrow(theme: Theme, ownerState: any) { - const { palette, typography, transitions, breakpoints, functions } = theme; - const { noCollapse, transparentSidenav, whiteSidenav, miniSidenav, open, active, darkMode } = - ownerState; - - const { white, dark } = palette; - const { size } = typography; - const { pxToRem, rgba } = functions; - - return { - fontSize: `${size.lg} !important`, - fontWeight: 700, - marginBottom: pxToRem(-1), - transform: open ? "rotate(0)" : "rotate(-180deg)", - color: () => { - let colorValue; - - if (transparentSidenav && darkMode) { - colorValue = open || active ? white.main : rgba(white.main, 0.25); - } else if (transparentSidenav || whiteSidenav) { - colorValue = open || active ? dark.main : rgba(dark.main, 0.25); - } else { - colorValue = open || active ? white.main : rgba(white.main, 0.5); - } - - return colorValue; - }, - transition: transitions.create(["color", "transform", "opacity"], { - easing: transitions.easing.easeInOut, - duration: transitions.duration.shorter, - }), - - [breakpoints.up("xl")]: { - display: - noCollapse || (transparentSidenav && miniSidenav) || miniSidenav - ? "none !important" - : "block !important", - }, - }; -} - -export { item, itemContent, itemArrow }; diff --git a/src/qqq/components/BaseLayout/index.tsx b/src/layouts/BaseLayout.tsx similarity index 100% rename from src/qqq/components/BaseLayout/index.tsx rename to src/layouts/BaseLayout.tsx diff --git a/src/qqq/components/ScriptComponents/ScriptTestForm.tsx b/src/qqq/components/ScriptComponents/ScriptTestForm.tsx index 6c33944..409b627 100644 --- a/src/qqq/components/ScriptComponents/ScriptTestForm.tsx +++ b/src/qqq/components/ScriptComponents/ScriptTestForm.tsx @@ -20,15 +20,16 @@ */ import {QFieldMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QFieldMetaData"; +import {Map} from "@mui/icons-material"; import {Typography} from "@mui/material"; import Box from "@mui/material/Box"; import Button from "@mui/material/Button"; import Card from "@mui/material/Card"; import Grid from "@mui/material/Grid"; import TextField from "@mui/material/TextField"; -import React, {useEffect, useState} from "react"; -import MDTypography from "components/MDTypography"; +import React, {useState} from "react"; import MDBox from "qqq/components/Temporary/MDBox"; +import MDTypography from "qqq/components/Temporary/MDTypography"; import QClient from "qqq/utils/QClient"; import QValueUtils from "qqq/utils/QValueUtils"; @@ -75,6 +76,7 @@ function ScriptTestForm({scriptDefinition, tableName, fieldName, recordId, code} const testScript = () => { + // @ts-ignore const inputValues = new Map(); if (scriptDefinition.testInputFields) { diff --git a/src/qqq/components/Sidenav/index.tsx b/src/qqq/components/Sidenav/index.tsx index 3bd8c2d..06aa9ad 100644 --- a/src/qqq/components/Sidenav/index.tsx +++ b/src/qqq/components/Sidenav/index.tsx @@ -25,15 +25,15 @@ import Link from "@mui/material/Link"; import List from "@mui/material/List"; import {ReactNode, useEffect, useReducer, useState} from "react"; import {NavLink, useLocation} from "react-router-dom"; -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; import {setMiniSidenav, setTransparentSidenav, setWhiteSidenav, useMaterialUIController,} from "context"; -import sidenavLogoLabel from "examples/Sidenav/styles/sidenav"; import AuthenticationButton from "qqq/components/Buttons/AuthenticationButton"; import SidenavCollapse from "qqq/components/Sidenav/SidenavCollapse"; import SidenavItem from "qqq/components/Sidenav/SidenavItem"; import SidenavList from "qqq/components/Sidenav/SidenavList"; import SidenavRoot from "qqq/components/Sidenav/SidenavRoot"; +import sidenavLogoLabel from "qqq/components/Sidenav/styles/sidenav"; +import MDTypography from "qqq/components/Temporary/MDTypography"; +import MDBox from "../Temporary/MDBox"; interface Props { diff --git a/src/qqq/components/Temporary/DefaultCell/index.tsx b/src/qqq/components/Temporary/DefaultCell/index.tsx index 6d3583e..de7683b 100644 --- a/src/qqq/components/Temporary/DefaultCell/index.tsx +++ b/src/qqq/components/Temporary/DefaultCell/index.tsx @@ -14,7 +14,7 @@ Coded by www.creative-tim.com */ import {ReactNode} from "react"; -import MDTypography from "components/MDTypography"; +import MDTypography from "qqq/components/Temporary/MDTypography"; function DefaultCell({children}: { children: ReactNode }): JSX.Element { diff --git a/src/qqq/components/Temporary/DefaultInfoCard/index.tsx b/src/qqq/components/Temporary/DefaultInfoCard/index.tsx deleted file mode 100644 index 1a6ed3d..0000000 --- a/src/qqq/components/Temporary/DefaultInfoCard/index.tsx +++ /dev/null @@ -1,84 +0,0 @@ -/* QQQ - Low-code Application Framework for Engineers. - * Copyright (C) 2021-2022. Kingsrook, LLC - * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States - * contact@kingsrook.com - * https://github.com/Kingsrook/ - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ - -import Card from "@mui/material/Card"; -import Divider from "@mui/material/Divider"; -import Icon from "@mui/material/Icon"; -import {ReactNode} from "react"; -import MDBox from "qqq/components/Temporary/MDBox"; -import MDTypography from "qqq/components/Temporary/MDTypography"; - -interface Props { - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "dark"; - icon: ReactNode; - title: string; - description?: string; - value?: string | number; - [key: string]: any; -} - -function DefaultInfoCard({color, icon, title, description, value}: Props): JSX.Element -{ - return ( - - - - {icon} - - - - - {title} - - {description && ( - - {description} - - )} - {description && !value ? null : } - {value && ( - - {value} - - )} - - - ); -} - -// Declaring default props for DefaultInfoCard -DefaultInfoCard.defaultProps = { - color: "info", - value: "", - description: "", -}; - -export default DefaultInfoCard; diff --git a/src/qqq/components/Temporary/MDBadge/MDBadgeRoot.tsx b/src/qqq/components/Temporary/MDBadge/MDBadgeRoot.tsx deleted file mode 100644 index e06d305..0000000 --- a/src/qqq/components/Temporary/MDBadge/MDBadgeRoot.tsx +++ /dev/null @@ -1,147 +0,0 @@ -/* - * QQQ - Low-code Application Framework for Engineers. - * Copyright (C) 2021-2022. Kingsrook, LLC - * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States - * contact@kingsrook.com - * https://github.com/Kingsrook/ - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ - -import Badge from "@mui/material/Badge"; -import {styled, Theme} from "@mui/material/styles"; - -export default styled(Badge)(({theme, ownerState}: { theme?: Theme; ownerState: any }) => -{ - 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: { [key: string]: string } = { - 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: string) => - { - 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: string) => - { - 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: string) => - { - 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()), - ...(container && containerStyles()), - }, - }; -}); diff --git a/src/qqq/components/Temporary/MDBadge/index.tsx b/src/qqq/components/Temporary/MDBadge/index.tsx deleted file mode 100644 index eb21f40..0000000 --- a/src/qqq/components/Temporary/MDBadge/index.tsx +++ /dev/null @@ -1,63 +0,0 @@ -/* - * QQQ - Low-code Application Framework for Engineers. - * Copyright (C) 2021-2022. Kingsrook, LLC - * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States - * contact@kingsrook.com - * https://github.com/Kingsrook/ - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as - * published by the Free Software Foundation, either version 3 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ - -import {BadgeProps} from "@mui/material"; -import {FC, ReactNode, forwardRef} from "react"; -import MDBadgeRoot from "qqq/components/Temporary/MDBadge/MDBadgeRoot"; - -interface Props extends Omit { - color?: "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark"; - variant?: "gradient" | "contained"; - size?: "xs" | "sm" | "md" | "lg"; - circular?: boolean; - indicator?: boolean; - border?: boolean; - children?: ReactNode; - container?: boolean; - [key: string]: any; -} - -const MDBadge: FC = forwardRef( - ({color, variant, size, circular, indicator, border, container, children, ...rest}, ref) => ( - - {children} - - ) -); - -// declaring default props for MDBadge -MDBadge.defaultProps = { - color: "info", - variant: "gradient", - size: "sm", - circular: false, - indicator: false, - border: false, - container: false, - children: false, -}; - -export default MDBadge; diff --git a/src/qqq/components/Temporary/MDBadgeDot/index.tsx b/src/qqq/components/Temporary/MDBadgeDot/index.tsx index e242dd0..9ec1cf4 100644 --- a/src/qqq/components/Temporary/MDBadgeDot/index.tsx +++ b/src/qqq/components/Temporary/MDBadgeDot/index.tsx @@ -19,8 +19,8 @@ */ import {FC, forwardRef} from "react"; -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; +import MDBox from "qqq/components/Temporary/MDBox"; +import MDTypography from "qqq/components/Temporary/MDTypography"; // declaring props types for MDBadgeDot interface Props diff --git a/src/qqq/components/Temporary/MDProgress/MDProgressRoot.tsx b/src/qqq/components/Temporary/MDProgress/MDProgressRoot.tsx index 7fec360..e8bb2a6 100644 --- a/src/qqq/components/Temporary/MDProgress/MDProgressRoot.tsx +++ b/src/qqq/components/Temporary/MDProgress/MDProgressRoot.tsx @@ -22,8 +22,9 @@ import LinearProgress from "@mui/material/LinearProgress"; import {styled, Theme} from "@mui/material/styles"; +// @ts-ignore export default styled(LinearProgress)( - ({theme, ownerState}: { theme?: Theme | any; ownerState: any }) => + ({theme, ownerState}: { theme?: Theme | any; ownerState: any }) => { const {palette, functions} = theme; const {color, value, variant} = ownerState; @@ -34,13 +35,13 @@ export default styled(LinearProgress)( // background value let backgroundValue; - if (variant === "gradient") + if (variant === "gradient") { backgroundValue = gradients[color] ? linearGradient(gradients[color].main, gradients[color].state) : linearGradient(gradients.info.main, gradients.info.state); } - else + else { backgroundValue = palette[color] ? palette[color].main : palette.info.main; } diff --git a/src/qqq/components/Temporary/MDProgress/index.tsx b/src/qqq/components/Temporary/MDProgress/index.tsx index 84c08d1..07a7365 100644 --- a/src/qqq/components/Temporary/MDProgress/index.tsx +++ b/src/qqq/components/Temporary/MDProgress/index.tsx @@ -20,8 +20,8 @@ */ import {FC, forwardRef} from "react"; -import MDProgressRoot from "components/MDProgress/MDProgressRoot"; -import MDTypography from "components/MDTypography"; +import MDProgressRoot from "qqq/components/Temporary/MDProgress/MDProgressRoot"; +import MDTypography from "qqq/components/Temporary/MDTypography"; // Delcare props types for MDProgress interface Props { diff --git a/src/qqq/pages/app-home/index.tsx b/src/qqq/pages/app-home/index.tsx index a6f1d75..0732356 100644 --- a/src/qqq/pages/app-home/index.tsx +++ b/src/qqq/pages/app-home/index.tsx @@ -32,8 +32,8 @@ import Divider from "@mui/material/Divider"; import Grid from "@mui/material/Grid"; import React, {useContext, useEffect, useState} from "react"; import {Link, useLocation} from "react-router-dom"; +import BaseLayout from "layouts/BaseLayout"; import QContext from "QContext"; -import BaseLayout from "qqq/components/BaseLayout"; import DashboardWidgets from "qqq/components/DashboardWidgets"; import ProcessLinkCard from "qqq/components/ProcessLinkCard"; import MDBox from "qqq/components/Temporary/MDBox"; @@ -57,7 +57,7 @@ function AppHome({app}: Props): JSX.Element const [childApps, setChildApps] = useState([] as QAppMetaData[]); const [tableCounts, setTableCounts] = useState(new Map()); const [tableCountNumbers, setTableCountNumbers] = useState(new Map()); - const [tableCountTexts, setTableCountTexts] = useState(new Map()); + const [tableCountTexts, setTableCountTexts] = useState(new Map() as any); const [updatedTableCounts, setUpdatedTableCounts] = useState(new Date()); const [widgets, setWidgets] = useState([] as any[]); diff --git a/src/qqq/pages/dashboards/Widgets/Configs/PieChartConfigs.ts b/src/qqq/pages/dashboards/Widgets/Configs/PieChartConfigs.ts index eed60ec..1f7bf87 100644 --- a/src/qqq/pages/dashboards/Widgets/Configs/PieChartConfigs.ts +++ b/src/qqq/pages/dashboards/Widgets/Configs/PieChartConfigs.ts @@ -23,11 +23,11 @@ import colors from "assets/theme/base/colors"; const {gradients, dark} = colors; -function configs(labels: any, datasets: any) +function configs(labels: any, datasets: any) { const backgroundColors = []; - if (datasets.backgroundColors) + if (datasets.backgroundColors) { datasets.backgroundColors.forEach((color: string) => gradients[color] @@ -35,7 +35,7 @@ function configs(labels: any, datasets: any) : backgroundColors.push(dark.main) ); } - else + else { backgroundColors.push(dark.main); } diff --git a/src/qqq/pages/entity-create/index.tsx b/src/qqq/pages/entity-create/index.tsx index bda1dc6..ee6b367 100644 --- a/src/qqq/pages/entity-create/index.tsx +++ b/src/qqq/pages/entity-create/index.tsx @@ -21,7 +21,7 @@ import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import Grid from "@mui/material/Grid"; -import BaseLayout from "qqq/components/BaseLayout"; +import BaseLayout from "layouts/BaseLayout"; import EntityForm from "qqq/components/EntityForm"; import MDBox from "qqq/components/Temporary/MDBox"; diff --git a/src/qqq/pages/entity-edit/index.tsx b/src/qqq/pages/entity-edit/index.tsx index 4dbb346..a42ee31 100644 --- a/src/qqq/pages/entity-edit/index.tsx +++ b/src/qqq/pages/entity-edit/index.tsx @@ -22,7 +22,7 @@ import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import Grid from "@mui/material/Grid"; import {useParams} from "react-router-dom"; -import BaseLayout from "qqq/components/BaseLayout"; +import BaseLayout from "layouts/BaseLayout"; import EntityForm from "qqq/components/EntityForm"; import MDBox from "qqq/components/Temporary/MDBox"; diff --git a/src/qqq/pages/entity-view/EntityDeveloperView.tsx b/src/qqq/pages/entity-view/EntityDeveloperView.tsx index 84b25ec..45fdc9b 100644 --- a/src/qqq/pages/entity-view/EntityDeveloperView.tsx +++ b/src/qqq/pages/entity-view/EntityDeveloperView.tsx @@ -39,8 +39,8 @@ import Tabs from "@mui/material/Tabs"; import React, {useContext, useReducer, useState} from "react"; import AceEditor from "react-ace"; import {useParams} from "react-router-dom"; +import BaseLayout from "layouts/BaseLayout"; import QContext from "QContext"; -import BaseLayout from "qqq/components/BaseLayout"; import CustomWidthTooltip from "qqq/components/CustomWidthTooltip/CustomWidthTooltip"; import AssociatedScriptEditor from "qqq/components/ScriptComponents/AssociatedScriptEditor"; import ScriptDocsForm from "qqq/components/ScriptComponents/ScriptDocsForm"; diff --git a/src/qqq/pages/entity-view/EntityView.tsx b/src/qqq/pages/entity-view/EntityView.tsx index 2388b95..ce4877e 100644 --- a/src/qqq/pages/entity-view/EntityView.tsx +++ b/src/qqq/pages/entity-view/EntityView.tsx @@ -43,8 +43,8 @@ import MenuItem from "@mui/material/MenuItem"; import Modal from "@mui/material/Modal"; import React, {useContext, useEffect, useReducer, useState} from "react"; import {useLocation, useNavigate, useParams, useSearchParams} from "react-router-dom"; +import BaseLayout from "layouts/BaseLayout"; import QContext from "QContext"; -import BaseLayout from "qqq/components/BaseLayout"; import DashboardWidgets from "qqq/components/DashboardWidgets"; import EntityForm from "qqq/components/EntityForm"; import {QActionsMenuButton, QDeleteButton, QEditButton} from "qqq/components/QButtons"; diff --git a/src/qqq/pages/process-run/components/QProcessSummaryResults.tsx b/src/qqq/pages/process-run/components/QProcessSummaryResults.tsx index 123c212..5c405f5 100644 --- a/src/qqq/pages/process-run/components/QProcessSummaryResults.tsx +++ b/src/qqq/pages/process-run/components/QProcessSummaryResults.tsx @@ -29,7 +29,7 @@ import Icon from "@mui/material/Icon"; import List from "@mui/material/List"; import ListItemText from "@mui/material/ListItemText"; import React, {useState} from "react"; -import MDBox from "components/MDBox"; +import MDBox from "qqq/components/Temporary/MDBox"; import {ProcessSummaryLine} from "qqq/pages/process-run/model/ProcessSummaryLine"; import QClient from "qqq/utils/QClient"; import QValueUtils from "qqq/utils/QValueUtils"; diff --git a/src/qqq/pages/process-run/components/QValidationReview.tsx b/src/qqq/pages/process-run/components/QValidationReview.tsx index d252f2a..fe65dd8 100644 --- a/src/qqq/pages/process-run/components/QValidationReview.tsx +++ b/src/qqq/pages/process-run/components/QValidationReview.tsx @@ -24,18 +24,16 @@ import {QInstance} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QInstan import {QProcessMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QProcessMetaData"; import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord"; -import {Box, Button, FormControlLabel, ListItem, Radio, RadioGroup, tooltipClasses, TooltipProps} from "@mui/material"; +import {Box, Button, FormControlLabel, ListItem, Radio, RadioGroup} from "@mui/material"; import Grid from "@mui/material/Grid"; import Icon from "@mui/material/Icon"; import IconButton from "@mui/material/IconButton"; import List from "@mui/material/List"; import ListItemText from "@mui/material/ListItemText"; -import {styled} from "@mui/material/styles"; -import Tooltip from "@mui/material/Tooltip"; import React, {useState} from "react"; -import MDBox from "components/MDBox"; -import MDTypography from "components/MDTypography"; import CustomWidthTooltip from "qqq/components/CustomWidthTooltip/CustomWidthTooltip"; +import MDBox from "qqq/components/Temporary/MDBox"; +import MDTypography from "qqq/components/Temporary/MDTypography"; import {ProcessSummaryLine} from "qqq/pages/process-run/model/ProcessSummaryLine"; import QClient from "qqq/utils/QClient"; import QValueUtils from "qqq/utils/QValueUtils"; diff --git a/src/qqq/pages/process-run/index.tsx b/src/qqq/pages/process-run/index.tsx index fd11e83..c1c138b 100644 --- a/src/qqq/pages/process-run/index.tsx +++ b/src/qqq/pages/process-run/index.tsx @@ -49,8 +49,8 @@ import {Form, Formik} from "formik"; import React, {useContext, useEffect, useState} from "react"; import {useLocation, useNavigate, useParams} from "react-router-dom"; import * as Yup from "yup"; +import BaseLayout from "layouts/BaseLayout"; import QContext from "QContext"; -import BaseLayout from "qqq/components/BaseLayout"; import {QCancelButton, QSubmitButton} from "qqq/components/QButtons"; import QDynamicForm from "qqq/components/QDynamicForm"; import DynamicFormUtils from "qqq/components/QDynamicForm/utils/DynamicFormUtils"; @@ -295,6 +295,7 @@ function ProcessRun({process, defaultProcessValues, isModal, isWidget, recordIds
{`${qJobRunning.current.toLocaleString()} of ${qJobRunning.total.toLocaleString()}`}
+ )} diff --git a/src/qqq/pages/process-run/model/ProcessSummaryLine.tsx b/src/qqq/pages/process-run/model/ProcessSummaryLine.tsx index f87eca0..4df2404 100644 --- a/src/qqq/pages/process-run/model/ProcessSummaryLine.tsx +++ b/src/qqq/pages/process-run/model/ProcessSummaryLine.tsx @@ -31,7 +31,7 @@ import ListItemText from "@mui/material/ListItemText"; import Tooltip from "@mui/material/Tooltip"; import React from "react"; import {Link} from "react-router-dom"; -import MDBox from "components/MDBox"; +import MDBox from "qqq/components/Temporary/MDBox"; import QValueUtils from "qqq/utils/QValueUtils"; /*******************************************************************************