From 0ed4c2471ca29ec0a87f60755b5f3827e4e41601 Mon Sep 17 00:00:00 2001 From: cherif Date: Sun, 23 Jul 2023 18:02:59 +0200 Subject: [PATCH] 23/07/2023 - 17h --- package-lock.json | 857 ++++++++++++----- package.json | 8 +- src/components/AddPartnerClient.js | 877 ++++++++++++++---- src/components/Contact_Partner_Client.js | 47 + src/components/Partner_Client.js | 89 +- src/components/TestUrl.js | 400 +++----- src/styles/components/_addpartnerclient.scss | 19 +- .../components/_contactpartnerclient.scss | 187 ++++ src/styles/components/_partnerclient.scss | 52 ++ src/styles/index.scss | 1 + 10 files changed, 1810 insertions(+), 727 deletions(-) create mode 100644 src/components/Contact_Partner_Client.js create mode 100644 src/styles/components/_contactpartnerclient.scss diff --git a/package-lock.json b/package-lock.json index 51b702a..81977b9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,8 @@ "version": "0.1.0", "dependencies": { "@dr.pogodin/react-global-state": "^0.6.5", + "@emotion/react": "^11.11.1", + "@emotion/styled": "^11.11.0", "@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome-free-solid": "^5.0.13", "@fortawesome/fontawesome-svg-core": "^6.1.1", @@ -22,8 +24,8 @@ "@material-ui/core": "^4.12.4", "@material/tooltip": "^14.0.0", "@mui/icons-material": "^5.4.2", - "@mui/material": "^5.4.2", - "@mui/x-data-grid": "^5.5.1", + "@mui/material": "^5.14.1", + "@mui/x-data-grid": "^5.17.26", "@mui/x-date-pickers": "^5.0.0", "@mui/x-date-pickers-pro": "^5.0.0", "@stripe/react-stripe-js": "^1.12.0", @@ -53,6 +55,7 @@ "js-file-download": "^0.4.12", "js-video-url-parser": "^0.5.1", "moment": "^2.29.4", + "mui-datatables": "^4.3.0", "mui-daterange-picker": "^1.0.5", "next": "^12.0.10", "next-link": "^2.0.0", @@ -78,7 +81,6 @@ "react-dom": "^17.0.2", "react-draft-wysiwyg": "^1.14.7", "react-dropdown-select": "^4.8.0", - "react-dual-range-slider": "^1.0.4", "react-dual-rangeslider": "^1.2.16", "react-elastic-carousel": "^0.11.5", "react-facebook": "^8.1.4", @@ -1943,10 +1945,11 @@ } }, "node_modules/@babel/runtime": { - "version": "7.20.1", - "license": "MIT", + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz", + "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==", "dependencies": { - "regenerator-runtime": "^0.13.10" + "regenerator-runtime": "^0.13.11" }, "engines": { "node": ">=6.9.0" @@ -2393,24 +2396,21 @@ } }, "node_modules/@emotion/babel-plugin": { - "version": "11.10.5", - "license": "MIT", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", "dependencies": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/serialize": "^1.1.1", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", "babel-plugin-macros": "^3.1.0", "convert-source-map": "^1.5.0", "escape-string-regexp": "^4.0.0", "find-root": "^1.1.0", "source-map": "^0.5.7", - "stylis": "4.1.3" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" + "stylis": "4.2.0" } }, "node_modules/@emotion/babel-utils": { @@ -2466,93 +2466,92 @@ } }, "node_modules/@emotion/cache": { - "version": "11.10.5", - "license": "MIT", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", "dependencies": { - "@emotion/memoize": "^0.8.0", - "@emotion/sheet": "^1.2.1", - "@emotion/utils": "^1.2.0", - "@emotion/weak-memoize": "^0.3.0", - "stylis": "4.1.3" + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" } }, "node_modules/@emotion/hash": { - "version": "0.9.0", - "license": "MIT" + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, "node_modules/@emotion/is-prop-valid": { - "version": "1.2.0", - "license": "MIT", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", "dependencies": { - "@emotion/memoize": "^0.8.0" + "@emotion/memoize": "^0.8.1" } }, "node_modules/@emotion/memoize": { - "version": "0.8.0", - "license": "MIT" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "node_modules/@emotion/react": { - "version": "11.10.5", - "license": "MIT", + "version": "11.11.1", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", + "integrity": "sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==", "dependencies": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", - "@emotion/cache": "^11.10.5", - "@emotion/serialize": "^1.1.1", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0", - "@emotion/weak-memoize": "^0.3.0", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.2", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", "hoist-non-react-statics": "^3.3.1" }, "peerDependencies": { - "@babel/core": "^7.0.0", "react": ">=16.8.0" }, "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, "@types/react": { "optional": true } } }, "node_modules/@emotion/serialize": { - "version": "1.1.1", - "license": "MIT", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", + "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==", "dependencies": { - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/unitless": "^0.8.0", - "@emotion/utils": "^1.2.0", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", "csstype": "^3.0.2" } }, "node_modules/@emotion/sheet": { - "version": "1.2.1", - "license": "MIT" + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" }, "node_modules/@emotion/styled": { - "version": "11.10.5", - "license": "MIT", - "peer": true, + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz", + "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==", "dependencies": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", - "@emotion/is-prop-valid": "^1.2.0", - "@emotion/serialize": "^1.1.1", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0" + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.1", + "@emotion/serialize": "^1.1.2", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" }, "peerDependencies": { - "@babel/core": "^7.0.0", "@emotion/react": "^11.0.0-rc.0", "react": ">=16.8.0" }, "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, "@types/react": { "optional": true } @@ -2564,23 +2563,27 @@ "peer": true }, "node_modules/@emotion/unitless": { - "version": "0.8.0", - "license": "MIT" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.0.0", - "license": "MIT", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "peerDependencies": { "react": ">=16.8.0" } }, "node_modules/@emotion/utils": { - "version": "1.2.0", - "license": "MIT" + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" }, "node_modules/@emotion/weak-memoize": { - "version": "0.3.0", - "license": "MIT" + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" }, "node_modules/@endemolshinegroup/cosmiconfig-typescript-loader": { "version": "3.0.2", @@ -5243,14 +5246,15 @@ } }, "node_modules/@mui/base": { - "version": "5.0.0-alpha.106", - "license": "MIT", + "version": "5.0.0-beta.8", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.8.tgz", + "integrity": "sha512-b4vVjMZx5KzzEMf4arXKoeV5ZegAMOoPwoy1vfUBwhvXc2QtaaAyBp50U7OA2L06Leubc1A+lEp3eqwZoFn87g==", "dependencies": { - "@babel/runtime": "^7.20.1", - "@emotion/is-prop-valid": "^1.2.0", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", - "@popperjs/core": "^2.11.6", + "@babel/runtime": "^7.22.6", + "@emotion/is-prop-valid": "^1.2.1", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", + "@popperjs/core": "^2.11.8", "clsx": "^1.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" @@ -5274,18 +5278,20 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "5.10.14", - "license": "MIT", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.1.tgz", + "integrity": "sha512-mIa1WmDmNr1LoupV1Rbxt9bTFKMbIn10RHG1bnZ/FJCkAYpuU/D4n+R+ttiycgcZNngU++zyh/OQeJblzbQPzg==", "funding": { "type": "opencollective", "url": "https://opencollective.com/mui" } }, "node_modules/@mui/icons-material": { - "version": "5.10.14", - "license": "MIT", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.1.tgz", + "integrity": "sha512-xV/f26muQqtWzerzOIdGPrXoxp/OKaE2G2Wp9gnmG47mHua5Slup/tMc3fA4ZYUreGGrK6+tT81TEvt1Wsng8Q==", "dependencies": { - "@babel/runtime": "^7.20.1" + "@babel/runtime": "^7.22.6" }, "engines": { "node": ">=12.0.0" @@ -5306,18 +5312,19 @@ } }, "node_modules/@mui/material": { - "version": "5.10.14", - "license": "MIT", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.1.tgz", + "integrity": "sha512-WtsgYuageTunLfxH3Ri+o1RuQTFImtRHxMcVNyD0Hhd2/znjW6KODNz0XfjvLRnNCAynBxZNiflcoIBW40h9PQ==", "dependencies": { - "@babel/runtime": "^7.20.1", - "@mui/base": "5.0.0-alpha.106", - "@mui/core-downloads-tracker": "^5.10.14", - "@mui/system": "^5.10.14", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", - "@types/react-transition-group": "^4.4.5", + "@babel/runtime": "^7.22.6", + "@mui/base": "5.0.0-beta.8", + "@mui/core-downloads-tracker": "^5.14.1", + "@mui/system": "^5.14.1", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", + "@types/react-transition-group": "^4.4.6", "clsx": "^1.2.1", - "csstype": "^3.1.1", + "csstype": "^3.1.2", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" @@ -5349,11 +5356,12 @@ } }, "node_modules/@mui/private-theming": { - "version": "5.10.14", - "license": "MIT", + "version": "5.13.7", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.13.7.tgz", + "integrity": "sha512-qbSr+udcij5F9dKhGX7fEdx2drXchq7htLNr2Qg2Ma+WJ6q0ERlEqGSBiPiVDJkptcjeVL4DGmcf1wl5+vD4EA==", "dependencies": { - "@babel/runtime": "^7.20.1", - "@mui/utils": "^5.10.14", + "@babel/runtime": "^7.22.5", + "@mui/utils": "^5.13.7", "prop-types": "^15.8.1" }, "engines": { @@ -5374,12 +5382,13 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.10.14", - "license": "MIT", + "version": "5.13.2", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.13.2.tgz", + "integrity": "sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==", "dependencies": { - "@babel/runtime": "^7.20.1", - "@emotion/cache": "^11.10.5", - "csstype": "^3.1.1", + "@babel/runtime": "^7.21.0", + "@emotion/cache": "^11.11.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1" }, "engines": { @@ -5404,16 +5413,17 @@ } }, "node_modules/@mui/system": { - "version": "5.10.14", - "license": "MIT", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.1.tgz", + "integrity": "sha512-u+xlsU34Jdkgx1CxmBnIC4Y08uPdVX5iEd3S/1dggDFtOGp+Lj8xmKRJAQ8PJOOJLOh8pDwaZx4AwXikL4l1QA==", "dependencies": { - "@babel/runtime": "^7.20.1", - "@mui/private-theming": "^5.10.14", - "@mui/styled-engine": "^5.10.14", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", + "@babel/runtime": "^7.22.6", + "@mui/private-theming": "^5.13.7", + "@mui/styled-engine": "^5.13.2", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", "clsx": "^1.2.1", - "csstype": "^3.1.1", + "csstype": "^3.1.2", "prop-types": "^15.8.1" }, "engines": { @@ -5442,8 +5452,9 @@ } }, "node_modules/@mui/types": { - "version": "7.2.1", - "license": "MIT", + "version": "7.2.4", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz", + "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==", "peerDependencies": { "@types/react": "*" }, @@ -5454,12 +5465,13 @@ } }, "node_modules/@mui/utils": { - "version": "5.10.14", - "license": "MIT", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.1.tgz", + "integrity": "sha512-39KHKK2JeqRmuUcLDLwM+c2XfVC136C5/yUyQXmO2PVbOb2Bol4KxtkssEqCbTwg87PSCG3f1Tb0keRsK7cVGw==", "dependencies": { - "@babel/runtime": "^7.20.1", + "@babel/runtime": "^7.22.6", "@types/prop-types": "^15.7.5", - "@types/react-is": "^16.7.1 || ^17.0.0", + "@types/react-is": "^18.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" }, @@ -5475,8 +5487,9 @@ } }, "node_modules/@mui/x-data-grid": { - "version": "5.17.11", - "license": "MIT", + "version": "5.17.26", + "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-5.17.26.tgz", + "integrity": "sha512-eGJq9J0g9cDGLFfMmugOadZx0mJeOd/yQpHwEa5gUXyONS6qF0OhXSWyDOhDdA3l2TOoQzotMN5dY/T4Wl1KYA==", "dependencies": { "@babel/runtime": "^7.18.9", "@mui/utils": "^5.10.3", @@ -5732,8 +5745,9 @@ "license": "MIT" }, "node_modules/@popperjs/core": { - "version": "2.11.6", - "license": "MIT", + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", "funding": { "type": "opencollective", "url": "https://opencollective.com/popperjs" @@ -5866,6 +5880,21 @@ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0" } }, + "node_modules/@react-dnd/asap": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-4.0.1.tgz", + "integrity": "sha512-kLy0PJDDwvwwTXxqTFNAAllPHD73AycE9ypWeln/IguoGBEbvFcPDbCV03G52bEcC5E+YgupBE0VzHGdC8SIXg==" + }, + "node_modules/@react-dnd/invariant": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-2.0.0.tgz", + "integrity": "sha512-xL4RCQBCBDJ+GRwKTFhGUW8GXa4yoDfJrPbLblc3U09ciS+9ZJXJ3Qrcs/x2IODOdIE5kQxvMmE2UKyqUictUw==" + }, + "node_modules/@react-dnd/shallowequal": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-2.0.0.tgz", + "integrity": "sha512-Pc/AFTdwZwEKJxFJvlxrSmGe/di+aAOBn60sremrpLo6VI/6cmiUYNNwlI5KNYttg7uypzA3ILPMPgxB2GYZEg==" + }, "node_modules/@react-native-community/cli": { "version": "9.3.2", "license": "MIT", @@ -8877,8 +8906,9 @@ } }, "node_modules/@types/react-is": { - "version": "17.0.3", - "license": "MIT", + "version": "18.2.1", + "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz", + "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==", "dependencies": { "@types/react": "*" } @@ -8894,8 +8924,9 @@ } }, "node_modules/@types/react-transition-group": { - "version": "4.4.5", - "license": "MIT", + "version": "4.4.6", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz", + "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==", "dependencies": { "@types/react": "*" } @@ -13571,8 +13602,9 @@ "license": "MIT" }, "node_modules/csstype": { - "version": "3.1.1", - "license": "MIT" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, "node_modules/cyclist": { "version": "1.0.1", @@ -14213,6 +14245,16 @@ "version": "1.1.3", "license": "MIT" }, + "node_modules/dnd-core": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz", + "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==", + "dependencies": { + "@react-dnd/asap": "^4.0.0", + "@react-dnd/invariant": "^2.0.0", + "redux": "^4.0.4" + } + }, "node_modules/dns-equal": { "version": "1.0.0", "license": "MIT" @@ -24154,14 +24196,18 @@ "version": "4.17.21", "license": "MIT" }, + "node_modules/lodash.assignwith": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz", + "integrity": "sha512-ZznplvbvtjK2gMvnQ1BR/zqPFZmS6jbK4p+6Up4xcRYA7yMIwxHCfbTcrYxXKzzqLsQ05eJPVznEW3tuwV7k1g==" + }, "node_modules/lodash.camelcase": { "version": "4.3.0", "license": "MIT" }, "node_modules/lodash.clonedeep": { "version": "4.5.0", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/lodash.debounce": { "version": "4.0.8", @@ -24177,6 +24223,11 @@ "license": "MIT", "peer": true }, + "node_modules/lodash.find": { + "version": "4.6.0", + "resolved": "https://registry.npmjs.org/lodash.find/-/lodash.find-4.6.0.tgz", + "integrity": "sha512-yaRZoAV3Xq28F1iafWN1+a0rflOej93l1DQUejs3SZ41h2O9UJBoS9aueGjPDgAl4B6tPC0NuuchLKaDQQ3Isg==" + }, "node_modules/lodash.flatten": { "version": "4.4.0", "license": "MIT", @@ -24194,8 +24245,7 @@ }, "node_modules/lodash.get": { "version": "4.4.2", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/lodash.isequal": { "version": "4.5.0", @@ -24211,6 +24261,11 @@ "license": "MIT", "peer": true }, + "node_modules/lodash.isundefined": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash.isundefined/-/lodash.isundefined-3.0.1.tgz", + "integrity": "sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA==" + }, "node_modules/lodash.map": { "version": "4.6.0", "license": "MIT", @@ -27444,6 +27499,38 @@ "version": "2.1.2", "license": "MIT" }, + "node_modules/mui-datatables": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/mui-datatables/-/mui-datatables-4.3.0.tgz", + "integrity": "sha512-LFliQwNnnxW03IO+V3q/ORxZsOHkzl53iGogLbjUJzme47hNEN106dM0ie8oMSc0heYJY0J07oZmKm7Xn3X7IQ==", + "dependencies": { + "@babel/runtime-corejs3": "^7.12.1", + "@emotion/cache": "^11.7.1", + "clsx": "^1.1.1", + "lodash.assignwith": "^4.2.0", + "lodash.clonedeep": "^4.5.0", + "lodash.debounce": "^4.0.8", + "lodash.find": "^4.6.0", + "lodash.get": "^4.4.2", + "lodash.isequal": "^4.5.0", + "lodash.isundefined": "^3.0.1", + "lodash.memoize": "^4.1.2", + "lodash.merge": "^4.6.2", + "prop-types": "^15.7.2", + "react-dnd": "^11.1.3", + "react-dnd-html5-backend": "^11.1.3", + "react-sortable-tree-patch-react-17": "^2.9.0", + "react-to-print": "^2.8.0", + "tss-react": "^3.6.0" + }, + "peerDependencies": { + "@emotion/react": "^11.10.5", + "@mui/icons-material": "^5.11.0", + "@mui/material": "^5.11.0", + "react": "^16.8.0 || ^17.0.2 || ^18.2.0", + "react-dom": "^16.8.0 || ^17.0.2 || ^18.2.0" + } + }, "node_modules/mui-daterange-picker": { "version": "1.0.5", "license": "MIT", @@ -34570,6 +34657,51 @@ "react": "^16 || ^17" } }, + "node_modules/react-display-name": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/react-display-name/-/react-display-name-0.2.5.tgz", + "integrity": "sha512-I+vcaK9t4+kypiSgaiVWAipqHRXYmZIuAiS8vzFvXHHXVigg/sMKwlRgLy6LH2i3rmP+0Vzfl5lFsFRwF1r3pg==" + }, + "node_modules/react-dnd": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-11.1.3.tgz", + "integrity": "sha512-8rtzzT8iwHgdSC89VktwhqdKKtfXaAyC4wiqp0SywpHG12TTLvfOoL6xNEIUWXwIEWu+CFfDn4GZJyynCEuHIQ==", + "dependencies": { + "@react-dnd/shallowequal": "^2.0.0", + "@types/hoist-non-react-statics": "^3.3.1", + "dnd-core": "^11.1.3", + "hoist-non-react-statics": "^3.3.0" + }, + "peerDependencies": { + "react": ">= 16.9.0", + "react-dom": ">= 16.9.0" + } + }, + "node_modules/react-dnd-html5-backend": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-11.1.3.tgz", + "integrity": "sha512-/1FjNlJbW/ivkUxlxQd7o3trA5DE33QiRZgxent3zKme8DwF4Nbw3OFVhTRFGaYhHFNL1rZt6Rdj1D78BjnNLw==", + "dependencies": { + "dnd-core": "^11.1.3" + } + }, + "node_modules/react-dnd-scrollzone-patch-react-17": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/react-dnd-scrollzone-patch-react-17/-/react-dnd-scrollzone-patch-react-17-1.0.2.tgz", + "integrity": "sha512-Wfhyc/Y/Veim29REBYm8nMmtDB5IwSmPPhXIuabBgsEa1MrVsuOwK9+7LmuP+mGbDOEP/S6G8+5XvDqPlRFK2g==", + "dependencies": { + "hoist-non-react-statics": "^3.1.0", + "lodash.throttle": "^4.0.1", + "prop-types": "^15.5.9", + "raf": "^3.2.0", + "react-display-name": "^0.2.0" + }, + "peerDependencies": { + "react": "^17.0.1", + "react-dnd": "^11.1.3", + "react-dom": "^17.0.1" + } + }, "node_modules/react-dom": { "version": "17.0.2", "license": "MIT", @@ -34670,13 +34802,6 @@ "version": "0.2.5", "license": "MIT" }, - "node_modules/react-dual-range-slider": { - "version": "1.0.4", - "engines": { - "node": "^4.2.6", - "npm": "^3.5.3" - } - }, "node_modules/react-dual-rangeslider": { "version": "1.2.16", "license": "ISC", @@ -37083,6 +37208,27 @@ "react": "^15.0.0 || ^16.0.0 || ^17.x || ^18.x" } }, + "node_modules/react-sortable-tree-patch-react-17": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/react-sortable-tree-patch-react-17/-/react-sortable-tree-patch-react-17-2.9.0.tgz", + "integrity": "sha512-Ngtdbf78OfjqCxLj7+N+K4zM9d1mQ/tfnUsOfICFDzNa5JHg6AjixAj69ijvz0ykEiA9lYop+0Fm4KCOqCdlKA==", + "dependencies": { + "lodash.isequal": "^4.5.0", + "prop-types": "^15.6.1", + "react": "^17.0.0", + "react-dnd": "^11.1.3", + "react-dnd-html5-backend": "^11.1.3", + "react-dnd-scrollzone-patch-react-17": "^1.0.2", + "react-dom": "^17.0.0", + "react-lifecycles-compat": "^3.0.4", + "react-virtualized": "^9.21.2" + }, + "peerDependencies": { + "react": "^17.0.0", + "react-dnd": "^11.1.3", + "react-dom": "^17.0.0" + } + }, "node_modules/react-stripe-elements": { "version": "6.1.2", "license": "MIT", @@ -37259,6 +37405,15 @@ "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-to-print": { + "version": "2.14.13", + "resolved": "https://registry.npmjs.org/react-to-print/-/react-to-print-2.14.13.tgz", + "integrity": "sha512-PqUGgTRZvkyBzWgaZHVBECWPX2nGEc3HOUy6WNXof6HT4yTFI92wtIkqQtr4jfvHbadqjwTgzgh6vgN8KXlWWw==", + "peerDependencies": { + "react": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", + "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0" + } + }, "node_modules/react-toastify": { "version": "9.1.1", "license": "MIT", @@ -37876,6 +38031,23 @@ } } }, + "node_modules/react-virtualized": { + "version": "9.22.5", + "resolved": "https://registry.npmjs.org/react-virtualized/-/react-virtualized-9.22.5.tgz", + "integrity": "sha512-YqQMRzlVANBv1L/7r63OHa2b0ZsAaDp1UhVNEdUaXI8A5u6hTpA5NYtUueLH2rFuY/27mTGIBl7ZhqFKzw18YQ==", + "dependencies": { + "@babel/runtime": "^7.7.2", + "clsx": "^1.0.4", + "dom-helpers": "^5.1.3", + "loose-envify": "^1.4.0", + "prop-types": "^15.7.2", + "react-lifecycles-compat": "^3.0.4" + }, + "peerDependencies": { + "react": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0", + "react-dom": "^15.3.0 || ^16.0.0-alpha || ^17.0.0 || ^18.0.0" + } + }, "node_modules/react-window": { "version": "1.8.8", "license": "MIT", @@ -38177,8 +38349,9 @@ } }, "node_modules/regenerator-runtime": { - "version": "0.13.10", - "license": "MIT" + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, "node_modules/regenerator-transform": { "version": "0.15.0", @@ -41857,8 +42030,9 @@ } }, "node_modules/stylis": { - "version": "4.1.3", - "license": "MIT" + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" }, "node_modules/subscriptions-transport-ws": { "version": "0.9.19", @@ -42759,6 +42933,26 @@ "version": "1.14.1", "license": "0BSD" }, + "node_modules/tss-react": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-3.7.1.tgz", + "integrity": "sha512-dfWUoxBlKZfIG9UC1A2h02OmcE/Ni0itCmmZu94E9g+KyBhKMHKcsKvUm0bNlRqTmYjXiCgPJDmj5fyc8CSrLg==", + "dependencies": { + "@emotion/cache": "*", + "@emotion/serialize": "*", + "@emotion/utils": "*" + }, + "peerDependencies": { + "@emotion/react": "^11.4.1", + "@emotion/server": "^11.4.0", + "react": "^16.8.0 || ^17.0.2 || ^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/server": { + "optional": true + } + } + }, "node_modules/tsutils": { "version": "3.21.0", "license": "MIT", @@ -47056,9 +47250,11 @@ } }, "@babel/runtime": { - "version": "7.20.1", + "version": "7.22.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz", + "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==", "requires": { - "regenerator-runtime": "^0.13.10" + "regenerator-runtime": "^0.13.11" } }, "@babel/runtime-corejs3": { @@ -47263,20 +47459,21 @@ } }, "@emotion/babel-plugin": { - "version": "11.10.5", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz", + "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==", "requires": { "@babel/helper-module-imports": "^7.16.7", - "@babel/plugin-syntax-jsx": "^7.17.12", "@babel/runtime": "^7.18.3", - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/serialize": "^1.1.1", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/serialize": "^1.1.2", "babel-plugin-macros": "^3.1.0", "convert-source-map": "^1.5.0", "escape-string-regexp": "^4.0.0", "find-root": "^1.1.0", "source-map": "^0.5.7", - "stylis": "4.1.3" + "stylis": "4.2.0" } }, "@emotion/babel-utils": { @@ -47324,63 +47521,78 @@ } }, "@emotion/cache": { - "version": "11.10.5", + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", + "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", "requires": { - "@emotion/memoize": "^0.8.0", - "@emotion/sheet": "^1.2.1", - "@emotion/utils": "^1.2.0", - "@emotion/weak-memoize": "^0.3.0", - "stylis": "4.1.3" + "@emotion/memoize": "^0.8.1", + "@emotion/sheet": "^1.2.2", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", + "stylis": "4.2.0" } }, "@emotion/hash": { - "version": "0.9.0" + "version": "0.9.1", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz", + "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==" }, "@emotion/is-prop-valid": { - "version": "1.2.0", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", "requires": { - "@emotion/memoize": "^0.8.0" + "@emotion/memoize": "^0.8.1" } }, "@emotion/memoize": { - "version": "0.8.0" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "@emotion/react": { - "version": "11.10.5", + "version": "11.11.1", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz", + "integrity": "sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==", "requires": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", - "@emotion/cache": "^11.10.5", - "@emotion/serialize": "^1.1.1", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0", - "@emotion/weak-memoize": "^0.3.0", + "@emotion/babel-plugin": "^11.11.0", + "@emotion/cache": "^11.11.0", + "@emotion/serialize": "^1.1.2", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1", + "@emotion/weak-memoize": "^0.3.1", "hoist-non-react-statics": "^3.3.1" } }, "@emotion/serialize": { - "version": "1.1.1", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz", + "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==", "requires": { - "@emotion/hash": "^0.9.0", - "@emotion/memoize": "^0.8.0", - "@emotion/unitless": "^0.8.0", - "@emotion/utils": "^1.2.0", + "@emotion/hash": "^0.9.1", + "@emotion/memoize": "^0.8.1", + "@emotion/unitless": "^0.8.1", + "@emotion/utils": "^1.2.1", "csstype": "^3.0.2" } }, "@emotion/sheet": { - "version": "1.2.1" + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", + "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" }, "@emotion/styled": { - "version": "11.10.5", - "peer": true, + "version": "11.11.0", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz", + "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==", "requires": { "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.5", - "@emotion/is-prop-valid": "^1.2.0", - "@emotion/serialize": "^1.1.1", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0" + "@emotion/babel-plugin": "^11.11.0", + "@emotion/is-prop-valid": "^1.2.1", + "@emotion/serialize": "^1.1.2", + "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1", + "@emotion/utils": "^1.2.1" } }, "@emotion/stylis": { @@ -47388,17 +47600,25 @@ "peer": true }, "@emotion/unitless": { - "version": "0.8.0" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, "@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.0.0", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz", + "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==", "requires": {} }, "@emotion/utils": { - "version": "1.2.0" + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", + "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" }, "@emotion/weak-memoize": { - "version": "0.3.0" + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz", + "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==" }, "@endemolshinegroup/cosmiconfig-typescript-loader": { "version": "3.0.2", @@ -49258,90 +49478,110 @@ "requires": {} }, "@mui/base": { - "version": "5.0.0-alpha.106", + "version": "5.0.0-beta.8", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.8.tgz", + "integrity": "sha512-b4vVjMZx5KzzEMf4arXKoeV5ZegAMOoPwoy1vfUBwhvXc2QtaaAyBp50U7OA2L06Leubc1A+lEp3eqwZoFn87g==", "requires": { - "@babel/runtime": "^7.20.1", - "@emotion/is-prop-valid": "^1.2.0", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", - "@popperjs/core": "^2.11.6", + "@babel/runtime": "^7.22.6", + "@emotion/is-prop-valid": "^1.2.1", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", + "@popperjs/core": "^2.11.8", "clsx": "^1.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" } }, "@mui/core-downloads-tracker": { - "version": "5.10.14" + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.1.tgz", + "integrity": "sha512-mIa1WmDmNr1LoupV1Rbxt9bTFKMbIn10RHG1bnZ/FJCkAYpuU/D4n+R+ttiycgcZNngU++zyh/OQeJblzbQPzg==" }, "@mui/icons-material": { - "version": "5.10.14", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.1.tgz", + "integrity": "sha512-xV/f26muQqtWzerzOIdGPrXoxp/OKaE2G2Wp9gnmG47mHua5Slup/tMc3fA4ZYUreGGrK6+tT81TEvt1Wsng8Q==", "requires": { - "@babel/runtime": "^7.20.1" + "@babel/runtime": "^7.22.6" } }, "@mui/material": { - "version": "5.10.14", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.1.tgz", + "integrity": "sha512-WtsgYuageTunLfxH3Ri+o1RuQTFImtRHxMcVNyD0Hhd2/znjW6KODNz0XfjvLRnNCAynBxZNiflcoIBW40h9PQ==", "requires": { - "@babel/runtime": "^7.20.1", - "@mui/base": "5.0.0-alpha.106", - "@mui/core-downloads-tracker": "^5.10.14", - "@mui/system": "^5.10.14", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", - "@types/react-transition-group": "^4.4.5", + "@babel/runtime": "^7.22.6", + "@mui/base": "5.0.0-beta.8", + "@mui/core-downloads-tracker": "^5.14.1", + "@mui/system": "^5.14.1", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", + "@types/react-transition-group": "^4.4.6", "clsx": "^1.2.1", - "csstype": "^3.1.1", + "csstype": "^3.1.2", "prop-types": "^15.8.1", "react-is": "^18.2.0", "react-transition-group": "^4.4.5" } }, "@mui/private-theming": { - "version": "5.10.14", + "version": "5.13.7", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.13.7.tgz", + "integrity": "sha512-qbSr+udcij5F9dKhGX7fEdx2drXchq7htLNr2Qg2Ma+WJ6q0ERlEqGSBiPiVDJkptcjeVL4DGmcf1wl5+vD4EA==", "requires": { - "@babel/runtime": "^7.20.1", - "@mui/utils": "^5.10.14", + "@babel/runtime": "^7.22.5", + "@mui/utils": "^5.13.7", "prop-types": "^15.8.1" } }, "@mui/styled-engine": { - "version": "5.10.14", + "version": "5.13.2", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.13.2.tgz", + "integrity": "sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==", "requires": { - "@babel/runtime": "^7.20.1", - "@emotion/cache": "^11.10.5", - "csstype": "^3.1.1", + "@babel/runtime": "^7.21.0", + "@emotion/cache": "^11.11.0", + "csstype": "^3.1.2", "prop-types": "^15.8.1" } }, "@mui/system": { - "version": "5.10.14", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.1.tgz", + "integrity": "sha512-u+xlsU34Jdkgx1CxmBnIC4Y08uPdVX5iEd3S/1dggDFtOGp+Lj8xmKRJAQ8PJOOJLOh8pDwaZx4AwXikL4l1QA==", "requires": { - "@babel/runtime": "^7.20.1", - "@mui/private-theming": "^5.10.14", - "@mui/styled-engine": "^5.10.14", - "@mui/types": "^7.2.1", - "@mui/utils": "^5.10.14", + "@babel/runtime": "^7.22.6", + "@mui/private-theming": "^5.13.7", + "@mui/styled-engine": "^5.13.2", + "@mui/types": "^7.2.4", + "@mui/utils": "^5.14.1", "clsx": "^1.2.1", - "csstype": "^3.1.1", + "csstype": "^3.1.2", "prop-types": "^15.8.1" } }, "@mui/types": { - "version": "7.2.1", + "version": "7.2.4", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz", + "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==", "requires": {} }, "@mui/utils": { - "version": "5.10.14", + "version": "5.14.1", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.1.tgz", + "integrity": "sha512-39KHKK2JeqRmuUcLDLwM+c2XfVC136C5/yUyQXmO2PVbOb2Bol4KxtkssEqCbTwg87PSCG3f1Tb0keRsK7cVGw==", "requires": { - "@babel/runtime": "^7.20.1", + "@babel/runtime": "^7.22.6", "@types/prop-types": "^15.7.5", - "@types/react-is": "^16.7.1 || ^17.0.0", + "@types/react-is": "^18.2.1", "prop-types": "^15.8.1", "react-is": "^18.2.0" } }, "@mui/x-data-grid": { - "version": "5.17.11", + "version": "5.17.26", + "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-5.17.26.tgz", + "integrity": "sha512-eGJq9J0g9cDGLFfMmugOadZx0mJeOd/yQpHwEa5gUXyONS6qF0OhXSWyDOhDdA3l2TOoQzotMN5dY/T4Wl1KYA==", "requires": { "@babel/runtime": "^7.18.9", "@mui/utils": "^5.10.3", @@ -49447,7 +49687,9 @@ "version": "1.0.0-next.21" }, "@popperjs/core": { - "version": "2.11.6" + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==" }, "@radix-ui/number": { "version": "0.1.0", @@ -49534,6 +49776,21 @@ "@babel/runtime": "^7.6.2" } }, + "@react-dnd/asap": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-4.0.1.tgz", + "integrity": "sha512-kLy0PJDDwvwwTXxqTFNAAllPHD73AycE9ypWeln/IguoGBEbvFcPDbCV03G52bEcC5E+YgupBE0VzHGdC8SIXg==" + }, + "@react-dnd/invariant": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-2.0.0.tgz", + "integrity": "sha512-xL4RCQBCBDJ+GRwKTFhGUW8GXa4yoDfJrPbLblc3U09ciS+9ZJXJ3Qrcs/x2IODOdIE5kQxvMmE2UKyqUictUw==" + }, + "@react-dnd/shallowequal": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-2.0.0.tgz", + "integrity": "sha512-Pc/AFTdwZwEKJxFJvlxrSmGe/di+aAOBn60sremrpLo6VI/6cmiUYNNwlI5KNYttg7uypzA3ILPMPgxB2GYZEg==" + }, "@react-native-community/cli": { "version": "9.3.2", "peer": true, @@ -51537,7 +51794,9 @@ } }, "@types/react-is": { - "version": "17.0.3", + "version": "18.2.1", + "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz", + "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==", "requires": { "@types/react": "*" } @@ -51552,7 +51811,9 @@ } }, "@types/react-transition-group": { - "version": "4.4.5", + "version": "4.4.6", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz", + "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==", "requires": { "@types/react": "*" } @@ -54622,7 +54883,9 @@ } }, "csstype": { - "version": "3.1.1" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, "cyclist": { "version": "1.0.1" @@ -55058,6 +55321,16 @@ "dlv": { "version": "1.1.3" }, + "dnd-core": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-11.1.3.tgz", + "integrity": "sha512-QugF55dNW+h+vzxVJ/LSJeTeUw9MCJ2cllhmVThVPEtF16ooBkxj0WBE5RB+AceFxMFo1rO6bJKXtqKl+JNnyA==", + "requires": { + "@react-dnd/asap": "^4.0.0", + "@react-dnd/invariant": "^2.0.0", + "redux": "^4.0.4" + } + }, "dns-equal": { "version": "1.0.0" }, @@ -61499,12 +61772,16 @@ "lodash-es": { "version": "4.17.21" }, + "lodash.assignwith": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz", + "integrity": "sha512-ZznplvbvtjK2gMvnQ1BR/zqPFZmS6jbK4p+6Up4xcRYA7yMIwxHCfbTcrYxXKzzqLsQ05eJPVznEW3tuwV7k1g==" + }, "lodash.camelcase": { "version": "4.3.0" }, "lodash.clonedeep": { - "version": "4.5.0", - "peer": true + "version": "4.5.0" }, "lodash.debounce": { "version": "4.0.8" @@ -61517,6 +61794,11 @@ "version": "4.6.0", "peer": true }, + "lodash.find": { + "version": "4.6.0", + "resolved": "https://registry.npmjs.org/lodash.find/-/lodash.find-4.6.0.tgz", + "integrity": "sha512-yaRZoAV3Xq28F1iafWN1+a0rflOej93l1DQUejs3SZ41h2O9UJBoS9aueGjPDgAl4B6tPC0NuuchLKaDQQ3Isg==" + }, "lodash.flatten": { "version": "4.4.0", "peer": true @@ -61530,8 +61812,7 @@ "peer": true }, "lodash.get": { - "version": "4.4.2", - "peer": true + "version": "4.4.2" }, "lodash.isequal": { "version": "4.5.0" @@ -61544,6 +61825,11 @@ "version": "4.0.1", "peer": true }, + "lodash.isundefined": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/lodash.isundefined/-/lodash.isundefined-3.0.1.tgz", + "integrity": "sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA==" + }, "lodash.map": { "version": "4.6.0", "peer": true @@ -63740,6 +64026,31 @@ "ms": { "version": "2.1.2" }, + "mui-datatables": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/mui-datatables/-/mui-datatables-4.3.0.tgz", + "integrity": "sha512-LFliQwNnnxW03IO+V3q/ORxZsOHkzl53iGogLbjUJzme47hNEN106dM0ie8oMSc0heYJY0J07oZmKm7Xn3X7IQ==", + "requires": { + "@babel/runtime-corejs3": "^7.12.1", + "@emotion/cache": "^11.7.1", + "clsx": "^1.1.1", + "lodash.assignwith": "^4.2.0", + "lodash.clonedeep": "^4.5.0", + "lodash.debounce": "^4.0.8", + "lodash.find": "^4.6.0", + "lodash.get": "^4.4.2", + "lodash.isequal": "^4.5.0", + "lodash.isundefined": "^3.0.1", + "lodash.memoize": "^4.1.2", + "lodash.merge": "^4.6.2", + "prop-types": "^15.7.2", + "react-dnd": "^11.1.3", + "react-dnd-html5-backend": "^11.1.3", + "react-sortable-tree-patch-react-17": "^2.9.0", + "react-to-print": "^2.8.0", + "tss-react": "^3.6.0" + } + }, "mui-daterange-picker": { "version": "1.0.5", "requires": { @@ -68142,6 +68453,42 @@ } } }, + "react-display-name": { + "version": "0.2.5", + "resolved": "https://registry.npmjs.org/react-display-name/-/react-display-name-0.2.5.tgz", + "integrity": "sha512-I+vcaK9t4+kypiSgaiVWAipqHRXYmZIuAiS8vzFvXHHXVigg/sMKwlRgLy6LH2i3rmP+0Vzfl5lFsFRwF1r3pg==" + }, + "react-dnd": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-11.1.3.tgz", + "integrity": "sha512-8rtzzT8iwHgdSC89VktwhqdKKtfXaAyC4wiqp0SywpHG12TTLvfOoL6xNEIUWXwIEWu+CFfDn4GZJyynCEuHIQ==", + "requires": { + "@react-dnd/shallowequal": "^2.0.0", + "@types/hoist-non-react-statics": "^3.3.1", + "dnd-core": "^11.1.3", + "hoist-non-react-statics": "^3.3.0" + } + }, + "react-dnd-html5-backend": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-11.1.3.tgz", + "integrity": "sha512-/1FjNlJbW/ivkUxlxQd7o3trA5DE33QiRZgxent3zKme8DwF4Nbw3OFVhTRFGaYhHFNL1rZt6Rdj1D78BjnNLw==", + "requires": { + "dnd-core": "^11.1.3" + } + }, + "react-dnd-scrollzone-patch-react-17": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/react-dnd-scrollzone-patch-react-17/-/react-dnd-scrollzone-patch-react-17-1.0.2.tgz", + "integrity": "sha512-Wfhyc/Y/Veim29REBYm8nMmtDB5IwSmPPhXIuabBgsEa1MrVsuOwK9+7LmuP+mGbDOEP/S6G8+5XvDqPlRFK2g==", + "requires": { + "hoist-non-react-statics": "^3.1.0", + "lodash.throttle": "^4.0.1", + "prop-types": "^15.5.9", + "raf": "^3.2.0", + "react-display-name": "^0.2.0" + } + }, "react-dom": { "version": "17.0.2", "requires": { @@ -68198,9 +68545,6 @@ } } }, - "react-dual-range-slider": { - "version": "1.0.4" - }, "react-dual-rangeslider": { "version": "1.2.16", "requires": { @@ -69681,6 +70025,22 @@ "version": "3.6.1", "requires": {} }, + "react-sortable-tree-patch-react-17": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/react-sortable-tree-patch-react-17/-/react-sortable-tree-patch-react-17-2.9.0.tgz", + "integrity": "sha512-Ngtdbf78OfjqCxLj7+N+K4zM9d1mQ/tfnUsOfICFDzNa5JHg6AjixAj69ijvz0ykEiA9lYop+0Fm4KCOqCdlKA==", + "requires": { + "lodash.isequal": "^4.5.0", + "prop-types": "^15.6.1", + "react": "^17.0.0", + "react-dnd": "^11.1.3", + "react-dnd-html5-backend": "^11.1.3", + "react-dnd-scrollzone-patch-react-17": "^1.0.2", + "react-dom": "^17.0.0", + "react-lifecycles-compat": "^3.0.4", + "react-virtualized": "^9.21.2" + } + }, "react-stripe-elements": { "version": "6.1.2", "requires": { @@ -69811,6 +70171,12 @@ "update-input-width": "^1.2.2" } }, + "react-to-print": { + "version": "2.14.13", + "resolved": "https://registry.npmjs.org/react-to-print/-/react-to-print-2.14.13.tgz", + "integrity": "sha512-PqUGgTRZvkyBzWgaZHVBECWPX2nGEc3HOUy6WNXof6HT4yTFI92wtIkqQtr4jfvHbadqjwTgzgh6vgN8KXlWWw==", + "requires": {} + }, "react-toastify": { "version": "9.1.1", "requires": { @@ -70234,6 +70600,19 @@ } } }, + "react-virtualized": { + "version": "9.22.5", + "resolved": "https://registry.npmjs.org/react-virtualized/-/react-virtualized-9.22.5.tgz", + "integrity": "sha512-YqQMRzlVANBv1L/7r63OHa2b0ZsAaDp1UhVNEdUaXI8A5u6hTpA5NYtUueLH2rFuY/27mTGIBl7ZhqFKzw18YQ==", + "requires": { + "@babel/runtime": "^7.7.2", + "clsx": "^1.0.4", + "dom-helpers": "^5.1.3", + "loose-envify": "^1.4.0", + "prop-types": "^15.7.2", + "react-lifecycles-compat": "^3.0.4" + } + }, "react-window": { "version": "1.8.8", "requires": { @@ -70438,7 +70817,9 @@ } }, "regenerator-runtime": { - "version": "0.13.10" + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, "regenerator-transform": { "version": "0.15.0", @@ -72910,7 +73291,9 @@ } }, "stylis": { - "version": "4.1.3" + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz", + "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==" }, "subscriptions-transport-ws": { "version": "0.9.19", @@ -73472,6 +73855,16 @@ "tslib": { "version": "1.14.1" }, + "tss-react": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-3.7.1.tgz", + "integrity": "sha512-dfWUoxBlKZfIG9UC1A2h02OmcE/Ni0itCmmZu94E9g+KyBhKMHKcsKvUm0bNlRqTmYjXiCgPJDmj5fyc8CSrLg==", + "requires": { + "@emotion/cache": "*", + "@emotion/serialize": "*", + "@emotion/utils": "*" + } + }, "tsutils": { "version": "3.21.0", "requires": { diff --git a/package.json b/package.json index 0f10de0..80211f7 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,8 @@ "private": true, "dependencies": { "@dr.pogodin/react-global-state": "^0.6.5", + "@emotion/react": "^11.11.1", + "@emotion/styled": "^11.11.0", "@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome-free-solid": "^5.0.13", "@fortawesome/fontawesome-svg-core": "^6.1.1", @@ -17,8 +19,8 @@ "@material-ui/core": "^4.12.4", "@material/tooltip": "^14.0.0", "@mui/icons-material": "^5.4.2", - "@mui/material": "^5.4.2", - "@mui/x-data-grid": "^5.5.1", + "@mui/material": "^5.14.1", + "@mui/x-data-grid": "^5.17.26", "@mui/x-date-pickers": "^5.0.0", "@mui/x-date-pickers-pro": "^5.0.0", "@stripe/react-stripe-js": "^1.12.0", @@ -48,6 +50,7 @@ "js-file-download": "^0.4.12", "js-video-url-parser": "^0.5.1", "moment": "^2.29.4", + "mui-datatables": "^4.3.0", "mui-daterange-picker": "^1.0.5", "next": "^12.0.10", "next-link": "^2.0.0", @@ -73,7 +76,6 @@ "react-dom": "^17.0.2", "react-draft-wysiwyg": "^1.14.7", "react-dropdown-select": "^4.8.0", - "react-dual-range-slider": "^1.0.4", "react-dual-rangeslider": "^1.2.16", "react-elastic-carousel": "^0.11.5", "react-facebook": "^8.1.4", diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index 54a5abc..11168ba 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -2,7 +2,8 @@ import React, { useRef, useState, useEffect } from "react"; import Box from '@mui/material/Box'; import TextField from '@mui/material/TextField'; import MenuItem from '@mui/material/MenuItem'; - +import { confirmAlert } from 'react-confirm-alert'; // Import +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import Button from '@mui/material/Button'; import axios from "axios"; import DeleteIcon from '@mui/icons-material/Delete'; @@ -30,6 +31,7 @@ import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import { Fab } from "@material-ui/core"; import { ConsoleView } from "react-device-detect"; import fileDownload from 'js-file-download' +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; const AddParnerClient = (props) => { const history = useHistory(); @@ -67,21 +69,57 @@ const AddParnerClient = (props) => { const [importmessage, setimportmessage] = useState(""); - - function submenu_donnee_client() { + async function submenu_donnee_client() { setsubmenu("submenu_donnee_client"); - - console.log(" ### formedit_mode = ", formedit_mode); - if( String(formedit_mode) === "0" && p_client_email ){ + /* + Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance. + */ + await sleep(5); + if (String(formedit_mode) !== "1") { Disable_fields(); + } else { + Enable_fields(); } + document.getElementById("submenu_donnee_client").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_client").style.color = "#3b3e40"; + + document.getElementById("submenu_donnee_facturation").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_facturation").style.color = "#3b3e40"; + + + document.getElementById("submenu_donnee_client").style.background = "#104277"; + document.getElementById("submenu_donnee_client").style.color = "white"; + } + function sleep(ms) { + return new Promise(resolve => setTimeout(resolve, ms)); + } - - function submenu_donnee_facturation() { + async function submenu_donnee_facturation() { setsubmenu("submenu_donnees_facturation"); + /* + Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance. + */ + await sleep(5); + if (String(formedit_mode_invoice) !== "1") { + Disable_invoice_fields(); + } else { + Enable_invoice_fields(); + } + + document.getElementById("submenu_donnee_client").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_client").style.color = "#3b3e40"; + + document.getElementById("submenu_donnee_facturation").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_facturation").style.color = "#3b3e40"; + + document.getElementById("submenu_donnee_facturation").style.background = "#104277"; + document.getElementById("submenu_donnee_facturation").style.color = "white"; + + + } @@ -121,14 +159,45 @@ const AddParnerClient = (props) => { } + function SetTabFocus() { + + document.getElementById("submenu_donnee_client").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_client").style.color = "#3b3e40"; + document.getElementById("submenu_donnee_facturation").style.background = "#d8edfc"; + document.getElementById("submenu_donnee_facturation").style.color = "#3b3e40"; + + + if (String(submenu) === "submenu_donnee_client") { + document.getElementById("submenu_donnee_client").style.background = "#104277"; + document.getElementById("submenu_donnee_client").style.color = "white"; + } + else if (String(submenu) === "submenu_donnees_facturation") { + document.getElementById("submenu_donnee_facturation").style.background = "#104277"; + document.getElementById("submenu_donnee_facturation").style.color = "white"; + } + } + + useEffect(() => { - setformedit_mode("0"); - submenu_donnee_client(); - fillfield(props.client_mail); - setdatamodification("0"); - window.scrollTo(0, 0); + if (String(props.new_customer) !== "1") { + setformedit_mode("0"); + setformedit_mode_invoice("0"); + + submenu_donnee_client(); + fillfield(props.client_mail); + + setdatamodification("0"); + setdatamodification_invoice("0"); + + window.scrollTo(0, 0); + } else { + setformedit_mode("1"); + setformedit_mode_invoice("1"); + + } + }, [props.client_mail,]); @@ -166,50 +235,87 @@ const AddParnerClient = (props) => { if (mylocalclient.raison_sociale) { setclient_raison_sociale(mylocalclient.raison_sociale); + } else { + setclient_raison_sociale(""); } if (mylocalclient.adr_adresse) setclient_adresse(mylocalclient.adr_adresse); + else + setclient_adresse(""); + if (mylocalclient.adr_ville) setclient_ville(mylocalclient.adr_ville); + else + setclient_ville(""); if (mylocalclient.adr_pays) setclient_pays(mylocalclient.adr_pays); + else + setclient_pays(""); if (mylocalclient.siret) setclient_siret(mylocalclient.siret); + else + setclient_siret(""); if (mylocalclient.tva) setclient_tva(mylocalclient.tva); + else + setclient_tva(""); if (mylocalclient.website) setclient_website(mylocalclient.website); + else + setclient_website(""); + + if (mylocalclient.telephone) + setclient_telephone(mylocalclient.telephone); + else + setclient_telephone(""); // Remplissage des doonées de facturation if (mylocalclient.invoice_email) setclient_invoice_email(mylocalclient.invoice_email); + else + setclient_invoice_email(""); if (mylocalclient.invoice_nom) setclient_invoice_nom(mylocalclient.invoice_nom); + else + setclient_invoice_nom(""); + if (mylocalclient.invoice_siret) setclient_invoice_siret(mylocalclient.invoice_siret); + else + setclient_invoice_siret(""); if (mylocalclient.invoice_tva) setclient_invoice_tva(mylocalclient.invoice_tva); + else + setclient_invoice_tva(""); if (mylocalclient.invoice_adresse) setclient_invoice_adresse(mylocalclient.invoice_adresse); + else + setclient_invoice_adresse(""); if (mylocalclient.invoice_ville) setclient_invoice_ville(mylocalclient.invoice_ville); + else + setclient_invoice_ville(""); if (mylocalclient.invoice_code_postal) setclient_invoice_code_postal(mylocalclient.invoice_code_postal); + else + setclient_invoice_code_postal(""); if (mylocalclient.invoice_pays) setclient_invoice_pays(mylocalclient.invoice_pays); + else + setclient_invoice_pays(""); setdatamodification("0"); setdatamodification_invoice("0"); @@ -269,27 +375,43 @@ const AddParnerClient = (props) => { // Remplissage des doonées de facturation if (mylocalclient.invoice_email) setclient_invoice_email(mylocalclient.invoice_email); + else + setclient_invoice_email(""); if (mylocalclient.invoice_nom) setclient_invoice_nom(mylocalclient.invoice_nom); + else + setclient_invoice_nom(""); if (mylocalclient.invoice_siret) setclient_invoice_siret(mylocalclient.invoice_siret); + else + setclient_invoice_siret(""); if (mylocalclient.invoice_tva) setclient_invoice_tva(mylocalclient.invoice_tva); + else + setclient_invoice_tva(""); if (mylocalclient.invoice_adresse) setclient_invoice_adresse(mylocalclient.invoice_adresse); + else + setclient_invoice_adresse(""); if (mylocalclient.invoice_ville) setclient_invoice_ville(mylocalclient.invoice_ville); + else + setclient_invoice_ville(""); if (mylocalclient.invoice_code_postal) setclient_invoice_code_postal(mylocalclient.invoice_code_postal); + else + setclient_invoice_code_postal(""); if (mylocalclient.invoice_pays) setclient_invoice_pays(mylocalclient.invoice_pays); + else + setclient_invoice_pays(""); Disable_invoice_fields(); } @@ -340,28 +462,48 @@ const AddParnerClient = (props) => { if (mylocalclient) { - // Remplissage des doonées de principale (première tab) if (mylocalclient.raison_sociale) { - document.getElementsByName("client_raison_sociale")[0].value = mylocalclient.raison_sociale; + setclient_raison_sociale(mylocalclient.raison_sociale); + } else { + setclient_raison_sociale(""); } if (mylocalclient.adr_adresse) - document.getElementsByName("client_adresse")[0].value = mylocalclient.adr_adresse; + setclient_adresse(mylocalclient.adr_adresse); + else + setclient_adresse(""); + if (mylocalclient.adr_ville) - document.getElementsByName("client_ville")[0].value = mylocalclient.adr_ville; + setclient_ville(mylocalclient.adr_ville); + else + setclient_ville(""); if (mylocalclient.adr_pays) - document.getElementsByName("client_pays")[0].value = mylocalclient.adr_pays; + setclient_pays(mylocalclient.adr_pays); + else + setclient_pays(""); if (mylocalclient.siret) - document.getElementsByName("client_siret")[0].value = mylocalclient.siret; + setclient_siret(mylocalclient.siret); + else + setclient_siret(""); if (mylocalclient.tva) - document.getElementsByName("client_tva")[0].value = mylocalclient.tva; + setclient_tva(mylocalclient.tva); + else + setclient_tva(""); if (mylocalclient.website) - document.getElementsByName("client_website")[0].value = mylocalclient.website; + setclient_website(mylocalclient.website); + else + setclient_website(""); + + if (mylocalclient.telephone) + setclient_telephone(mylocalclient.telephone); + else + setclient_telephone(""); + Disable_fields(); @@ -567,6 +709,151 @@ const AddParnerClient = (props) => { } + + + function confirm_add_user() { + confirmAlert({ + title: '', + message: 'Confirmez la creation du client', + buttons: [ + { + label: 'Oui', + onClick: () => Add_New_PartnerClient() + }, + { + label: 'Non', + onClick: () => { return } + } + ] + }); + } + + + + const [Add_New_PartnerClient_api, setAdd_New_PartnerClient_api] = useState(""); + const [Add_New_PartnerClient_result, setAdd_New_PartnerClient_result] = useState(""); + const [Add_New_PartnerClient_message, setAdd_New_PartnerClient_message] = useState(""); + function Add_New_PartnerClient(event) { + + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + // Recupeation des données à enregister + + var client_email = "" + if (document.getElementsByName("client_email")) { + client_email = document.getElementsByName("client_email")[0].value; + } + form.append("email", client_email); + + + var client_nom = "" + if (document.getElementsByName("client_nom")) { + client_nom = document.getElementsByName("client_nom")[0].value; + } + form.append("nom", client_nom); + + var client_raison_sociale = "" + if (document.getElementsByName("client_raison_sociale")) { + client_raison_sociale = document.getElementsByName("client_raison_sociale")[0].value; + } + form.append("raison_sociale", client_raison_sociale); + + var client_adresse = "" + if (document.getElementsByName("client_adresse")) { + client_adresse = document.getElementsByName("client_adresse")[0].value; + } + form.append("adr_adresse", client_adresse); + + var client_code_postal = "" + if (document.getElementsByName("client_code_postal")) { + client_code_postal = document.getElementsByName("client_code_postal")[0].value; + } + form.append("adr_code_postal", client_code_postal); + + var client_ville = "" + if (document.getElementsByName("client_ville")) { + client_ville = document.getElementsByName("client_ville")[0].value; + } + form.append("adr_ville", client_ville); + + var client_pays = "" + if (document.getElementsByName("client_pays")) { + client_pays = document.getElementsByName("client_pays")[0].value; + } + form.append("adr_pays", client_pays); + + + + var client_telephone = "" + if (document.getElementsByName("client_telephone")) { + client_telephone = document.getElementsByName("client_telephone")[0].value; + } + form.append("telephone", client_telephone); + + + var client_siret = "" + if (document.getElementsByName("client_siret")) { + client_siret = document.getElementsByName("client_siret")[0].value; + } + form.append("siret", client_siret); + + var client_tva = "" + if (document.getElementsByName("client_tva")) { + client_tva = document.getElementsByName("client_tva")[0].value; + } + form.append("tva", client_tva); + + var client_website = "" + if (document.getElementsByName("client_website")) { + client_website = document.getElementsByName("client_website")[0].value; + } + form.append("website", client_website); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Partner_Client/"; + + axios.post(myurl, form).then(res => { + if (String(res.data.status) === String("true")) { + console.log(" In Add_New_PartnerClient res.data.status = " + res.data.status); + console.log(" In Add_New_PartnerClient res.data.message = " + res.data.message); + setAdd_New_PartnerClient_api("true"); + setAdd_New_PartnerClient_result(res.data.message); + setformedit_mode("0"); + setdatamodification("0"); + Disable_fields(); + alert(res.data.message); + props.Get_List_Partner_Clients(); + props.close_detail_client(); + + + } + else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + return; + } + else { + + setAdd_New_PartnerClient_api("false"); + setAdd_New_PartnerClient_message(res.data.message); + alert(res.data.message); + + } + + + }).catch((error) => { + console.warn('Not good man :( Add_New_PartnerClient = ', error); + setAdd_New_PartnerClient_result("false"); + setAdd_New_PartnerClient_message(" Impossible de recuperer les informations du client") + alert(" Impossible de recuperer les informations du client"); + + }) + } + const [recordPartnerClient_api, setrecordPartnerClient_api] = useState(""); const [recordPartnerClient_result, setrecordPartnerClient_result] = useState(""); const [recordPartnerClient_message, setrecordPartnerClient_message] = useState(""); @@ -916,19 +1203,19 @@ const AddParnerClient = (props) => { document.getElementsByName("client_invoice_pays")[0].style.backgroundColor = "#FFFFFF"; } } + + function close_detail_client() { + props.close_detail_client(); + } + + return (
- - - - - - - - - - {String(submenu).trim() === "submenu_donnee_client" &&
+ {String(props.new_customer) === "1" &&
+
+ +
{  
- {String(datamodification) === "1" &&
-
/!\ Pensez à enregistrer les modifications
} - {String(formedit_mode) === "1" &&
+ +
- +
- +
- } +
+ } - formedit_mode == {formedit_mode} - {String(formedit_mode) !== "1" &&
-
- -
+ {String(props.new_customer) !== "1" &&
+
+ + + + + + + +
- } + {String(submenu).trim() === "submenu_donnee_client" &&
+ +
+ setclient_email(e.target.value)} + + /> +
+ + +
+ setclient_nom(e.target.value)} + + /> +
+ + +
+ setclient_raison_sociale(e.target.value)} + /> +
+ + +
+ setclient_siret(e.target.value)} + /> +
+ +
+ setclient_tva(e.target.value)} + /> +
+ +
+ setclient_adresse(e.target.value)} + /> +
+
+ setclient_ville(e.target.value)} + /> +
+
+ setclient_code_postal(e.target.value)} + /> +
+
+ setclient_pays(e.target.value)} + /> +
+ +
+ setclient_telephone(e.target.value)} + /> +
+ +
+ setclient_website(e.target.value)} + /> +
+ + +
+   +
+ + {String(datamodification) === "1" &&
+
/!\ Pensez à enregistrer les modifications
} + {String(formedit_mode) === "1" &&
+
+ +
+
+ +
+
+ } + + + {String(formedit_mode) !== "1" &&
+ +
+ +
+
+ } + +
} + + {String(submenu).trim() === "submenu_donnees_facturation" &&
+ +
+ setclient_invoice_email(e.target.value)} + /> +
+ + +
+ setclient_invoice_nom(e.target.value)} + /> +
+ + + +
+ setclient_invoice_siret(e.target.value)} + /> +
+ +
+ setclient_invoice_tva(e.target.value)} + /> +
+ +
+ setclient_invoice_adresse(e.target.value)} + /> +
+
+ setclient_invoice_ville(e.target.value)} + /> +
+
+ setclient_invoice_code_postal(e.target.value)} + /> +
+
+ setclient_invoice_pays(e.target.value)} + /> +
+ + +
+   +
+ + {String(datamodification_invoice) === "1" &&
+
/!\ Pensez à enregistrer les modifications
} + {String(formedit_mode_invoice) === "1" &&
+
+ +
+
+ +
+
+ } + {String(formedit_mode_invoice) !== "1" &&
+ +
+ +
+
+ } + +
} + +
+   Fermer +
} - - {String(submenu).trim() === "submenu_donnees_facturation" &&
- -
- setclient_invoice_email(e.target.value)} - /> -
- - -
- setclient_invoice_nom(e.target.value)} - /> -
- - - -
- setclient_invoice_siret(e.target.value)} - /> -
- -
- setclient_invoice_tva(e.target.value)} - /> -
- -
- setclient_invoice_adresse(e.target.value)} - /> -
-
- setclient_invoice_ville(e.target.value)} - /> -
-
- setclient_invoice_code_postal(e.target.value)} - /> -
-
- setclient_invoice_pays(e.target.value)} - /> -
- - -
-   -
- - {String(datamodification_invoice) === "1" &&
-
/!\ Pensez à enregistrer les modifications
} - {String(formedit_mode_invoice) === "1" &&
-
- -
-
- -
-
- } - {String(formedit_mode_invoice) !== "1" &&
- -
- -
-
- } - -
} -
); } diff --git a/src/components/Contact_Partner_Client.js b/src/components/Contact_Partner_Client.js new file mode 100644 index 0000000..39ee36b --- /dev/null +++ b/src/components/Contact_Partner_Client.js @@ -0,0 +1,47 @@ +import React, { useRef, useState, useEffect } from "react"; +import Box from '@mui/material/Box'; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import { confirmAlert } from 'react-confirm-alert'; // Import +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import DeleteIcon from '@mui/icons-material/Delete'; +import { getCookie, setCookie } from 'react-use-cookie'; +import { Alert } from "@mui/material"; +import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; +import profileimg from "../mysy_img/MYSY-profil-2.png"; +import Abonnement from "./Abonnement"; +import { PropaneSharp } from "@mui/icons-material"; +import { useHistory } from "react-router-dom"; +import CheckOut from "./CheckOut"; + +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { RichTextEditor } from '@mantine/rte'; +import { Editor } from '@tinymce/tinymce-react'; +import { IoArrowUndoCircle } from "react-icons/io5"; +import { GrUserAdmin, GrOrderedList } from "react-icons/gr"; +import parse from 'html-react-parser'; + +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + +import GestionAdministrative from "./GestionAdministrative"; +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; +import { Fab } from "@material-ui/core"; +import { ConsoleView } from "react-device-detect"; +import fileDownload from 'js-file-download' +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; + +const Contact_Partner_Client = (props) => { + const history = useHistory(); + + + return ( +
+ +
+ ); +} + +export default Contact_Partner_Client; \ No newline at end of file diff --git a/src/components/Partner_Client.js b/src/components/Partner_Client.js index 0390384..4d26674 100644 --- a/src/components/Partner_Client.js +++ b/src/components/Partner_Client.js @@ -17,7 +17,8 @@ import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; import downarrow from "../mysy_img/downarrow.png"; import uparrow from "../mysy_img/uparrow.png"; - +import excel_icone from "../mysy_img/excel_icone.png"; +import participants from "../mysy_img/participants.png"; import Footer from "./Fotter"; import { confirmAlert } from 'react-confirm-alert'; // Import @@ -39,9 +40,16 @@ import { } from "react-icons/fc"; import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid'; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcDeleteDatabase } from "react-icons/fc"; +import { darken, lighten, styled } from '@mui/material/styles'; import AddParnerClient from "./AddPartnerClient"; //import { FcHome} from "react-icons/fc"; +import { alpha } from '@mui/material/styles'; +import { gridClasses } from '@mui/x-data-grid'; +import { AiOutlineUserAdd } from "react-icons/ai"; + + + const Partner_Client = (props) => { @@ -59,10 +67,10 @@ const Partner_Client = (props) => { renderCell: (cellValues) => { return ( -
{ +
{ handleClick_modifier(event, cellValues); }}> - +
); @@ -73,10 +81,10 @@ const Partner_Client = (props) => { renderCell: (cellValues) => { return ( -
{ +
{ handleClick_supprimer(event, cellValues); }}> - +
); @@ -86,6 +94,9 @@ const Partner_Client = (props) => { ] + const [rowSelectionModel, setRowSelectionModel] = React.useState([]); + + const [Edite_Client, setEdite_Client] = useState(""); const [Client_email, setClient_email] = useState(""); function handleClick_modifier(event, cellValues) { @@ -94,15 +105,17 @@ const Partner_Client = (props) => { setEdite_Client("1"); } + function handleClick_add_new_client(event, cellValues) { + setEdite_Client("2"); + } + + function handleClick_supprimer(event, cellValues) { var clientmail = String(cellValues.row.email); alert(" en cours de dev"); } - - - const [Get_List_Partner_Clients_api, setGet_List_Partner_Clients_api] = useState(); const [Get_List_Partner_Clients_message, setGet_List_Partner_Clients_message] = useState(); const [Get_List_Partner_Clients_result, setGet_List_Partner_Clients_result] = useState(); @@ -117,8 +130,8 @@ const Partner_Client = (props) => { var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_List_Partner_Client/"; axios.post(myurl, form).then(res => { - console.log(" In Get_List_Partner_Clients res.data.status = " + res.data.status); - console.log(" In Get_List_Partner_Clients res.data.message r_class = " + res.data.message); + //console.log(" In Get_List_Partner_Clients res.data.status = " + res.data.status); + //console.log(" In Get_List_Partner_Clients res.data.message r_class = " + res.data.message); if (String(res.data.status) === String("true")) { setGet_List_Partner_Clients_api("true"); @@ -141,6 +154,11 @@ const Partner_Client = (props) => { }) } + function close_detail_client() { + + setEdite_Client("0"); + + } useEffect(() => { @@ -149,6 +167,7 @@ const Partner_Client = (props) => { }, []); + return (
@@ -158,8 +177,17 @@ const Partner_Client = (props) => { {String(Edite_Client) === "1" &&
Detail client : {Client_email}
- - + + + +
} + + {String(Edite_Client) === "2" &&
+ +
Detail client : {Client_email}
+ +
} @@ -168,13 +196,17 @@ const Partner_Client = (props) => {
+
+ + +
{ - setSelectionModel(newSelectionModel); - //console.log("ch selected--" + newSelectionModel); - }} - selectionModel={selectionModel} + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} rows={rows_list_clients.map((item, index) => ( @@ -206,6 +238,27 @@ const Partner_Client = (props) => {
+ +
Grid des clients
+
+
+ + {Get_List_Partner_Clients_result && String(Get_List_Partner_Clients_api) === "true" && + Get_List_Partner_Clients_result.map((client) => ( + +
+ mail = {String(JSON.parse(client).email)}
+ nom = {String(JSON.parse(client).nom)}
+ Tel = {String(JSON.parse(client).telephone)}
+ Adresse = {String(JSON.parse(client).adr_adresse)} - {String(JSON.parse(client).adr_ville)}
+ +
+ + + ))} +
+
+
diff --git a/src/components/TestUrl.js b/src/components/TestUrl.js index b8a9158..2af7c84 100644 --- a/src/components/TestUrl.js +++ b/src/components/TestUrl.js @@ -11,11 +11,13 @@ import bannerimg from "../mysy_img/MYSY_banner_compte.png"; import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png"; import { useParams } from 'react-router-dom' import Select, { StylesConfig } from 'react-select'; - +import IconButton from '@mui/material/IconButton'; import { Fade } from 'react-slideshow-image'; import { getCookie, setCookie } from 'react-use-cookie'; import Button from '@mui/material/Button'; +import { FaHandPointRight } from "react-icons/fa"; + import Header from "./Header"; import { useLocation } from "react-router-dom"; import fileDownload from 'js-file-download' @@ -55,12 +57,19 @@ import { import 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' +import MUIDataTable from "mui-datatables"; +import { createTheme, ThemeProvider } from '@mui/material/styles'; + + + // pour le payement stripe : https://stripe.com/docs/payments/quickstart?client=react&lang=python const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p'); + const TestUrl = (props) => { + const stripe = useStripe(); const elements = useElements(); @@ -71,153 +80,14 @@ const TestUrl = (props) => { clientSecret: '{{CLIENT_SECRET}}', }; - const particleOptions = [ - { - 'maxParticles': 50, - 'colors': ['#2E1D62', '#513D91', '#487EEF', '#11A887', '#fc5c65', '#fed330'], - 'shapes': ['circle', 'square'], - 'size': 10, - 'minSpeed': 0.05, - 'maxSpeed': 0.20, - 'alpha': 0.70, - 'backgroundColor': '#1E1F29' - } - ] - const data = [ - { x: 0, y: 0 }, - { x: 1, y: 2 }, - { x: 2, y: 1 }, - { x: 3, y: 4 }, - { x: 4, y: 3 }, - { x: 5, y: 5 } - ]; - const cartesianInterpolations = [ - "basis", - "bundle", - "cardinal", - "catmullRom", - "linear", - "monotoneX", - "monotoneY", - "natural", - "step", - "stepAfter", - "stepBefore" - ]; - const polarInterpolations = [ - "basis", - "cardinal", - "catmullRom", - "linear" - ]; - - const InterpolationSelect = ({ currentValue, values, onChange }) => ( - - ); const [interpolation, setinterpolation] = useState("linear"); const [polar, setpolar] = useState(false); - // note: the id field is mandatory - const items = [ - { - id: 0, - name: 'Cobol' - }, - { - id: 1, - name: 'JavaScript' - }, - { - id: 2, - name: 'Basic' - }, - { - id: 3, - name: 'PHP' - }, - { - id: 4, - name: 'Java' - } - ] - - // note: the id field is mandatory - const items2 = [ - { id: 1, name: "ADN" }, - { id: 2, name: "AFP" }, - { id: 3, name: "ANC" }, - { id: 4, name: "Aaron" }, - { id: 5, name: "Abdel" }, - { id: 6, name: "Abidjan" }, - { id: 7, name: "Abyssin" }, - { id: 8, name: "Abyssine" }, - { id: 9, name: "Abyssinie" }, - { id: 10, name: "Abyssinien" }, - { id: 11, name: "Abyssinienne" }, - { id: 12, name: "Academie" }, - { id: 13, name: "Adam" }, - { id: 14, name: "Adams" }, - { id: 15, name: "Afghan" }, - { id: 16, name: "Afghane" }, - { id: 17, name: "Afghanistan" }, - { id: 18, name: "Afghans" }, - { id: 19, name: "Afrique" }, - { id: 20, name: "Agathe" }, - { id: 21, name: "Agen" }, - { id: 22, name: "Agnes" }, - { id: 23, name: "Ahmed" }, - { id: 24, name: "Ain" }, - { id: 25, name: "Aisne" }, - { id: 26, name: "Aix" }, - { id: 27, name: "Ajaccio" }, - { id: 28, name: "Ajax" }, - { id: 29, name: "Akbar" }, - { id: 30, name: "Alain" }, - { id: 31, name: "Albanais" }, - { id: 32, name: "Albanaise" }, - { id: 33, name: "Albanie" }, - { id: 34, name: "Albert" }, - { id: 35, name: "Albin" }, - { id: 36, name: "Alexandra" }, - ] - - - const handleOnSearch = (string, results) => { - // onSearch will have as the first callback parameter - // the string searched and for the second the results. - //console.log(string, results) - } - - const handleOnHover = (result) => { - // the item hovered - //console.log(result) - } - - const handleOnSelect = (item) => { - // the item selected - //console.log(item) - } - - const handleOnFocus = () => { - //console.log('Focused') - } - - const formatResult = (item) => { - return ( - <> - {item.name} - - ) - } const [suggestedwords, setsuggestedwords] = useState([]); const [texte, settext] = useState(""); @@ -489,116 +359,6 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa const [my_tabb, setmy_tabb] = useState([]); - function Get_Top_test_Stat() { - var form = new FormData(); - - var date_start = "" - var date_end = "" - - var my_tab = []; - - if (state[0].startDate) { - //console.log("Start = " + state[0].startDate); - //console.log("Start = " + moment(state[0].startDate).format('YYYY-MM-DD')); - date_start = moment(state[0].startDate).format('YYYY-MM-DD'); - } - if (state[0].endDate) { - //console.log("endDate = " + state[0].endDate); - //console.log("END = " + moment(state[0].endDate).format('YYYY-MM-DD')); - date_end = moment(state[0].endDate).format('YYYY-MM-DD'); - } - - var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetStat_class_view_topX/"; - form.append("date_start", date_start); - form.append("date_end", date_end); - form.append('token', 'cherif'); - form.append('topX', '5'); - - //alert("myurl = "+myurl); - - axios.post(myurl, form).then(res => { - - if (String(res.data.status) != String("false")) { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In test res.data.message = " + res.data.message); - - res.data.message.map(obj => { - if (JSON.parse(obj).name1) { - //console.log(" ---name_serie = " + JSON.parse(obj).name1 + " data_series = " + JSON.parse(obj).data1); - var ch_data2 = JSON.parse(obj).data1; - - let new_data2 = ch_data2.map(i => Number(i)); - setdetail_view_data1(new_data2); - - - var nom = JSON.parse(obj).name1; - setdetail_view_data1_name(nom); - //console.log("new_data2 = ", ch_data2); - //console.log("result = ", new_data2); - - } - - if (JSON.parse(obj).name2) { - //console.log(" ---name_serie = " + JSON.parse(obj).name2 + " data_series = " + JSON.parse(obj).data2); - var ch_data2 = JSON.parse(obj).data2; - let new_data2 = ch_data2.map(i => Number(i)); - setdetail_view_data2(new_data2); - - var nom = JSON.parse(obj).name2; - setdetail_view_data2_name(nom); - } - - if (JSON.parse(obj).name3) { - //console.log(" ---name_serie = " + JSON.parse(obj).name3 + " data_series = " + JSON.parse(obj).data3); - var ch_data2 = JSON.parse(obj).data3; - let new_data2 = ch_data2.map(i => Number(i)); - setdetail_view_data3(new_data2); - - var nom = JSON.parse(obj).name3; - setdetail_view_data3_name(nom); - } - - if (JSON.parse(obj).name4) { - //console.log(" ---name_serie = " + JSON.parse(obj).name4 + " data_series = " + JSON.parse(obj).data4); - var ch_data2 = JSON.parse(obj).data4; - let new_data2 = ch_data2.map(i => Number(i)); - setdetail_view_data4(new_data2); - - var nom = JSON.parse(obj).name4; - setdetail_view_data4_name(nom); - } - - if (JSON.parse(obj).categories) { - //console.log(" ---categories = " + JSON.parse(obj).categories); - var ch_data2 = JSON.parse(obj).categories; - var new_data2 = ch_data2.split(','); - setdetail_view_categorie(new_data2); - } - - - }); - - - } - else { - //console.log(" In test res.data.status = " + res.data.status); - //console.log(" In test res.data.message = " + res.data.message); - - } - - - }).catch((error) => { - console.warn('Not good man :( mysearchtext sss= '); - - //setmyApimyApiMessage("") - }) - } - - - function ici() { - - } - const [topX_formation, settopX_formation] = useState([]); @@ -693,21 +453,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa key: 'selection', } - function handleSelect(ranges) { - //console.log("Start = " + moment(ranges.selection.startDate).format('DD/MM/YYYY')); - //console.log("END = " + moment(ranges.selection.endDate).format('DD/MM/YYYY')); - - //console.log("Start = "+ranges.selection.startDate.format('YYYY-MM-DD')); - //console.log("Start = " + ranges.selection.startDate); - //console.log("END = " + ranges.selection.endDate); - // { - // selection: { - // startDate: [native Date Object], - // endDate: [native Date Object], - // } - // } - } const today = new Date(); const tomorrow = new Date(today); const [state, setState] = useState([ @@ -830,18 +576,7 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa } - const PopupExample = () => ( - Trigger} position="top left"> - {close => ( -
- Content here - - × - -
- )} -
- ); + @@ -878,6 +613,102 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa } + const columns = ["Name", "Company", "City", "State"]; + + const data11 = [ + ["Joe James", "Test Corp", "Yonkers", "NY"], + ["John Walsh", "Test Corp", "Hartford", "CT"], + ["Bob Herm", "Test Corp", "Tampa", "FL"], + ["James Houston", "Test Corp", "Dallas", "TX"], + ]; + + function hellofoo(){ + alert(" hellooooooooo"); + } + + const options11 = { + filterType: 'checkbox', + selectableRows: 'single', + selectableRowsOnClick: true, + customToolbar: () => { + return ( + + + + ); + }, + + selectedRows: { + text: "ligne(s) selectionée(s)", + delete: "Supprimer", + deleteAria: "Delete Selected Rows", + }, + toolbar: { + search: "Recherche", + downloadCsv: "Download CSV", + print: "Imprimer", + viewColumns: "Voir Columns", + filterTable: "Filtrer Table", + }, + pagination: { + next: "Prochaine Page", + previous: "Page Precedente", + rowsPerPage: "ligne par page:", + displayRows: "of", + }, + }; + + const getMuiTheme = () => + createTheme({ + components: { + + MuiTableCell: { + styleOverrides: { + root: { + padding: '8px', + //backgroundColor: '#CDCAC6', + } + } + }, + + MUIDataTableToolbar: { + actions: { + display: 'flex', + flexDirection: 'row', + flex: 'initial', + }, + }, + + MuiToolbar: { + styleOverrides: { + regular: { + minHeight: '8px', + } + } + }, + + + MuiTableRow: { + root: { + "&.MuiTableRow-hover": { + "&:hover": { + backgroundColor: "yellow", + } + } + } + } + + + + + } + }); + + + + + + return (
@@ -893,10 +724,25 @@ Cette fonction recuperer les stats des TOP 5 formations sur la periode saisie pa

cartouche formaion

+
+ + + + + Ajouter une ligne + + + +
- info bull infobulle ◕‿‿◕ + info bull infobulle ◕‿‿◕ diff --git a/src/styles/components/_addpartnerclient.scss b/src/styles/components/_addpartnerclient.scss index 5e8fb3b..bd21bdc 100644 --- a/src/styles/components/_addpartnerclient.scss +++ b/src/styles/components/_addpartnerclient.scss @@ -59,7 +59,7 @@ width: 100%; } - + .training_data { float: left; width: 100%; @@ -70,7 +70,7 @@ margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; - } + } .training_caract { width: 30%; @@ -93,11 +93,11 @@ padding-left: 5px; } - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{ + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { padding-left: 5px !important; } - .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root{ + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { margin-left: 1px !important; } @@ -120,7 +120,7 @@ width: 40%; margin-left: 10px; margin-right: 10px; - } + } .bton_enreg { border-radius: 5rem; @@ -173,6 +173,15 @@ letter-spacing: 0.1rem; font-weight: normal; } + + + .detail_submenu:hover, + .detail_submenu:focus, + .detail_submenu:active, + .detail_submenu:checked { + background-color: #104277; + color: white; + } } } \ No newline at end of file diff --git a/src/styles/components/_contactpartnerclient.scss b/src/styles/components/_contactpartnerclient.scss new file mode 100644 index 0000000..8327c8b --- /dev/null +++ b/src/styles/components/_contactpartnerclient.scss @@ -0,0 +1,187 @@ +.contact_partner_client { + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + @media only screen and (max-width: 600px) {} + + @media only screen and (min-width: 601px) and (max-width: 991px) {} + + @media only screen and (min-width: 992px) and (max-width: 1199px) {} + + @media only screen and (min-width: 1200px) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + float: left; + width: 100%; + } + + + .training_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 10rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + + .detail_submenu:hover, + .detail_submenu:focus, + .detail_submenu:active, + .detail_submenu:checked { + background-color: #104277; + color: white; + } + } + + } \ No newline at end of file diff --git a/src/styles/components/_partnerclient.scss b/src/styles/components/_partnerclient.scss index 3a70919..a035b1c 100644 --- a/src/styles/components/_partnerclient.scss +++ b/src/styles/components/_partnerclient.scss @@ -59,6 +59,58 @@ width: 100%; } + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 10rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 20% !important; + } + + .icon_plus { + width: 8%; + } + + + .client_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template: repeat(2, 1fr) / repeat(2, 1fr); + gap: 20px 10px; + } + + .client_grid>div { + display: inline-block; + color: #444; + border: 1px solid #CCC; + background: #DDD; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + } + + .client_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } } } \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index 5a54348..d6db9ef 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -66,3 +66,4 @@ @import "./components/hebergementlms"; @import "./components/addpartnerclient"; @import "./components/partnerclient"; +@import "./components/contactpartnerclient"