apitech
/
jitsi-meet
mirror of https://github.com/jitsi/jitsi-meet
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor(styles): Migrate withStyles to tss-react, remove @mui/styles dependency (#14310)

Browse Source
pull/14409/head jitsi-meet_9322
Joseph Garrone 1 year ago committed by GitHub
parent 0a9f6c2e4d
commit 73952ee1f7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
28 changed files with 278 additions and 632 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 592
      package-lock.json
  2. 3
      package.json
  3. 12
      react/features/connection-indicator/components/web/ConnectionIndicator.tsx
  4. 12
      react/features/connection-indicator/components/web/ConnectionIndicatorIcon.tsx
  5. 9
      react/features/device-selection/components/AudioDevicesSelection.web.tsx
  6. 9
      react/features/device-selection/components/VideoDeviceSelection.web.tsx
  7. 10
      react/features/filmstrip/components/web/Filmstrip.tsx
  8. 22
      react/features/filmstrip/components/web/Thumbnail.tsx
  9. 2
      react/features/filmstrip/components/web/ThumbnailBottomIndicators.tsx
  10. 28
      react/features/filmstrip/components/web/VirtualScreenshareParticipant.tsx
  11. 12
      react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
  12. 9
      react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
  13. 10
      react/features/recording/components/AbstractRecordingLabel.ts
  14. 2
      react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
  15. 19
      react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
  16. 15
      react/features/recording/components/Recording/web/HighlightButton.tsx
  17. 25
      react/features/recording/components/web/RecordingLabel.tsx
  18. 13
      react/features/settings/components/web/CalendarTab.tsx
  19. 8
      react/features/settings/components/web/ModeratorTab.tsx
  20. 13
      react/features/settings/components/web/MoreTab.tsx
  21. 8
      react/features/settings/components/web/NotificationsTab.tsx
  22. 10
      react/features/settings/components/web/ProfileTab.tsx
  23. 11
      react/features/settings/components/web/ShortcutsTab.tsx
  24. 8
      react/features/settings/components/web/VirtualBackgroundTab.tsx
  25. 13
      react/features/toolbox/components/web/AudioMuteButton.tsx
  26. 11
      react/features/toolbox/components/web/VideoMuteButton.tsx
  27. 9
      react/features/video-quality/components/VideoQualitySlider.web.tsx
  28. 15
      react/features/virtual-background/components/VirtualBackgroundPreview.tsx

592
package-lock.json generated
Unescape View File

@ -24,7 +24,6 @@
"@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.3.tgz",
"@microsoft/microsoft-graph-client": "3.0.1",
"@mui/material": "5.12.1",
"@mui/styles": "5.12.0",
"@react-native-async-storage/async-storage": "1.19.4",
"@react-native-community/clipboard": "1.5.1",
"@react-native-community/netinfo": "11.1.0",
@ -112,7 +111,7 @@
"seamless-scroll-polyfill": "2.1.8",
"semver": "7.5.4",
"text-encoding": "0.7.0",
"tss-react": "4.4.4",
"tss-react": "4.9.4",
"util": "0.12.1",
"uuid": "8.3.2",
"wasm-check": "2.0.1",
@ -2740,16 +2739,32 @@
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
},
"node_modules/@emotion/cache": {
"version": "10.0.29",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
"integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
"version": "11.11.0",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
"integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
"dependencies": {
"@emotion/sheet": "0.9.4",
"@emotion/stylis": "0.8.5",
"@emotion/utils": "0.11.3",
"@emotion/weak-memoize": "0.2.5"
"@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/cache/node_modules/@emotion/sheet": {
"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/cache/node_modules/@emotion/utils": {
"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/cache/node_modules/@emotion/weak-memoize": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
"integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
},
"node_modules/@emotion/hash": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
@ -2764,9 +2779,9 @@
}
},
"node_modules/@emotion/memoize": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
"integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
"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.6",
@ -2791,18 +2806,6 @@
}
}
},
"node_modules/@emotion/react/node_modules/@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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"
}
},
"node_modules/@emotion/react/node_modules/@emotion/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
@ -2820,11 +2823,6 @@
"csstype": "^3.0.2"
}
},
"node_modules/@emotion/react/node_modules/@emotion/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"node_modules/@emotion/react/node_modules/@emotion/unitless": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
@ -2840,11 +2838,6 @@
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
},
"node_modules/@emotion/react/node_modules/stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
},
"node_modules/@emotion/serialize": {
"version": "0.11.16",
"resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz",
@ -3165,23 +3158,6 @@
"react": "16.10.2 - 18"
}
},
"node_modules/@giphy/react-components/node_modules/@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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"
}
},
"node_modules/@giphy/react-components/node_modules/@emotion/cache/node_modules/@emotion/weak-memoize": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
},
"node_modules/@giphy/react-components/node_modules/@emotion/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
@ -3225,11 +3201,6 @@
"csstype": "^3.0.2"
}
},
"node_modules/@giphy/react-components/node_modules/@emotion/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"node_modules/@giphy/react-components/node_modules/@emotion/styled": {
"version": "11.9.3",
"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.9.3.tgz",
@ -3275,11 +3246,6 @@
"qs": "^6.9.4"
}
},
"node_modules/@giphy/react-components/node_modules/stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
},
"node_modules/@giphy/react-native-sdk": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/@giphy/react-native-sdk/-/react-native-sdk-2.3.0.tgz",
@ -3836,91 +3802,6 @@
}
}
},
"node_modules/@mui/styled-engine/node_modules/@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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"
}
},
"node_modules/@mui/styled-engine/node_modules/@emotion/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"node_modules/@mui/styled-engine/node_modules/@emotion/utils": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
"integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
},
"node_modules/@mui/styled-engine/node_modules/@emotion/weak-memoize": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
},
"node_modules/@mui/styled-engine/node_modules/stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
},
"node_modules/@mui/styles": {
"version": "5.12.0",
"resolved": "https://registry.npmjs.org/@mui/styles/-/styles-5.12.0.tgz",
"integrity": "sha512-X7obkgZTd9X+7igqwKKe8pEncyXYdUCNmyJfHruV9TSc6LThoI29OYs6hkN6n+7ueNli+YDKdZ+TCoC1GpJuOw==",
"dependencies": {
"@babel/runtime": "^7.21.0",
"@emotion/hash": "^0.9.0",
"@mui/private-theming": "^5.12.0",
"@mui/types": "^7.2.4",
"@mui/utils": "^5.12.0",
"clsx": "^1.2.1",
"csstype": "^3.1.2",
"hoist-non-react-statics": "^3.3.2",
"jss": "^10.10.0",
"jss-plugin-camel-case": "^10.10.0",
"jss-plugin-default-unit": "^10.10.0",
"jss-plugin-global": "^10.10.0",
"jss-plugin-nested": "^10.10.0",
"jss-plugin-props-sort": "^10.10.0",
"jss-plugin-rule-value-function": "^10.10.0",
"jss-plugin-vendor-prefixer": "^10.10.0",
"prop-types": "^15.8.1"
},
"engines": {
"node": ">=12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/mui"
},
"peerDependencies": {
"@types/react": "^17.0.0",
"react": "^17.0.0"
},
"peerDependenciesMeta": {
"@types/react": {
"optional": true
}
}
},
"node_modules/@mui/styles/node_modules/@emotion/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
"integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
},
"node_modules/@mui/styles/node_modules/clsx": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
"integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
"engines": {
"node": ">=6"
}
},
"node_modules/@mui/system": {
"version": "5.12.1",
"resolved": "https://registry.npmjs.org/@mui/system/-/system-5.12.1.tgz",
@ -9062,6 +8943,17 @@
"@emotion/utils": "0.11.3"
}
},
"node_modules/create-emotion/node_modules/@emotion/cache": {
"version": "10.0.29",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
"integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
"dependencies": {
"@emotion/sheet": "0.9.4",
"@emotion/stylis": "0.8.5",
"@emotion/utils": "0.11.3",
"@emotion/weak-memoize": "0.2.5"
}
},
"node_modules/cross-fetch": {
"version": "3.1.6",
"resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.6.tgz",
@ -9152,15 +9044,6 @@
"node": ">=0.10.0"
}
},
"node_modules/css-vendor": {
"version": "2.0.8",
"resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz",
"integrity": "sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==",
"dependencies": {
"@babel/runtime": "^7.8.3",
"is-in-browser": "^1.0.2"
}
},
"node_modules/css-what": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
@ -11882,11 +11765,6 @@
"node": ">=0.10.0"
}
},
"node_modules/is-in-browser": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz",
"integrity": "sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g=="
},
"node_modules/is-interactive": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
@ -12781,88 +12659,6 @@
"graceful-fs": "^4.1.6"
}
},
"node_modules/jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/jss"
}
},
"node_modules/jss-plugin-camel-case": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.10.0.tgz",
"integrity": "sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"hyphenate-style-name": "^1.0.3",
"jss": "10.10.0"
}
},
"node_modules/jss-plugin-default-unit": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.10.0.tgz",
"integrity": "sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"node_modules/jss-plugin-global": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.10.0.tgz",
"integrity": "sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"node_modules/jss-plugin-nested": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.10.0.tgz",
"integrity": "sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0",
"tiny-warning": "^1.0.2"
}
},
"node_modules/jss-plugin-props-sort": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.10.0.tgz",
"integrity": "sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"node_modules/jss-plugin-rule-value-function": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.10.0.tgz",
"integrity": "sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0",
"tiny-warning": "^1.0.2"
}
},
"node_modules/jss-plugin-vendor-prefixer": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.10.0.tgz",
"integrity": "sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==",
"dependencies": {
"@babel/runtime": "^7.3.1",
"css-vendor": "^2.0.8",
"jss": "10.10.0"
}
},
"node_modules/jsx-ast-utils": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz",
@ -14729,11 +14525,6 @@
"react-dom": "*"
}
},
"node_modules/nano-css/node_modules/stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
},
"node_modules/nanoid": {
"version": "3.3.6",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
@ -18487,6 +18278,11 @@
"webpack": "^5.0.0"
}
},
"node_modules/stylis": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
"integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
},
"node_modules/sudo-prompt": {
"version": "9.2.1",
"resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz",
@ -18731,11 +18527,6 @@
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
"dev": true
},
"node_modules/tiny-warning": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
"integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
},
"node_modules/tlds": {
"version": "1.230.0",
"resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz",
@ -18936,9 +18727,9 @@
"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
},
"node_modules/tss-react": {
"version": "4.4.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.4.4.tgz",
"integrity": "sha512-Bzyg99bIQq3Lk4Rwc5XMOps58c1biw1rghCkApIX5XkAB+/VjGCIFSl63PePhmiRNvKRxJRpawGPPxHytiw1TA==",
"version": "4.9.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.9.4.tgz",
"integrity": "sha512-4o+XFdaTcraNEIsCRxKiEX7g6xhcsdSxfHRjos3Kg9GbYIpzfK4M2MHMETTuXT54nUrldtnkipNC003v/q5KVg==",
"dependencies": {
"@emotion/cache": "*",
"@emotion/serialize": "*",
@ -18947,11 +18738,15 @@
"peerDependencies": {
"@emotion/react": "^11.4.1",
"@emotion/server": "^11.4.0",
"@mui/material": "^5.0.0",
"react": "^16.8.0 || ^17.0.2 || ^18.0.0"
},
"peerDependenciesMeta": {
"@emotion/server": {
"optional": true
},
"@mui/material": {
"optional": true
}
}
},
@ -21861,14 +21656,32 @@
}
},
"@emotion/cache": {
"version": "10.0.29",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
"integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
"version": "11.11.0",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
"integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
"requires": {
"@emotion/sheet": "0.9.4",
"@emotion/stylis": "0.8.5",
"@emotion/utils": "0.11.3",
"@emotion/weak-memoize": "0.2.5"
"@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"
},
"dependencies": {
"@emotion/sheet": {
"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/utils": {
"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.1",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
"integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
}
}
},
"@emotion/hash": {
@ -21885,9 +21698,9 @@
}
},
"@emotion/memoize": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
"integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
"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.6",
@ -21904,18 +21717,6 @@
"hoist-non-react-statics": "^3.3.1"
},
"dependencies": {
"@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
@ -21933,11 +21734,6 @@
"csstype": "^3.0.2"
}
},
"@emotion/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"@emotion/unitless": {
"version": "0.8.0",
"resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
@ -21952,11 +21748,6 @@
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
},
"stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
}
}
},
@ -22224,25 +22015,6 @@
"throttle-debounce": "^3.0.1"
},
"dependencies": {
"@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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"
},
"dependencies": {
"@emotion/weak-memoize": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
}
}
},
"@emotion/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
@ -22274,11 +22046,6 @@
"csstype": "^3.0.2"
}
},
"@emotion/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"@emotion/styled": {
"version": "11.9.3",
"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.9.3.tgz",
@ -22310,11 +22077,6 @@
"@giphy/js-util": "^4.3.0",
"qs": "^6.9.4"
}
},
"stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
}
}
},
@ -22694,76 +22456,6 @@
"@emotion/cache": "^11.10.7",
"csstype": "^3.1.2",
"prop-types": "^15.8.1"
},
"dependencies": {
"@emotion/cache": {
"version": "11.10.7",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.7.tgz",
"integrity": "sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==",
"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/sheet": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
"integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
},
"@emotion/utils": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
"integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
},
"@emotion/weak-memoize": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
"integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
},
"stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
}
}
},
"@mui/styles": {
"version": "5.12.0",
"resolved": "https://registry.npmjs.org/@mui/styles/-/styles-5.12.0.tgz",
"integrity": "sha512-X7obkgZTd9X+7igqwKKe8pEncyXYdUCNmyJfHruV9TSc6LThoI29OYs6hkN6n+7ueNli+YDKdZ+TCoC1GpJuOw==",
"requires": {
"@babel/runtime": "^7.21.0",
"@emotion/hash": "^0.9.0",
"@mui/private-theming": "^5.12.0",
"@mui/types": "^7.2.4",
"@mui/utils": "^5.12.0",
"clsx": "^1.2.1",
"csstype": "^3.1.2",
"hoist-non-react-statics": "^3.3.2",
"jss": "^10.10.0",
"jss-plugin-camel-case": "^10.10.0",
"jss-plugin-default-unit": "^10.10.0",
"jss-plugin-global": "^10.10.0",
"jss-plugin-nested": "^10.10.0",
"jss-plugin-props-sort": "^10.10.0",
"jss-plugin-rule-value-function": "^10.10.0",
"jss-plugin-vendor-prefixer": "^10.10.0",
"prop-types": "^15.8.1"
},
"dependencies": {
"@emotion/hash": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
"integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
},
"clsx": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
"integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
}
}
},
"@mui/system": {
@ -26641,6 +26333,19 @@
"@emotion/serialize": "^0.11.15",
"@emotion/sheet": "0.9.4",
"@emotion/utils": "0.11.3"
},
"dependencies": {
"@emotion/cache": {
"version": "10.0.29",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-10.0.29.tgz",
"integrity": "sha512-fU2VtSVlHiF27empSbxi1O2JFdNWZO+2NFHfwO0pxgTep6Xa3uGb+3pVKfLww2l/IBGLNEZl5Xf/++A4wAYDYQ==",
"requires": {
"@emotion/sheet": "0.9.4",
"@emotion/stylis": "0.8.5",
"@emotion/utils": "0.11.3",
"@emotion/weak-memoize": "0.2.5"
}
}
}
},
"cross-fetch": {
@ -26713,15 +26418,6 @@
}
}
},
"css-vendor": {
"version": "2.0.8",
"resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz",
"integrity": "sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==",
"requires": {
"@babel/runtime": "^7.8.3",
"is-in-browser": "^1.0.2"
}
},
"css-what": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
@ -28744,11 +28440,6 @@
"is-extglob": "^2.1.1"
}
},
"is-in-browser": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz",
"integrity": "sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g=="
},
"is-interactive": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
@ -29391,84 +29082,6 @@
"graceful-fs": "^4.1.6"
}
},
"jss": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz",
"integrity": "sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==",
"requires": {
"@babel/runtime": "^7.3.1",
"csstype": "^3.0.2",
"is-in-browser": "^1.1.3",
"tiny-warning": "^1.0.2"
}
},
"jss-plugin-camel-case": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.10.0.tgz",
"integrity": "sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==",
"requires": {
"@babel/runtime": "^7.3.1",
"hyphenate-style-name": "^1.0.3",
"jss": "10.10.0"
}
},
"jss-plugin-default-unit": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.10.0.tgz",
"integrity": "sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==",
"requires": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"jss-plugin-global": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.10.0.tgz",
"integrity": "sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==",
"requires": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"jss-plugin-nested": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.10.0.tgz",
"integrity": "sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==",
"requires": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0",
"tiny-warning": "^1.0.2"
}
},
"jss-plugin-props-sort": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.10.0.tgz",
"integrity": "sha512-5VNJvQJbnq/vRfje6uZLe/FyaOpzP/IH1LP+0fr88QamVrGJa0hpRRyAa0ea4U/3LcorJfBFVyC4yN2QC73lJg==",
"requires": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0"
}
},
"jss-plugin-rule-value-function": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.10.0.tgz",
"integrity": "sha512-uEFJFgaCtkXeIPgki8ICw3Y7VMkL9GEan6SqmT9tqpwM+/t+hxfMUdU4wQ0MtOiMNWhwnckBV0IebrKcZM9C0g==",
"requires": {
"@babel/runtime": "^7.3.1",
"jss": "10.10.0",
"tiny-warning": "^1.0.2"
}
},
"jss-plugin-vendor-prefixer": {
"version": "10.10.0",
"resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.10.0.tgz",
"integrity": "sha512-UY/41WumgjW8r1qMCO8l1ARg7NHnfRVWRhZ2E2m0DMYsr2DD91qIXLyNhiX83hHswR7Wm4D+oDYNC1zWCJWtqg==",
"requires": {
"@babel/runtime": "^7.3.1",
"css-vendor": "^2.0.8",
"jss": "10.10.0"
}
},
"jsx-ast-utils": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz",
@ -30916,13 +30529,6 @@
"sourcemap-codec": "^1.4.8",
"stacktrace-js": "^2.0.2",
"stylis": "^4.0.6"
},
"dependencies": {
"stylis": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
"integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
}
}
},
"nanoid": {
@ -33568,6 +33174,11 @@
"integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
"dev": true
},
"stylis": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
"integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
},
"sudo-prompt": {
"version": "9.2.1",
"resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-9.2.1.tgz",
@ -33749,11 +33360,6 @@
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
"dev": true
},
"tiny-warning": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
"integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
},
"tlds": {
"version": "1.230.0",
"resolved": "https://registry.npmjs.org/tlds/-/tlds-1.230.0.tgz",
@ -33909,9 +33515,9 @@
"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
},
"tss-react": {
"version": "4.4.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.4.4.tgz",
"integrity": "sha512-Bzyg99bIQq3Lk4Rwc5XMOps58c1biw1rghCkApIX5XkAB+/VjGCIFSl63PePhmiRNvKRxJRpawGPPxHytiw1TA==",
"version": "4.9.4",
"resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.9.4.tgz",
"integrity": "sha512-4o+XFdaTcraNEIsCRxKiEX7g6xhcsdSxfHRjos3Kg9GbYIpzfK4M2MHMETTuXT54nUrldtnkipNC003v/q5KVg==",
"requires": {
"@emotion/cache": "*",
"@emotion/serialize": "*",

3
package.json
Unescape View File

@ -30,7 +30,6 @@
"@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.3.tgz",
"@microsoft/microsoft-graph-client": "3.0.1",
"@mui/material": "5.12.1",
"@mui/styles": "5.12.0",
"@react-native-async-storage/async-storage": "1.19.4",
"@react-native-community/clipboard": "1.5.1",
"@react-native-community/netinfo": "11.1.0",
@ -118,7 +117,7 @@
"seamless-scroll-polyfill": "2.1.8",
"semver": "7.5.4",
"text-encoding": "0.7.0",
"tss-react": "4.4.4",
"tss-react": "4.9.4",
"util": "0.12.1",
"uuid": "8.3.2",
"wasm-check": "2.0.1",

12
react/features/connection-indicator/components/web/ConnectionIndicator.tsx
Unescape View File

@ -1,9 +1,9 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IReduxState, IStore } from '../../../app/types';
import { translate } from '../../../base/i18n/functions';
@ -114,7 +114,7 @@ interface IProps extends AbstractProps, WithTranslation {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The Redux dispatch function.
@ -225,7 +225,8 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
* @returns {ReactElement}
*/
render() {
const { enableStatsDisplay, participantId, statsPopoverPosition, classes, t } = this.props;
const { enableStatsDisplay, participantId, statsPopoverPosition, t } = this.props;
const classes = withStyles.getClasses(this.props);
const visibilityClass = this._getVisibilityClass();
if (this.props._popoverDisabled) {
@ -305,7 +306,8 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
* @returns {string}
*/
_getVisibilityClass() {
const { _isConnectionStatusInactive, _isConnectionStatusInterrupted, classes } = this.props;
const { _isConnectionStatusInactive, _isConnectionStatusInterrupted } = this.props;
const classes = withStyles.getClasses(this.props);
return this.state.showIndicator
|| this.props.alwaysVisible
@ -399,4 +401,4 @@ export function _mapStateToProps(state: IReduxState, ownProps: any) {
};
}
export default connect(_mapStateToProps)(translate(withStyles(styles)(ConnectionIndicator)));
export default connect(_mapStateToProps)(translate(withStyles(ConnectionIndicator, styles)));

12
react/features/connection-indicator/components/web/ConnectionIndicatorIcon.tsx
Unescape View File

@ -1,6 +1,6 @@
import React, { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { makeStyles } from 'tss-react/mui';
import { useStyles } from 'tss-react/mui';
import Icon from '../../../base/icons/components/Icon';
import { IconConnection, IconConnectionInactive } from '../../../base/icons/svg';
@ -13,7 +13,7 @@ interface IProps {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<'icon' | 'inactiveIcon', string>>;
/**
* A CSS class that interprets the current connection status as a color.
@ -41,10 +41,6 @@ interface IProps {
track?: ITrack;
}
const useStyles = makeStyles()(() => {
return {};
});
export const ConnectionIndicatorIcon = ({
classes,
colorClass,
@ -90,7 +86,7 @@ export const ConnectionIndicatorIcon = ({
return (
<span className = 'connection_ninja'>
<Icon
className = { cx(classes.icon, classes.inactiveIcon, colorClass) }
className = { cx(classes?.icon, classes?.inactiveIcon, colorClass) }
size = { 24 }
src = { IconConnectionInactive } />
</span>
@ -107,7 +103,7 @@ export const ConnectionIndicatorIcon = ({
return (
<span className = { emptyIconWrapperClassName }>
<Icon
className = { cx(classes.icon, colorClass) }
className = { cx(classes?.icon, colorClass) }
size = { 16 }
src = { IconConnection } />
</span>

9
react/features/device-selection/components/AudioDevicesSelection.web.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IReduxState, IStore } from '../../app/types';
import { getAvailableDevices } from '../../base/devices/actions.web';
@ -37,7 +37,7 @@ interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Whether or not the audio selector can be interacted with. If true,
@ -234,7 +234,6 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
*/
render() {
const {
classes,
hasAudioPermission,
hideAudioInputPreview,
hideAudioOutputPreview,
@ -247,6 +246,8 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
} = this.props;
const { audioInput, audioOutput } = this._getSelectors();
const classes = withStyles.getClasses(this.props);
return (
<div className = { classes.container }>
{!iAmVisitor && <div
@ -392,4 +393,4 @@ const mapStateToProps = (state: IReduxState) => {
};
};
export default connect(mapStateToProps)(withStyles(styles)(translate(AudioDevicesSelection)));
export default connect(mapStateToProps)(withStyles(translate(AudioDevicesSelection), styles));

9
react/features/device-selection/components/VideoDeviceSelection.web.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IReduxState, IStore } from '../../app/types';
import { getAvailableDevices } from '../../base/devices/actions.web';
@ -33,7 +33,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The currently selected desktop share frame rate in the frame rate select dropdown.
@ -203,13 +203,14 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
*/
render() {
const {
classes,
hideAdditionalSettings,
hideVideoInputPreview,
localFlipX,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div className = { classes.container }>
{ !hideVideoInputPreview
@ -366,4 +367,4 @@ const mapStateToProps = (state: IReduxState) => {
};
};
export default connect(mapStateToProps)(withStyles(styles)(translate(VideoDeviceSelection)));
export default connect(mapStateToProps)(withStyles(translate(VideoDeviceSelection), styles));

10
react/features/filmstrip/components/web/Filmstrip.tsx
Unescape View File

@ -1,10 +1,10 @@
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import _ from 'lodash';
import React, { PureComponent } from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { FixedSizeGrid, FixedSizeList } from 'react-window';
import { withStyles } from 'tss-react/mui';
import { ACTION_SHORTCUT_TRIGGERED, createShortcutEvent, createToolbarEvent } from '../../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../../analytics/functions';
@ -213,7 +213,7 @@ interface IProps extends WithTranslation {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The redux {@code dispatch} function.
@ -349,10 +349,10 @@ class Filmstrip extends PureComponent <IProps, IState> {
_verticalViewBackground,
_verticalViewGrid,
_verticalViewMaxWidth,
classes,
filmstripType,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
const { isMouseDown } = this.state;
const tileViewActive = _currentLayout === LAYOUTS.TILE_VIEW;
@ -838,12 +838,12 @@ class Filmstrip extends PureComponent <IProps, IState> {
_renderToggleButton() {
const {
t,
classes,
_isVerticalFilmstrip,
_mainFilmstripVisible,
_topPanelFilmstrip,
_topPanelVisible
} = this.props;
const classes = withStyles.getClasses(this.props);
const icon = (_topPanelFilmstrip ? _topPanelVisible : _mainFilmstripVisible) ? IconArrowDown : IconArrowUp;
const actions = isMobileBrowser()
? { onTouchStart: this._onToggleButtonTouch }
@ -942,4 +942,4 @@ function _mapStateToProps(state: IReduxState, ownProps: any) {
};
}
export default withStyles(styles)(translate(connect(_mapStateToProps)(Filmstrip)));
export default withStyles(translate(connect(_mapStateToProps)(Filmstrip)), styles);

22
react/features/filmstrip/components/web/Thumbnail.tsx
Unescape View File

@ -1,10 +1,10 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import debounce from 'lodash/debounce';
import React, { Component, KeyboardEvent, RefObject, createRef } from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { createScreenSharingIssueEvent } from '../../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../../analytics/functions';
@ -227,7 +227,7 @@ export interface IProps extends WithTranslation {
/**
* An object containing CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof defaultStyles>, string>>;
/**
* The redux dispatch function.
@ -351,8 +351,8 @@ const defaultStyles = (theme: Theme) => {
'& img': {
maxWidth: '100%',
maxHeight: '100%',
objectFit: 'contain',
flexGrow: '1'
objectFit: 'contain' as const,
flexGrow: 1
}
},
@ -946,9 +946,9 @@ class Thumbnail extends Component<IProps, IState> {
_isDominantSpeakerDisabled,
_participant,
_raisedHand,
_thumbnailType,
classes
_thumbnailType
} = this.props;
const classes = withStyles.getClasses(this.props);
className += ` ${DISPLAY_MODE_TO_CLASS_NAME[displayMode]}`;
@ -994,7 +994,8 @@ class Thumbnail extends Component<IProps, IState> {
* @returns {Component}
*/
_renderGif() {
const { _gifSrc, classes } = this.props;
const { _gifSrc } = this.props;
const classes = withStyles.getClasses(this.props);
return _gifSrc && (
<div className = { classes.gif }>
@ -1033,10 +1034,10 @@ class Thumbnail extends Component<IProps, IState> {
_shouldDisplayTintBackground,
_thumbnailType,
_videoTrack,
classes,
filmstripType,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
const { id, name, pinned } = _participant || {};
const { isHovered, popoverVisible } = this.state;
const styles = this._getStyles();
@ -1197,7 +1198,8 @@ class Thumbnail extends Component<IProps, IState> {
if (_isVirtualScreenshareParticipant) {
const { isHovered } = this.state;
const { _videoTrack, _isMobile, classes, _thumbnailType } = this.props;
const { _videoTrack, _isMobile, _thumbnailType } = this.props;
const classes = withStyles.getClasses(this.props);
return (
<VirtualScreenshareParticipant
@ -1399,4 +1401,4 @@ function _mapStateToProps(state: IReduxState, ownProps: any): Object {
};
}
export default connect(_mapStateToProps)(withStyles(defaultStyles)(translate(Thumbnail)));
export default connect(_mapStateToProps)(withStyles(translate(Thumbnail), defaultStyles));

2
react/features/filmstrip/components/web/ThumbnailBottomIndicators.tsx
Unescape View File

@ -17,7 +17,7 @@ interface IProps {
/**
* Class name for indicators container.
*/
className: string;
className?: string;
/**
* Whether or not the indicators are for the local participant.

28
react/features/filmstrip/components/web/VirtualScreenshareParticipant.tsx
Unescape View File

@ -1,6 +1,6 @@
import clsx from 'clsx';
import React, { TouchEventHandler } from 'react';
import { useSelector } from 'react-redux';
import { useStyles } from 'tss-react/mui';
import VideoTrack from '../../../base/media/components/web/VideoTrack';
import { ITrack } from '../../../base/tracks/types';
@ -15,7 +15,15 @@ interface IProps {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<
'containerBackground' |
'indicatorsContainer' |
'indicatorsTopContainer' |
'tintBackground' |
'indicatorsBottomContainer' |
'indicatorsBackground',
string
>>;
/**
* The class name that will be used for the container.
@ -125,6 +133,8 @@ const VirtualScreenshareParticipant = ({
style = { styles.video }
videoTrack = { videoTrack } />;
const { cx } = useStyles();
return (
<span
className = { containerClassName }
@ -144,10 +154,10 @@ const VirtualScreenshareParticipant = ({
) }
style = { styles.thumbnail }>
{video}
<div className = { classes.containerBackground } />
<div className = { classes?.containerBackground } />
<div
className = { clsx(classes.indicatorsContainer,
classes.indicatorsTopContainer,
className = { cx(classes?.indicatorsContainer,
classes?.indicatorsTopContainer,
currentLayout === LAYOUTS.TILE_VIEW && 'tile-view-mode'
) }>
<ThumbnailTopIndicators
@ -155,14 +165,14 @@ const VirtualScreenshareParticipant = ({
participantId = { participantId }
thumbnailType = { thumbnailType } />
</div>
{shouldDisplayTintBackground && <div className = { classes.tintBackground } />}
{shouldDisplayTintBackground && <div className = { classes?.tintBackground } />}
<div
className = { clsx(classes.indicatorsContainer,
classes.indicatorsBottomContainer,
className = { cx(classes?.indicatorsContainer,
classes?.indicatorsBottomContainer,
currentLayout === LAYOUTS.TILE_VIEW && 'tile-view-mode'
) }>
<ThumbnailBottomIndicators
className = { classes.indicatorsBackground }
className = { classes?.indicatorsBackground }
local = { false }
participantId = { participantId }
showStatusIndicators = { true } />

12
react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
Unescape View File

@ -1,7 +1,7 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IReduxState, IStore } from '../../../../app/types';
import Avatar from '../../../../base/avatar/components/Avatar';
@ -53,7 +53,7 @@ interface IProps extends AbstractProps {
/**
* Css classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The redux {@code dispatch} function.
@ -159,6 +159,7 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
_sipInviteEnabled,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
let isMultiSelectDisabled = this.state.addToCallInProgress;
const loadingMessage = 'addPeople.searching';
const noMatches = 'addPeople.noResults';
@ -182,7 +183,7 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
return (
<div
className = { this.props.classes.formWrap }
className = { classes.formWrap }
onKeyDown = { this._onKeyDown }>
<MultiSelectAutocomplete
id = 'invite-contacts-input'
@ -443,7 +444,8 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
*/
_renderFormActions() {
const { inviteItems } = this.state;
const { t, classes } = this.props;
const { t } = this.props;
const classes = withStyles.getClasses(this.props);
if (!inviteItems.length) {
return null;
@ -511,4 +513,4 @@ function _mapStateToProps(state: IReduxState) {
};
}
export default translate(connect(_mapStateToProps)(withStyles(styles)(InviteContactsForm)));
export default translate(connect(_mapStateToProps)(withStyles(InviteContactsForm, styles)));

9
react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import React, { Component } from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import { translate } from '../../../../base/i18n/functions';
import { withPixelLineHeight } from '../../../../base/styles/functions.web';
@ -24,7 +24,7 @@ interface IProps extends WithTranslation {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Whether or not numbers should include links with the telephone protocol.
@ -172,7 +172,8 @@ class DialInSummary extends Component<IProps, State> {
let contents;
const { conferenceID, error, loading, numbersEnabled } = this.state;
const { classes, hideError, showTitle, room, clickableNumbers, scrollable, t } = this.props;
const { hideError, showTitle, room, clickableNumbers, scrollable, t } = this.props;
const classes = withStyles.getClasses(this.props);
if (loading) {
contents = '';
@ -309,4 +310,4 @@ class DialInSummary extends Component<IProps, State> {
}
}
export default translate(withStyles(styles)(DialInSummary));
export default translate(withStyles(DialInSummary, styles));

10
react/features/recording/components/AbstractRecordingLabel.ts
Unescape View File

@ -6,8 +6,7 @@ import { JitsiRecordingConstants } from '../../base/lib-jitsi-meet';
import { isTranscribing } from '../../transcribing/functions';
import { getActiveSession, getSessionStatusToShow, isRecordingRunning } from '../functions';
interface IProps extends WithTranslation {
export interface IProps extends WithTranslation {
/**
* Whether this is the Jibri recorder participant.
@ -30,11 +29,6 @@ interface IProps extends WithTranslation {
*/
_status?: string;
/**
* An object containing the CSS classes.
*/
classes?: { [ key: string]: string; };
/**
* The recording mode this indicator should display.
*/
@ -44,7 +38,7 @@ interface IProps extends WithTranslation {
/**
* Abstract class for the {@code RecordingLabel} component.
*/
export default class AbstractRecordingLabel extends Component<IProps> {
export default class AbstractRecordingLabel<P extends IProps = IProps> extends Component<P> {
/**
* Implements React {@code Component}'s render.
*

2
react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
Unescape View File

@ -38,8 +38,6 @@ export interface IProps extends WithTranslation {
*/
_liveStreaming: LiveStreamingProps;
classes?: any;
/**
* Callback invoked when the entered stream key has changed.
*/

19
react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
Unescape View File

@ -1,15 +1,25 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { translate } from '../../../../base/i18n/functions';
import { withPixelLineHeight } from '../../../../base/styles/functions.web';
import Input from '../../../../base/ui/components/web/Input';
import AbstractStreamKeyForm, {
IProps, _mapStateToProps
IProps as AbstractProps,
_mapStateToProps
} from '../AbstractStreamKeyForm';
interface IProps extends AbstractProps {
/**
* An object containing the CSS classes.
*/
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
}
const styles = (theme: Theme) => {
return {
helperLink: {
@ -46,7 +56,8 @@ class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
* @returns {ReactElement}
*/
render() {
const { classes, t, value } = this.props;
const { t, value } = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div className = 'stream-key-form'>
@ -99,4 +110,4 @@ class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
}
}
export default translate(connect(_mapStateToProps)(withStyles(styles)(StreamKeyForm)));
export default translate(connect(_mapStateToProps)(withStyles(StreamKeyForm, styles)));

15
react/features/recording/components/Recording/web/HighlightButton.tsx
Unescape View File

@ -1,7 +1,7 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { openDialog } from '../../../../base/dialog/actions';
import { translate } from '../../../../base/i18n/functions';
@ -30,7 +30,10 @@ interface IProps extends AbstractProps {
*/
_visible: boolean;
classes: any;
/**
* An object containing the CSS classes.
*/
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
}
/**
@ -69,7 +72,7 @@ const styles = (theme: Theme) => {
boxSizing: 'border-box' as const,
color: theme.palette.uiBackground,
fontSize: '14px',
fontWeight: '400',
fontWeight: 400,
left: '4px',
padding: '16px',
position: 'absolute' as const,
@ -79,7 +82,7 @@ const styles = (theme: Theme) => {
highlightNotificationButton: {
color: theme.palette.action01,
cursor: 'pointer',
fontWeight: '600',
fontWeight: 600,
marginTop: '8px'
}
};
@ -181,9 +184,9 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
const {
_disabled,
_visible,
classes,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
if (!_visible) {
return null;
@ -219,4 +222,4 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
}
}
export default withStyles(styles)(translate(connect(_abstractMapStateToProps)(HighlightButton)));
export default withStyles(translate(connect(_abstractMapStateToProps)(HighlightButton)), styles);

25
react/features/recording/components/web/RecordingLabel.tsx
Unescape View File

@ -1,14 +1,26 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { translate } from '../../../base/i18n/functions';
import { IconRecord, IconSites } from '../../../base/icons/svg';
import Label from '../../../base/label/components/web/Label';
import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
import Tooltip from '../../../base/tooltip/components/Tooltip';
import AbstractRecordingLabel, { _mapStateToProps } from '../AbstractRecordingLabel';
import AbstractRecordingLabel, {
IProps as AbstractProps,
_mapStateToProps
} from '../AbstractRecordingLabel';
interface IProps extends AbstractProps {
/**
* An object containing the CSS classes.
*/
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
}
/**
* Creates the styles for the component.
@ -31,14 +43,15 @@ const styles = (theme: Theme) => {
*
* @augments {Component}
*/
class RecordingLabel extends AbstractRecordingLabel {
class RecordingLabel extends AbstractRecordingLabel<IProps> {
/**
* Renders the platform specific label component.
*
* @inheritdoc
*/
_renderLabel() {
const { _isTranscribing, _status, classes, mode, t } = this.props;
const { _isTranscribing, _status, mode, t } = this.props;
const classes = withStyles.getClasses(this.props);
const isRecording = mode === JitsiRecordingConstants.mode.FILE;
const icon = isRecording ? IconRecord : IconSites;
let content;
@ -62,11 +75,11 @@ class RecordingLabel extends AbstractRecordingLabel {
content = { content }
position = { 'bottom' }>
<Label
className = { classes?.record }
className = { classes.record }
icon = { icon } />
</Tooltip>
);
}
}
export default withStyles(styles)(translate(connect(_mapStateToProps)(RecordingLabel)));
export default withStyles(translate(connect(_mapStateToProps)(RecordingLabel)), styles);

13
react/features/settings/components/web/CalendarTab.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React, { Component } from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IReduxState, IStore } from '../../../app/types';
import { translate } from '../../../base/i18n/functions';
@ -49,7 +49,7 @@ interface IProps extends WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Invoked to change the configured calendar integration.
@ -131,7 +131,7 @@ class CalendarTab extends Component<IProps, IState> {
* @returns {ReactElement}
*/
render() {
const { classes } = this.props;
const classes = withStyles.getClasses(this.props);
let view;
if (this.state.loading) {
@ -221,9 +221,9 @@ class CalendarTab extends Component<IProps, IState> {
_appName,
_enableGoogleIntegration,
_enableMicrosoftIntegration,
classes,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<>
@ -255,7 +255,8 @@ class CalendarTab extends Component<IProps, IState> {
* @returns {ReactElement}
*/
_renderSignOutState() {
const { _profileEmail, classes, t } = this.props;
const { _profileEmail, t } = this.props;
const classes = withStyles.getClasses(this.props);
return (
<>
@ -304,4 +305,4 @@ function _mapStateToProps(state: IReduxState) {
};
}
export default withStyles(styles)(translate(connect(_mapStateToProps)(CalendarTab)));
export default withStyles(translate(connect(_mapStateToProps)(CalendarTab)), styles);

8
react/features/settings/components/web/ModeratorTab.tsx
Unescape View File

@ -1,7 +1,7 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import AbstractDialogTab, {
IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
@ -17,7 +17,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* If set hides the reactions moderation setting.
@ -150,7 +150,6 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
*/
render() {
const {
classes,
disableReactionsModeration,
followMeActive,
followMeEnabled,
@ -159,6 +158,7 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
startReactionsMuted,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div
@ -198,4 +198,4 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(ModeratorTab));
export default withStyles(translate(ModeratorTab), styles);

13
react/features/settings/components/web/MoreTab.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import AbstractDialogTab, {
IProps as AbstractDialogTabProps
@ -20,7 +20,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The currently selected language to display in the language select
@ -138,12 +138,13 @@ class MoreTab extends AbstractDialogTab<IProps, any> {
render() {
const {
showPrejoinSettings,
classes,
disableHideSelfView,
iAmVisitor,
hideSelfView,
showLanguageSettings,
t } = this.props;
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div
@ -271,7 +272,6 @@ class MoreTab extends AbstractDialogTab<IProps, any> {
*/
_renderLanguageSelect() {
const {
classes,
currentLanguage,
languages,
t
@ -287,7 +287,6 @@ class MoreTab extends AbstractDialogTab<IProps, any> {
return (
<Select
className = { classes.bottomMargin }
id = 'more-language-select'
label = { t('settings.language') }
onChange = { this._onLanguageItemSelect }
@ -297,4 +296,4 @@ class MoreTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(MoreTab));
export default withStyles(translate(MoreTab), styles);

8
react/features/settings/components/web/NotificationsTab.tsx
Unescape View File

@ -1,7 +1,7 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import AbstractDialogTab, {
IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
@ -17,7 +17,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Array of disabled sounds ids.
@ -175,7 +175,6 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
*/
render() {
const {
classes,
disabledSounds,
enabledNotifications,
showNotificationsSettings,
@ -190,6 +189,7 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
moderatorMutedSoundsReactions,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div
@ -273,4 +273,4 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(NotificationsTab));
export default withStyles(translate(NotificationsTab), styles);

10
react/features/settings/components/web/ProfileTab.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { createProfilePanelButtonEvent } from '../../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../../analytics/functions';
@ -34,7 +34,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Invoked to change the configured calendar integration.
@ -156,7 +156,6 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
render() {
const {
authEnabled,
classes,
displayName,
email,
hideEmailInSettings,
@ -164,6 +163,7 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
readOnlyName,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div className = { classes.container } >
@ -226,9 +226,9 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
_renderAuth() {
const {
authLogin,
classes,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div>
@ -249,4 +249,4 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(connect()(ProfileTab)));
export default withStyles(translate(connect()(ProfileTab)), styles);

11
react/features/settings/components/web/ShortcutsTab.tsx
Unescape View File

@ -1,7 +1,7 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import AbstractDialogTab, {
IProps as AbstractDialogTabProps } from '../../../base/dialog/components/web/AbstractDialogTab';
@ -17,7 +17,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Whether to display the shortcuts or not.
@ -112,7 +112,8 @@ class ShortcutsTab extends AbstractDialogTab<IProps, any> {
* @returns {JSX}
*/
_renderShortcutsListItem(keyboardKey: string, translationKey: string) {
const { classes, t } = this.props;
const { t } = this.props;
const classes = withStyles.getClasses(this.props);
let modifierKey = 'Alt';
if (window.navigator?.platform) {
@ -146,12 +147,12 @@ class ShortcutsTab extends AbstractDialogTab<IProps, any> {
*/
render() {
const {
classes,
displayShortcuts,
keyboardShortcutsHelpDescriptions,
keyboardShortcutsEnabled,
t
} = this.props;
const classes = withStyles.getClasses(this.props);
const shortcutDescriptions: Map<string, string> = displayShortcuts
? keyboardShortcutsHelpDescriptions
: new Map();
@ -175,4 +176,4 @@ class ShortcutsTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(ShortcutsTab));
export default withStyles(translate(ShortcutsTab), styles);

8
react/features/settings/components/web/VirtualBackgroundTab.tsx
Unescape View File

@ -1,6 +1,6 @@
import { withStyles } from '@mui/styles';
import React from 'react';
import { WithTranslation } from 'react-i18next';
import { withStyles } from 'tss-react/mui';
import AbstractDialogTab, {
IProps as AbstractDialogTabProps
@ -17,7 +17,7 @@ export interface IProps extends AbstractDialogTabProps, WithTranslation {
/**
* CSS classes object.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Virtual background options.
@ -79,10 +79,10 @@ class VirtualBackgroundTab extends AbstractDialogTab<IProps, any> {
*/
render() {
const {
classes,
options,
selectedVideoInputId
} = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div
@ -99,4 +99,4 @@ class VirtualBackgroundTab extends AbstractDialogTab<IProps, any> {
}
}
export default withStyles(styles)(translate(VirtualBackgroundTab));
export default withStyles(translate(VirtualBackgroundTab), styles);

13
react/features/toolbox/components/web/AudioMuteButton.tsx
Unescape View File

@ -1,6 +1,6 @@
import { ClassNameMap, withStyles } from '@mui/styles';
import React, { ReactElement } from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { ACTION_SHORTCUT_TRIGGERED, AUDIO_MUTE, createShortcutEvent } from '../../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../../analytics/functions';
@ -31,16 +31,16 @@ const styles = () => {
*/
interface IProps extends AbstractAudioMuteButtonProps {
/**
* The gumPending state from redux.
*/
_gumPending: IGUMPendingState;
/**
* The @mui/styles classes.
* An object containing the CSS classes.
*/
classes: ClassNameMap<string>;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
}
/**
@ -168,7 +168,8 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
* @returns {ReactElement | null}
*/
_getElementAfter(): ReactElement | null {
const { _gumPending, classes } = this.props;
const { _gumPending } = this.props;
const classes = withStyles.getClasses(this.props);
return _gumPending === IGUMPendingState.NONE ? null
: (
@ -201,4 +202,4 @@ function _mapStateToProps(state: IReduxState) {
};
}
export default withStyles(styles)(translate(connect(_mapStateToProps)(AudioMuteButton)));
export default withStyles(translate(connect(_mapStateToProps)(AudioMuteButton)), styles);

11
react/features/toolbox/components/web/VideoMuteButton.tsx
Unescape View File

@ -1,6 +1,6 @@
import { ClassNameMap, withStyles } from '@mui/styles';
import React, { ReactElement } from 'react';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { ACTION_SHORTCUT_TRIGGERED, VIDEO_MUTE, createShortcutEvent } from '../../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../../analytics/functions';
@ -37,9 +37,9 @@ export interface IProps extends AbstractVideoMuteButtonProps {
_gumPending: IGUMPendingState;
/**
* The @mui/styles classes.
* An object containing the CSS classes.
*/
classes: ClassNameMap<string>;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
}
/**
@ -145,7 +145,8 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
* @returns {ReactElement | null}
*/
_getElementAfter(): ReactElement | null {
const { _gumPending, classes } = this.props;
const { _gumPending } = this.props;
const classes = withStyles.getClasses(this.props);
return _gumPending === IGUMPendingState.NONE ? null
: (
@ -199,4 +200,4 @@ function _mapStateToProps(state: IReduxState) {
};
}
export default withStyles(styles)(translate(connect(_mapStateToProps)(VideoMuteButton)));
export default withStyles(translate(connect(_mapStateToProps)(VideoMuteButton)), styles);

9
react/features/video-quality/components/VideoQualitySlider.web.tsx
Unescape View File

@ -1,9 +1,9 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import clsx from 'clsx';
import React, { Component } from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
import { sendAnalytics } from '../../analytics/functions';
@ -71,7 +71,7 @@ interface IProps extends WithTranslation {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* Invoked to request toggling of audio only mode.
@ -182,7 +182,8 @@ class VideoQualitySlider extends Component<IProps> {
* @returns {ReactElement}
*/
render() {
const { classes, t } = this.props;
const { t } = this.props;
const classes = withStyles.getClasses(this.props);
const activeSliderOption = this._mapCurrentQualityToSliderValue();
return (
@ -382,4 +383,4 @@ function _mapStateToProps(state: IReduxState) {
};
}
export default translate(connect(_mapStateToProps)(withStyles(styles)(VideoQualitySlider)));
export default translate(connect(_mapStateToProps)(withStyles(VideoQualitySlider, styles)));

15
react/features/virtual-background/components/VirtualBackgroundPreview.tsx
Unescape View File

@ -1,8 +1,8 @@
import { Theme } from '@mui/material';
import { withStyles } from '@mui/styles';
import React, { PureComponent } from 'react';
import { WithTranslation } from 'react-i18next';
import { connect } from 'react-redux';
import { withStyles } from 'tss-react/mui';
import { IStore } from '../../app/types';
import { hideDialog } from '../../base/dialog/actions';
@ -25,7 +25,7 @@ export interface IProps extends WithTranslation {
/**
* An object containing the CSS classes.
*/
classes: any;
classes?: Partial<Record<keyof ReturnType<typeof styles>, string>>;
/**
* The redux {@code dispatch} function.
@ -213,8 +213,10 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
* @returns {Promise}
*/
_loadVideoPreview() {
const classes = withStyles.getClasses(this.props);
return (
<div className = { this.props.classes.previewLoader }>
<div className = { classes.previewLoader }>
<Spinner size = 'large' />
</div>
);
@ -227,7 +229,8 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
* @returns {React$Node}
*/
_renderPreviewEntry(data: Object) {
const { classes, t } = this.props;
const { t } = this.props;
const classes = withStyles.getClasses(this.props);
if (this.state.loading) {
return this._loadVideoPreview();
@ -286,7 +289,7 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
*/
render() {
const { jitsiTrack } = this.state;
const { classes } = this.props;
const classes = withStyles.getClasses(this.props);
return (
<div className = { classes.virtualBackgroundPreview }>
@ -298,4 +301,4 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
}
}
export default translate(connect()(withStyles(styles)(VirtualBackgroundPreview)));
export default translate(connect()(withStyles(VirtualBackgroundPreview, styles)));

Write Preview
Loading…
Cancel
Save