@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/modulefederation.admin.config.js

@@ -1,31 +1,31 @@
-function makeShared(pkgs) {
-    const result = {};
-    pkgs.forEach(packageName => {
-        result[packageName] = {
-            requiredVersion: '*',
-            singleton: true,
-        };
-    });
-    return result;
-}
-
-// Admin shares these modules for all components
-module.exports = {
-    shared: makeShared([
-        '@iobroker/adapter-react-v5',
-        '@iobroker/json-config',
-        '@iobroker/dm-gui-components',
-        '@mui/icons-material',
-        '@mui/material',
-        '@mui/x-date-pickers',
-        'date-fns/locale',
-        'leaflet',
-        'leaflet-geosearch',
-        'prop-types',
-        'react',
-        'react-ace',
-        'react-dom',
-        'react-dropzone',
-        'semver',
-    ]),
-};
+function makeShared(pkgs) {
+    const result = {};
+    pkgs.forEach(packageName => {
+        result[packageName] = {
+            requiredVersion: '*',
+            singleton: true,
+        };
+    });
+    return result;
+}
+
+// Admin shares these modules for all components
+module.exports = {
+    shared: makeShared([
+        '@iobroker/adapter-react-v5',
+        '@iobroker/json-config',
+        '@iobroker/dm-gui-components',
+        '@mui/icons-material',
+        '@mui/material',
+        '@mui/x-date-pickers',
+        'date-fns/locale',
+        'leaflet',
+        'leaflet-geosearch',
+        'prop-types',
+        'react',
+        'react-ace',
+        'react-dom',
+        'react-dropzone',
+        'semver',
+    ]),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "7.0.1",
+  "version": "7.1.0",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -33,10 +33,10 @@
     "@iobroker/types": "^6.0.11",
     "@iobroker/js-controller-common": "^6.0.11",
     "@iobroker/js-controller-common-db": "^6.0.11",
-    "@mui/icons-material": "^6.0.0",
-    "@mui/material": "^6.0.0",
-    "@mui/x-date-pickers": "^7.14.0",
-    "@sentry/browser": "^8.27.0",
+    "@mui/icons-material": "^6.0.2",
+    "@mui/material": "^6.0.2",
+    "@mui/x-date-pickers": "^7.16.0",
+    "@sentry/browser": "^8.29.0",
     "cronstrue": "^2.50.0",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",

package/src/AdminConnection.tsx

@@ -1,3 +1,3 @@
-import { AdminConnection } from '@iobroker/socket-client';
-
-export default AdminConnection;
+import { AdminConnection } from '@iobroker/socket-client';
+
+export default AdminConnection;

package/src/Components/404.tsx

@@ -1,121 +1,122 @@
-import React from 'react';
-import { Box } from '@mui/material';
-
-/*
-Copyright 2019 Robin Selmer
-https://codepen.io/robinselmer/pen/vJjbOZ
-*/
-
-import I18n from '../i18n';
-
-const styles: Record<string, any> = {
-    content: {
-        background: 'black',
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-    },
-    root: {
-        boxSizing: 'border-box',
-        height: '100%',
-        width: '100%',
-        backgroundColor: '#000000',
-        backgroundImage: 'radial-gradient(#104254 , #05181c)',
-        fontFamily: "'Inconsolata', Helvetica, sans-serif",
-        fontSize: '1.5rem',
-        color: 'rgba(128, 175, 255, 0.8)',
-        textShadow:
-            `0 0 1ex rgba(51, 70, 255, 1),
-        0 0 2px rgba(255, 255, 255, 0.8)`,
-    },
-    overlay: {
-        pointerEvents: 'none',
-        width: '100%',
-        height: '100%',
-        background:
-            `repeating-linear-gradient(
-                180deg,
-            rgba(0, 0, 0, 0) 0,
-            rgba(0, 0, 0, 0.3) 50%,
-            rgba(0, 0, 0, 0) 100%)`,
-        backgroundSize: 'auto 4px',
-        zIndex: 99,
-        '&::before': {
-            content: '""',
-            pointerEvents: 'none',
-            position: 'absolute',
-            display: 'block',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: '100%',
-            height: '100%',
-            backgroundImage: `linear-gradient(
-                0deg,
-                transparent 0%,
-                rgba(32, 50, 128, 0.2) 2%,
-                rgba(32, 50, 128, 0.8) 3%,
-                rgba(32, 50, 128, 0.2) 3%,
-                transparent 100%)`,
-            backgroundRepeat: 'no-repeat',
-            animation: 'scan 7.5s linear 0s infinite',
-        },
-    },
-
-    terminal: {
-        boxSizing: 'inherit',
-        position: 'absolute',
-        height: '100%',
-        width: 'calc(100% - 8rem)',
-        maxWidth: '100%',
-        padding: '4rem',
-        textTransform: 'uppercase',
-    },
-    output: {
-        color: 'rgba(128, 175, 255, 0.8)',
-        textShadow: `
-        0 0 1px rgba(51, 70, 255, 0.4),
-            0 0 2px rgba(255, 255, 255, 0.8)`,
-        '&::before': {
-            content: '"> "',
-        },
-    },
-    errorCode: {
-        color: 'white',
-    },
-};
-
-function Page404() {
-    return <div
-        style={styles.content}
-    >
-        <div
-            style={styles.root}
-        >
-            <Box
-                component="div"
-                sx={styles.overlay}
-            >
-                <div
-                    style={styles.terminal}
-                >
-                    <h1>
-                        {I18n.t('ra_Error')}
-                        <span style={styles.errorCode}>404</span>
-                    </h1>
-                    <Box component="p" sx={styles.output}>
-                        {I18n.t('ra_The page you are looking for was not found')}
-                    </Box>
-                    <Box component="p" sx={styles.output}>
-                        {I18n.t('ra_Good luck')}
-                    </Box>
-                </div>
-            </Box>
-        </div>
-    </div>;
-}
-
-export default Page404;
+import React, { type JSX } from 'react';
+import { Box } from '@mui/material';
+
+/*
+Copyright 2019 Robin Selmer
+https://codepen.io/robinselmer/pen/vJjbOZ
+*/
+
+import I18n from '../i18n';
+
+const styles: Record<string, any> = {
+    content: {
+        background: 'black',
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+    },
+    root: {
+        boxSizing: 'border-box',
+        height: '100%',
+        width: '100%',
+        backgroundColor: '#000000',
+        backgroundImage: 'radial-gradient(#104254 , #05181c)',
+        fontFamily: "'Inconsolata', Helvetica, sans-serif",
+        fontSize: '1.5rem',
+        color: 'rgba(128, 175, 255, 0.8)',
+        textShadow: `0 0 1ex rgba(51, 70, 255, 1),
+        0 0 2px rgba(255, 255, 255, 0.8)`,
+    },
+    overlay: {
+        pointerEvents: 'none',
+        width: '100%',
+        height: '100%',
+        background: `repeating-linear-gradient(
+                180deg,
+            rgba(0, 0, 0, 0) 0,
+            rgba(0, 0, 0, 0.3) 50%,
+            rgba(0, 0, 0, 0) 100%)`,
+        backgroundSize: 'auto 4px',
+        zIndex: 99,
+        '&::before': {
+            content: '""',
+            pointerEvents: 'none',
+            position: 'absolute',
+            display: 'block',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            width: '100%',
+            height: '100%',
+            backgroundImage: `linear-gradient(
+                0deg,
+                transparent 0%,
+                rgba(32, 50, 128, 0.2) 2%,
+                rgba(32, 50, 128, 0.8) 3%,
+                rgba(32, 50, 128, 0.2) 3%,
+                transparent 100%)`,
+            backgroundRepeat: 'no-repeat',
+            animation: 'scan 7.5s linear 0s infinite',
+        },
+    },
+
+    terminal: {
+        boxSizing: 'inherit',
+        position: 'absolute',
+        height: '100%',
+        width: 'calc(100% - 8rem)',
+        maxWidth: '100%',
+        padding: '4rem',
+        textTransform: 'uppercase',
+    },
+    output: {
+        color: 'rgba(128, 175, 255, 0.8)',
+        textShadow: `
+        0 0 1px rgba(51, 70, 255, 0.4),
+            0 0 2px rgba(255, 255, 255, 0.8)`,
+        '&::before': {
+            content: '"> "',
+        },
+    },
+    errorCode: {
+        color: 'white',
+    },
+};
+
+/** Generates the 404 error page */
+function Page404(): JSX.Element {
+    return (
+        <div style={styles.content}>
+            <div style={styles.root}>
+                <Box
+                    component="div"
+                    sx={styles.overlay}
+                >
+                    <div style={styles.terminal}>
+                        <h1>
+                            {I18n.t('ra_Error')}
+                            <span style={styles.errorCode}>404</span>
+                        </h1>
+                        <Box
+                            component="p"
+                            sx={styles.output}
+                        >
+                            {I18n.t('ra_The page you are looking for was not found')}
+                        </Box>
+                        <Box
+                            component="p"
+                            sx={styles.output}
+                        >
+                            {I18n.t('ra_Good luck')}
+                        </Box>
+                    </div>
+                </Box>
+            </div>
+        </div>
+    );
+}
+
+export default Page404;