@matrix-widget-toolkit/mui 2.0.1 → 2.0.3

package/build/cjs/index.js

@@ -121,6 +121,7 @@ function EmotionCacheProvider(_a) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var _a, _b, _c;
 var fontFamily = [
     'Inter',
     'Arial',
@@ -323,8 +324,14 @@ var baseTheme = {
                 },
             },
         },
-        // Tooltips have a darker background
+        // Tooltips are fullscreen-aware
+        MuiMenu: {
+            defaultProps: {
+                container: (_a = document.fullscreenElement) !== null && _a !== void 0 ? _a : document.body,
+            },
+        },
         MuiTooltip: {
+            // Tooltips have a darker background
             styleOverrides: {
                 tooltip: function (_a) {
                     var theme = _a.theme;
@@ -335,6 +342,18 @@ var baseTheme = {
                     });
                 },
             },
+            // Tooltips are fullscreen-aware
+            defaultProps: {
+                PopperProps: {
+                    container: (_b = document.fullscreenElement) !== null && _b !== void 0 ? _b : document.body,
+                },
+            },
+        },
+        // Tooltips are fullscreen-aware
+        MuiPopover: {
+            defaultProps: {
+                container: (_c = document.fullscreenElement) !== null && _c !== void 0 ? _c : document.body,
+            },
         },
         // Buttons have to ripple but have the default keyboard focus ring instead
         MuiButtonBase: {

package/build/esm/index.js

@@ -109,6 +109,7 @@ function EmotionCacheProvider(_a) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var _a, _b, _c;
 var fontFamily = [
     'Inter',
     'Arial',
@@ -311,8 +312,14 @@ var baseTheme = {
                 },
             },
         },
-        // Tooltips have a darker background
+        // Tooltips are fullscreen-aware
+        MuiMenu: {
+            defaultProps: {
+                container: (_a = document.fullscreenElement) !== null && _a !== void 0 ? _a : document.body,
+            },
+        },
         MuiTooltip: {
+            // Tooltips have a darker background
             styleOverrides: {
                 tooltip: function (_a) {
                     var theme = _a.theme;
@@ -323,6 +330,18 @@ var baseTheme = {
                     });
                 },
             },
+            // Tooltips are fullscreen-aware
+            defaultProps: {
+                PopperProps: {
+                    container: (_b = document.fullscreenElement) !== null && _b !== void 0 ? _b : document.body,
+                },
+            },
+        },
+        // Tooltips are fullscreen-aware
+        MuiPopover: {
+            defaultProps: {
+                container: (_c = document.fullscreenElement) !== null && _c !== void 0 ? _c : document.body,
+            },
         },
         // Buttons have to ripple but have the default keyboard focus ring instead
         MuiButtonBase: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matrix-widget-toolkit/mui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A customized material-ui theme that matches the style of the Element Matrix client",
   "author": "Nordeck IT + Consulting GmbH",
   "license": "Apache-2.0",
@@ -9,20 +9,20 @@
   "types": "./build/index.d.ts",
   "devDependencies": {
     "@craco/craco": "^7.1.0",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^27.5.2",
     "@types/jest-axe": "^3.5.9",
-    "@types/lodash": "^4.17.6",
-    "@types/node": "^20.8.6",
+    "@types/lodash": "^4.17.7",
+    "@types/node": "^22.5.3",
     "@types/react": "^18.2.74",
     "copyfiles": "^2.4.1",
-    "i18next-parser": "^9.0.0",
+    "i18next-parser": "^9.0.2",
     "jest-axe": "^9.0.0",
     "react": "^18.2.0",
     "react-scripts": "5.0.1",
-    "typescript": "^5.5.3"
+    "typescript": "^5.5.4"
   },
   "scripts": {
     "build": "tsc && rollup --config ../../rollup.config.mjs",
@@ -30,7 +30,7 @@
     "tsc": "tsc",
     "lint": "eslint .",
     "test": "jest --watch",
-    "depcheck": "depcheck --ignores=@types/node --ignore-dirs=lib,build",
+    "depcheck": "depcheck --ignores=@types/node,@types/jest --ignore-dirs=lib,build",
     "prepack": "node ../../scripts/prepack.js",
     "postpack": "node ../../scripts/postpack.js",
     "translate": "i18next src/**/*.{ts,tsx}",
@@ -38,23 +38,23 @@
     "generate-api-report": "tsc && api-extractor run --verbose --local"
   },
   "dependencies": {
-    "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@fontsource/inter": "^5.0.18",
-    "@mui/icons-material": "^5.16.1",
-    "@mui/material": "^5.16.1",
-    "@mui/utils": "^5.14.13",
-    "@matrix-widget-toolkit/api": "^3.3.2",
-    "@matrix-widget-toolkit/react": "^2.0.0",
-    "i18next": "^23.12.1",
+    "@emotion/cache": "^11.13.1",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@fontsource/inter": "^5.0.20",
+    "@mui/icons-material": "^6.0.2",
+    "@mui/material": "^6.0.2",
+    "@mui/utils": "^6.0.2",
+    "@matrix-widget-toolkit/api": "^3.4.0",
+    "@matrix-widget-toolkit/react": "^2.0.1",
+    "i18next": "^23.14.0",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-resources-to-backend": "^1.2.1",
     "lodash": "^4.17.21",
-    "matrix-widget-api": "^1.6.0",
+    "matrix-widget-api": "^1.9.0",
     "react": "^18.2.0",
-    "react-i18next": "^14.1.2",
-    "react-use": "^17.5.0"
+    "react-i18next": "^15.0.1",
+    "react-use": "^17.5.1"
   },
   "repository": {
     "type": "git",