@iobroker/adapter-react-v5 7.1.4 → 7.2.2

package/Components/IconPicker.js

@@ -46,7 +46,7 @@ const styles = {
         flexGrow: 1000,
     },
     divContainer: {
-        width: 32 + 24,
+        width: 32 + 32,
         height: 32,
         whiteSpace: 'nowrap',
         lineHeight: '32px',

package/Components/UploadImage.js

@@ -471,8 +471,19 @@ class UploadImage extends react_1.Component {
     render() {
         const { disabled, icon, removeIconFunc, error, crop, onChange } = this.props;
         const maxSize = this.props.maxSize || 10 * 1024;
-        const accept = this.props.accept || { 'image/*': [] };
+        let accept = this.props.accept || { 'image/*': [] };
         const { uploadFile, anchorEl, cropHandler } = this.state;
+        // covert '"image/png"' to { 'image/*': [] }
+        if (typeof accept === 'string') {
+            accept = { [accept]: [] };
+        }
+        else if (Array.isArray(accept)) {
+            const result = {};
+            accept.forEach(item => {
+                result[item] = [];
+            });
+            accept = result;
+        }
         return (react_1.default.createElement(react_dropzone_1.default, { disabled: !!disabled || cropHandler, key: "dropzone", multiple: false, accept: accept, maxSize: maxSize, onDragEnter: () => this.setState({ uploadFile: 'dragging' }), onDragLeave: () => this.setState({ uploadFile: true }), onDrop: (acceptedFiles, errors) => {
                 this.setState({ uploadFile: false });
                 if (!acceptedFiles.length) {
@@ -495,14 +506,14 @@ class UploadImage extends react_1.Component {
                         ? i18n_1.default.t('ra_Drop file here')
                         : i18n_1.default.t('ra_Place your files here or click here to open the browse dialog')))) : (removeIconFunc &&
                     !cropHandler && (react_1.default.createElement("div", { style: styles.buttonRemoveWrapper },
-                    react_1.default.createElement(material_1.Tooltip, { title: i18n_1.default.t('ra_Clear'), componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
+                    react_1.default.createElement(material_1.Tooltip, { title: i18n_1.default.t('ra_Clear'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
                         react_1.default.createElement(material_1.IconButton, { size: "large", onClick: e => {
                                 removeIconFunc && removeIconFunc();
                                 e.stopPropagation();
                             } },
                             react_1.default.createElement(icons_material_1.Close, null)))))),
                 icon && crop && (react_1.default.createElement("div", { style: styles.buttonCropWrapper },
-                    react_1.default.createElement(material_1.Tooltip, { title: i18n_1.default.t('ra_Crop'), componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
+                    react_1.default.createElement(material_1.Tooltip, { title: i18n_1.default.t('ra_Crop'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
                         react_1.default.createElement(material_1.IconButton, { size: "large", onClick: e => {
                                 if (!cropHandler) {
                                     this.setState({ cropHandler: true });

package/Dialogs/Confirm.d.ts

@@ -9,7 +9,7 @@ interface DialogConfirmProps {
     /** The dialog title; default: Are you sure? (translated) */
     title?: string;
     /** The dialog text */
-    text?: string | React.JSX.Element;
+    text?: string | React.JSX.Element | React.JSX.Element[];
     /** Close handler. */
     onClose?: (ok: boolean) => void;
     /** if the dialog must be fill sized */

package/Dialogs/Error.d.ts

@@ -7,7 +7,7 @@
 import React, { Component, type JSX } from 'react';
 interface DialogErrorProps {
     title?: string;
-    text: string | React.JSX.Element;
+    text: string | React.JSX.Element | React.JSX.Element[];
     onClose?: () => void;
     fullWidth?: boolean;
 }

package/Dialogs/Message.d.ts

@@ -7,7 +7,7 @@
 import React, { Component, type JSX } from 'react';
 interface DialogMessageProps {
     title?: string;
-    text: string | React.JSX.Element;
+    text: string | React.JSX.Element | React.JSX.Element[];
     onClose?: () => void;
     fullWidth?: boolean;
     icon?: React.JSX.Element;

package/GenericApp.js

@@ -236,7 +236,7 @@ class GenericApp extends Router_1.default {
             'zh-cn': zh_cn_json_1.default,
         };
         // merge together
-        if (settings && settings.translations) {
+        if (settings === null || settings === void 0 ? void 0 : settings.translations) {
             Object.keys(settings.translations).forEach(lang => {
                 if (settings.translations) {
                     translations[lang] = Object.assign(translations[lang], settings.translations[lang] || {});

package/LegacyConnection.d.ts

@@ -14,6 +14,7 @@ declare global {
         registerSocketOnLoad: (func: () => void) => void;
         vendorPrefix: undefined | string;
         io: any;
+        iob: any;
     }
 }
 export type CompactSystemRepositoryEntry = {

package/LegacyConnection.js

@@ -164,7 +164,7 @@ class Connection {
      */
     startSocket() {
         // if socket io is not yet loaded
-        if (typeof window.io === 'undefined') {
+        if (typeof window.io === 'undefined' && typeof window.iob === 'undefined') {
             // if in index.html the onLoad function not defined
             if (typeof window.registerSocketOnLoad !== 'function') {
                 // poll if loaded
@@ -225,7 +225,7 @@ class Connection {
             }
         }
         const url = port ? `${protocol}://${host}:${port}${path}` : `${protocol}://${host}${path}`;
-        this._socket = window.io.connect(url, {
+        this._socket = (window.io || window.iob).connect(url, {
             path: path.endsWith('/') ? `${path}socket.io` : `${path}/socket.io`,
             query: 'ws=true',
             name: this.props.name,

package/README.md

@@ -13,7 +13,7 @@ If you want to create the configuration page with ReactJS:
     - Change `name` from `src` to `ADAPTERNAME-admin` (Of course replace `ADAPTERNAME` with yours)
     - Add to devDependencies:
         ```
-        "@iobroker/adapter-react-v5": "^7.1.4",
+        "@iobroker/adapter-react-v5": "^7.2.2",
         ```
         Versions can be higher.
         So your `src/package.json` should look like:
@@ -24,7 +24,7 @@ If you want to create the configuration page with ReactJS:
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@iobroker/adapter-react-v5": "^7.1.4",
+        "@iobroker/adapter-react-v5": "^7.2.2",
         "@iobroker/build-tools": "^1.0.0",
         "@iobroker/eslint-config": "^0.1.2",
         "@mui/material": "^6.0.2",
@@ -697,224 +697,232 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 7.2.2 (2024-10-04)
+-   (@GermanBluefox) Small layout change for Icon Picker
+
+### 7.2.1 (2024-09-30)
+
+-   (@GermanBluefox) Allowed using an array of elements in dialogs
+-   (@GermanBluefox) Allowed to use `socket.iob` instead of `socket.io`
+
 ### 7.1.4 (2024-09-15)
 
--   (bluefox) Updated socket classes
+-   (@GermanBluefox) Updated socket classes
 
 ### 7.1.3 (2024-09-15)
 
--   (bluefox) Updated socket classes
--   (bluefox) Added additional confirmation dialog for CRONs for every minute execution
+-   (@GermanBluefox) Updated socket classes
+-   (@GermanBluefox) Added additional confirmation dialog for CRONs for every minute execution
 
 ### 7.1.1 (2024-09-13)
 
--   (bluefox) Corrected TabContainer
+-   (@GermanBluefox) Corrected TabContainer
 
 ### 7.1.0 (2024-09-12)
 
--   (bluefox) Optimized the icon picker
--   (bluefox) Used common eslint-config
+-   (@GermanBluefox) Optimized the icon picker
+-   (@GermanBluefox) Used common eslint-config
 
 ### 7.0.2 (2024-09-10)
 
--   (bluefox) Showed the context menu under cursor position in the object browser
--   (bluefox) Added links to aliases in the object browser
+-   (@GermanBluefox) Showed the context menu under cursor position in the object browser
+-   (@GermanBluefox) Added links to aliases in the object browser
 
 ### 7.0.1 (2024-08-29)
 
--   (bluefox) Updated the object browser
--   (bluefox) Used MUI Library 6.0
+-   (@GermanBluefox) Updated the object browser
+-   (@GermanBluefox) Used MUI Library 6.0
 
 ### 6.1.10 (2024-08-30)
 
--   (bluefox) Updated the object browser
+-   (@GermanBluefox) Updated the object browser
 
 ### 6.1.9 (2024-08-14)
 
--   (bluefox) Updated JSON schema
+-   (@GermanBluefox) Updated JSON schema
 
 ### 6.1.8 (2024-08-03)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 6.1.6 (2024-07-23)
 
--   (bluefox) Optimize package
+-   (@GermanBluefox) Optimize package
 
 ### 6.1.5 (2024-07-20)
 
--   (bluefox) Added sources to package
+-   (@GermanBluefox) Added sources to package
 
 ### 6.1.3 (2024-07-20)
 
--   (bluefox) Better typing of legacy connection
+-   (@GermanBluefox) Better typing of legacy connection
 
 ### 6.1.1 (2024-07-16)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 6.1.0 (2024-07-15)
 
--   (bluefox) Replace by CRON to text the package to `cronstrue`
+-   (@GermanBluefox) Replace by CRON to text the package to `cronstrue`
 
 ### 6.0.19 (2024-07-14)
 
--   (bluefox) added some packages for federation
+-   (@GermanBluefox) added some packages for federation
 
 ### 6.0.17 (2024-07-14)
 
--   (bluefox) Allowed playing mp3 files in the file browser
--   (bluefox) Corrected jump by object selection
+-   (@GermanBluefox) Allowed playing mp3 files in the file browser
+-   (@GermanBluefox) Corrected jump by object selection
 
 ### 6.0.14 (2024-07-07)
 
--   (bluefox) Corrected theme type selection
+-   (@GermanBluefox) Corrected theme type selection
 
 ### 6.0.13 (2024-06-30)
 
--   (bluefox) Corrected color picker
+-   (@GermanBluefox) Corrected color picker
 
 ### 6.0.12 (2024-06-29)
 
--   (bluefox) Added support for the overrides in the theme
+-   (@GermanBluefox) Added support for the overrides in the theme
 
 ### 6.0.10 (2024-06-27)
 
--   (bluefox) Added translation
--   (bluefox) Mobile object browser improved
+-   (@GermanBluefox) Added translation
+-   (@GermanBluefox) Mobile object browser improved
 
 ### 6.0.9 (2024-06-26)
 
--   (bluefox) Corrected Icons
+-   (@GermanBluefox) Corrected Icons
 
 ### 6.0.8 (2024-06-26)
 
--   (bluefox) Corrected types of the select ID dialog
--   (bluefox) Made the tooltips neutral to the pointer events
+-   (@GermanBluefox) Corrected types of the select ID dialog
+-   (@GermanBluefox) Made the tooltips neutral to the pointer events
 
 ### 6.0.6 (2024-06-24)
 
--   (bluefox) Synchronised with admin
--   (bluefox) Added translations for time scheduler
+-   (@GermanBluefox) Synchronised with admin
+-   (@GermanBluefox) Added translations for time scheduler
 
 ### 6.0.4 (2024-06-21)
 
--   (bluefox) Removed the usage of `withStyles` in favor of `sx` and `style` properties (see [Migration from v5 to v6](#migration-from-v5-to-v6)
--   (bluefox) (BREAKING) Higher version of `@mui/material` (5.15.20) is used
+-   (@GermanBluefox) Removed the usage of `withStyles` in favor of `sx` and `style` properties (see [Migration from v5 to v6](#migration-from-v5-to-v6)
+-   (@GermanBluefox) (BREAKING) Higher version of `@mui/material` (5.15.20) is used
 
 ### 5.0.8 (2024-06-15)
 
--   (bluefox) Added `modulefederation.admin.config.js` for module federation
+-   (@GermanBluefox) Added `modulefederation.admin.config.js` for module federation
 
 ### 5.0.5 (2024-06-10)
 
--   (bluefox) Sources were synchronized with admin
+-   (@GermanBluefox) Sources were synchronized with admin
 
 ### 5.0.4 (2024-06-07)
 
--   (bluefox) Added better typing
+-   (@GermanBluefox) Added better typing
 
 ### 5.0.2 (2024-05-30)
 
--   (bluefox) Added better typing
--   (bluefox) Json-Config is now a separate package and must be installed additionally
+-   (@GermanBluefox) Added better typing
+-   (@GermanBluefox) Json-Config is now a separate package and must be installed additionally
 
 ### 5.0.0 (2024-05-29)
 
--   (bluefox) Types are now exported
--   (bluefox) Translator renamed to Translate
--   (bluefox) Breaking: Theme renamed to IobTheme because of the naming conflict
+-   (@GermanBluefox) Types are now exported
+-   (@GermanBluefox) Translator renamed to Translate
+-   (@GermanBluefox) Breaking: Theme renamed to IobTheme because of the naming conflict
 
 ### 4.13.24 (2024-05-25)
 
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 -   ### 4.13.22 (2024-05-23)
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 ### 4.13.20 (2024-05-22)
 
--   (bluefox) Better types added
--   (bluefox) updated theme definitions
--   (bluefox) corrected dates in cron dialog
+-   (@GermanBluefox) Better types added
+-   (@GermanBluefox) updated theme definitions
+-   (@GermanBluefox) corrected dates in cron dialog
 
 ### 4.13.14 (2024-05-19)
 
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 ### 4.13.13 (2024-05-09)
 
--   (bluefox) Updated ioBroker types
+-   (@GermanBluefox) Updated ioBroker types
 
 ### 4.13.12 (2024-05-06)
 
--   (bluefox) All files are migrated to Typescript
+-   (@GermanBluefox) All files are migrated to Typescript
 
 ### 4.13.11 (2024-04-23)
 
--   (bluefox) Corrected the size of icons
+-   (@GermanBluefox) Corrected the size of icons
 
 ### 4.13.10 (2024-04-22)
 
--   (bluefox) Migrated all icons to Typescript
+-   (@GermanBluefox) Migrated all icons to Typescript
 
 ### 4.13.9 (2024-04-20)
 
--   (bluefox) Updated socket-client package
+-   (@GermanBluefox) Updated socket-client package
 
 ### 4.13.8 (2024-04-19)
 
--   (bluefox) Corrected CRON selector
+-   (@GermanBluefox) Corrected CRON selector
 
 ### 4.13.7 (2024-04-19)
 
--   (bluefox) Migrated ColorPicker to typescript
+-   (@GermanBluefox) Migrated ColorPicker to typescript
 
 ### 4.13.6 (2024-04-11)
 
--   (bluefox) Migrated TreeTable to typescript
--   (bluefox) corrected the object subscription
+-   (@GermanBluefox) Migrated TreeTable to typescript
+-   (@GermanBluefox) corrected the object subscription
 
 ### 4.13.5 (2024-04-02)
 
--   (bluefox) used new connection classes
--   (bluefox) Improved the `SelectID` dialog
+-   (@GermanBluefox) used new connection classes
+-   (@GermanBluefox) Improved the `SelectID` dialog
 
 ### 4.13.3 (2024-04-01)
 
--   (bluefox) used new connection classes
+-   (@GermanBluefox) used new connection classes
 
 ### 4.12.3 (2024-03-30)
 
--   (bluefox) Migrated legacy connection to typescript
+-   (@GermanBluefox) Migrated legacy connection to typescript
 
 ### 4.12.2 (2024-03-25)
 
--   (bluefox) Added support for remote cloud
+-   (@GermanBluefox) Added support for remote cloud
 
 ### 4.11.6 (2024-03-19)
 
--   (bluefox) Corrected rendering of LoaderMV
+-   (@GermanBluefox) Corrected rendering of LoaderMV
 
 ### 4.11.4 (2024-03-18)
 
--   (bluefox) Corrected types of IconPicker
+-   (@GermanBluefox) Corrected types of IconPicker
 
 ### 4.11.3 (2024-03-17)
 
--   (bluefox) Made filters for the file selector dialog optional
+-   (@GermanBluefox) Made filters for the file selector dialog optional
 
 ### 4.11.2 (2024-03-16)
 
--   (bluefox) Migrated GenericApp to typescript
+-   (@GermanBluefox) Migrated GenericApp to typescript
 
 ### 4.10.4 (2024-03-16)
 
--   (bluefox) Migrated some components to typescript
+-   (@GermanBluefox) Migrated some components to typescript
 
 ### 4.10.1 (2024-03-11)
 
--   (bluefox) Migrated some components to typescript
+-   (@GermanBluefox) Migrated some components to typescript
 
 ### 4.9.11 (2024-03-08)
 
@@ -922,8 +930,8 @@ You can find the migration instructions:
 
 ### 4.9.10 (2024-02-21)
 
--   (bluefox) translations
--   (bluefox) updated JSON config
+-   (@GermanBluefox) translations
+-   (@GermanBluefox) updated JSON config
 
 ### 4.9.9 (2024-02-16)
 
@@ -931,7 +939,7 @@ You can find the migration instructions:
 
 ### 4.9.8 (2024-02-13)
 
--   (bluefox) allowed hiding wizard in cron dialog
+-   (@GermanBluefox) allowed hiding wizard in cron dialog
 
 ### 4.9.7 (2024-02-03)
 
@@ -956,27 +964,27 @@ You can find the migration instructions:
 ### 4.9.0 (2023-12-22)
 
 -   (foxriver76) migrate to `@iobroker/json-config` module to have a single point of truth
--   (bluefox) Allowed using of `filterFunc` as string
+-   (@GermanBluefox) Allowed using of `filterFunc` as string
 
 ### 4.8.1 (2023-12-14)
 
--   (bluefox) Added Device manager to JSON Config
+-   (@GermanBluefox) Added Device manager to JSON Config
 
 ### 4.7.15 (2023-12-12)
 
--   (bluefox) Corrected parsing of a text
+-   (@GermanBluefox) Corrected parsing of a text
 
 ### 4.7.13 (2023-12-10)
 
--   (bluefox) Added possibility to define the root style and embedded property
+-   (@GermanBluefox) Added possibility to define the root style and embedded property
 
 ### 4.7.11 (2023-12-06)
 
--   (bluefox) Extended color picker with "noInputField" option
+-   (@GermanBluefox) Extended color picker with "noInputField" option
 
 ### 4.7.9 (2023-12-04)
 
--   (bluefox) Corrected the icon picker
+-   (@GermanBluefox) Corrected the icon picker
 
 ### 4.7.8 (2023-12-04)
 
@@ -984,20 +992,20 @@ You can find the migration instructions:
 
 ### 4.7.6 (2023-11-29)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 4.7.5 (2023-11-28)
 
--   (bluefox) Corrected subscribe on objects in the legacy connection
+-   (@GermanBluefox) Corrected subscribe on objects in the legacy connection
 
 ### 4.7.4 (2023-11-23)
 
--   (bluefox) Updated packages
--   (bluefox) Made getStates method in legacy connection compatible with new one
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) Made getStates method in legacy connection compatible with new one
 
 ### 4.7.3 (2023-11-08)
 
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 ### 4.7.2 (2023-11-03)
 
@@ -1006,16 +1014,16 @@ You can find the migration instructions:
 
 ### 4.7.0 (2023-10-31)
 
--   (bluefox) Synced with admin
--   (bluefox) Added GIF to image files
+-   (@GermanBluefox) Synced with admin
+-   (@GermanBluefox) Added GIF to image files
 
 ### 4.6.7 (2023-10-19)
 
--   (bluefox) Added return value for `subscribeOnInstance` for Connection class
+-   (@GermanBluefox) Added return value for `subscribeOnInstance` for Connection class
 
 ### 4.6.6 (2023-10-13)
 
--   (bluefox) Fixed the legacy connection
+-   (@GermanBluefox) Fixed the legacy connection
 
 ### 4.6.5 (2023-10-12)
 
@@ -1023,24 +1031,24 @@ You can find the migration instructions:
 
 ### 4.6.4 (2023-10-11)
 
--   (bluefox) Updated the packages
+-   (@GermanBluefox) Updated the packages
 
 ### 4.6.3 (2023-10-09)
 
--   (bluefox) Just updated the packages
--   (bluefox) Synced with admin
+-   (@GermanBluefox) Just updated the packages
+-   (@GermanBluefox) Synced with admin
 
 ### 4.6.2 (2023-09-29)
 
--   (bluefox) Experimental feature added: update states on re-subscribe
+-   (@GermanBluefox) Experimental feature added: update states on re-subscribe
 
 ### 4.5.5 (2023-09-27)
 
--   (bluefox) Added export for IconNoIcon
+-   (@GermanBluefox) Added export for IconNoIcon
 
 ### 4.5.4 (2023-09-17)
 
--   (bluefox) Added the restricting to folder property for select file dialog
+-   (@GermanBluefox) Added the restricting to folder property for select file dialog
 
 ### 4.5.3 (2023-08-20)
 
@@ -1056,165 +1064,165 @@ You can find the migration instructions:
 
 ### 4.5.0 (2023-08-18)
 
--   (bluefox) Synchronize components with admin
+-   (@GermanBluefox) Synchronize components with admin
 
 ### 4.4.8 (2023-08-17)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 4.4.7 (2023-08-10)
 
--   (bluefox) Added `subscribeStateAsync` method to wait for answer
--   (bluefox) Added support for arrays for un/subscriptions
+-   (@GermanBluefox) Added `subscribeStateAsync` method to wait for answer
+-   (@GermanBluefox) Added support for arrays for un/subscriptions
 
 ### 4.4.5 (2023-08-01)
 
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 ### 4.3.3 (2023-07-28)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 4.3.0 (2023-07-19)
 
--   (bluefox) Updated packages
--   (bluefox) Added translations
--   (bluefox) Synced object browser
--   (bluefox) formatting
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) Added translations
+-   (@GermanBluefox) Synced object browser
+-   (@GermanBluefox) formatting
 
 ### 4.2.1 (2023-07-17)
 
--   (bluefox) Updated packages
--   (bluefox) Added translations
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) Added translations
 
 ### 4.2.0 (2023-07-07)
 
--   (bluefox) Updated packages
--   (bluefox) Added new method `getObjectsById` to the socket communication
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) Added new method `getObjectsById` to the socket communication
 
 ### 4.1.2 (2023-06-20)
 
--   (bluefox) Allowed setting theme name directly by theme toggle
+-   (@GermanBluefox) Allowed setting theme name directly by theme toggle
 
 ### 4.1.0 (2023-05-10)
 
--   (bluefox) `craco-module-federation.js` was added. For node 16
+-   (@GermanBluefox) `craco-module-federation.js` was added. For node 16
 
 ### 4.0.27 (2023-05-09)
 
--   (bluefox) Allowed showing only specific root in SelectIDDialog
+-   (@GermanBluefox) Allowed showing only specific root in SelectIDDialog
 
 ### 4.0.26 (2023-05-08)
 
--   (bluefox) Added IDs to the buttons in the dialog for GUI tests
+-   (@GermanBluefox) Added IDs to the buttons in the dialog for GUI tests
 
 ### 4.0.25 (2023-04-23)
 
--   (bluefox) Extended `TextWithIcon` with defined color and icon
+-   (@GermanBluefox) Extended `TextWithIcon` with defined color and icon
 
 ### 4.0.24 (2023-04-03)
 
--   (bluefox) Updated the file selector in tile mode
+-   (@GermanBluefox) Updated the file selector in tile mode
 
 ### 4.0.23 (2023-03-27)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 4.0.22 (2023-03-22)
 
--   (bluefox) Re-Activate legacy connection
+-   (@GermanBluefox) Re-Activate legacy connection
 
 ### 4.0.21 (2023-03-22)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 4.0.20 (2023-03-21)
 
--   (bluefox) Color picker was improved
+-   (@GermanBluefox) Color picker was improved
 
 ### 4.0.19 (2023-03-20)
 
--   (bluefox) Packages were updated
--   (bluefox) Added new translations
+-   (@GermanBluefox) Packages were updated
+-   (@GermanBluefox) Added new translations
 
 ### 4.0.18 (2023-03-16)
 
--   (bluefox) Packages were updated
+-   (@GermanBluefox) Packages were updated
 
 ### 4.0.17 (2023-03-15)
 
--   (bluefox) Added translations
--   (bluefox) Added port controller to JSON config
+-   (@GermanBluefox) Added translations
+-   (@GermanBluefox) Added port controller to JSON config
 
 ### 4.0.15 (2023-03-12)
 
--   (bluefox) Updated the object browser and file browser
+-   (@GermanBluefox) Updated the object browser and file browser
 
 ### 4.0.14 (2023-03-03)
 
--   (bluefox) added handler of alert messages
+-   (@GermanBluefox) added handler of alert messages
 
 ### 4.0.13 (2023-02-15)
 
--   (bluefox) Corrected the theme button
+-   (@GermanBluefox) Corrected the theme button
 
 ### 4.0.12 (2023-02-15)
 
--   (bluefox) made the fix for `echarts`
+-   (@GermanBluefox) made the fix for `echarts`
 
 ### 4.0.11 (2023-02-14)
 
--   (bluefox) Updated packages
--   (bluefox) The `chartReady` event was omitted
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) The `chartReady` event was omitted
 
 ### 4.0.10 (2023-02-10)
 
--   (bluefox) Updated packages
--   (bluefox) made the fix for `material`
+-   (@GermanBluefox) Updated packages
+-   (@GermanBluefox) made the fix for `material`
 
 ### 4.0.9 (2023-02-02)
 
--   (bluefox) Updated packages
+-   (@GermanBluefox) Updated packages
 
 ### 4.0.8 (2022-12-19)
 
--   (bluefox) Extended socket with `log` command
+-   (@GermanBluefox) Extended socket with `log` command
 
 ### 4.0.6 (2022-12-19)
 
--   (bluefox) Corrected URL for the connection
+-   (@GermanBluefox) Corrected URL for the connection
 
 ### 4.0.5 (2022-12-14)
 
--   (bluefox) Added support of custom palette for color picker
+-   (@GermanBluefox) Added support of custom palette for color picker
 
 ### 4.0.2 (2022-12-01)
 
--   (bluefox) use `@iobroker/socket-client` instead of `Connection.tsx`
+-   (@GermanBluefox) use `@iobroker/socket-client` instead of `Connection.tsx`
 
 ### 3.5.3 (2022-11-30)
 
--   (bluefox) Improved `renderTextWithA` function to support `<b>` and `<i>` tags
+-   (@GermanBluefox) Improved `renderTextWithA` function to support `<b>` and `<i>` tags
 
 ### 3.5.2 (2022-11-30)
 
--   (bluefox) updated json config component
+-   (@GermanBluefox) updated json config component
 
 ### 3.4.1 (2022-11-29)
 
--   (bluefox) Added button text for message dialog
+-   (@GermanBluefox) Added button text for message dialog
 
 ### 3.4.0 (2022-11-29)
 
--   (bluefox) Added file selector
+-   (@GermanBluefox) Added file selector
 
 ### 3.3.0 (2022-11-26)
 
--   (bluefox) Added subscribe on files
+-   (@GermanBluefox) Added subscribe on files
 
 ### 3.2.7 (2022-11-13)
 
--   (bluefox) Added `fullWidth` property to `Dialog`
+-   (@GermanBluefox) Added `fullWidth` property to `Dialog`
 
 ### 3.2.6 (2022-11-08)
 
@@ -1222,195 +1230,195 @@ You can find the migration instructions:
 
 ### 3.2.5 (2022-11-08)
 
--   (bluefox) Added the role filter for the object browser
+-   (@GermanBluefox) Added the role filter for the object browser
 
 ### 3.2.4 (2022-11-03)
 
--   (bluefox) Added support for alfa channel for `invertColor`
+-   (@GermanBluefox) Added support for alfa channel for `invertColor`
 
 ### 3.2.3 (2022-10-26)
 
--   (bluefox) Corrected expert mode for object browser
+-   (@GermanBluefox) Corrected expert mode for object browser
 
 ### 3.2.2 (2022-10-25)
 
--   (bluefox) Added support for prefixes for translations
+-   (@GermanBluefox) Added support for prefixes for translations
 
 ### 3.2.1 (2022-10-24)
 
--   (bluefox) Corrected color inversion
+-   (@GermanBluefox) Corrected color inversion
 
 ### 3.2.0 (2022-10-19)
 
--   (bluefox) Added ukrainian translation
+-   (@GermanBluefox) Added ukrainian translation
 
 ### 3.1.35 (2022-10-17)
 
--   (bluefox) small changes for material
+-   (@GermanBluefox) small changes for material
 
 ### 3.1.34 (2022-08-24)
 
--   (bluefox) Implemented fallback to english by translations
+-   (@GermanBluefox) Implemented fallback to english by translations
 
 ### 3.1.33 (2022-08-24)
 
--   (bluefox) Added support for onchange flag
+-   (@GermanBluefox) Added support for onchange flag
 
 ### 3.1.30 (2022-08-23)
 
--   (bluefox) Added method `getCompactSystemRepositories`
--   (bluefox) corrected error in `ObjectBrowser`
+-   (@GermanBluefox) Added method `getCompactSystemRepositories`
+-   (@GermanBluefox) corrected error in `ObjectBrowser`
 
 ### 3.1.27 (2022-08-01)
 
--   (bluefox) Disable file editing in FileViewer
+-   (@GermanBluefox) Disable file editing in FileViewer
 
 ### 3.1.26 (2022-08-01)
 
--   (bluefox) Added translations
--   (bluefox) JSON schema was extended with missing definitions
+-   (@GermanBluefox) Added translations
+-   (@GermanBluefox) JSON schema was extended with missing definitions
 
 ### 3.1.24 (2022-07-28)
 
--   (bluefox) Updated file browser and object browser
+-   (@GermanBluefox) Updated file browser and object browser
 
 ### 3.1.23 (2022-07-25)
 
--   (bluefox) Extend custom filter for object selector
+-   (@GermanBluefox) Extend custom filter for object selector
 
 ### 3.1.22 (2022-07-22)
 
--   (bluefox) Added i18n tools for development
+-   (@GermanBluefox) Added i18n tools for development
 
 ### 3.1.20 (2022-07-14)
 
--   (bluefox) Allowed to show select dialog with the expert mode enabled
+-   (@GermanBluefox) Allowed to show select dialog with the expert mode enabled
 
 ### 3.1.19 (2022-07-08)
 
--   (bluefox) Allowed extending translations for all languages together
+-   (@GermanBluefox) Allowed extending translations for all languages together
 
 ### 3.1.18 (2022-07-06)
 
--   (bluefox) Added translation
+-   (@GermanBluefox) Added translation
 
 ### 3.1.17 (2022-07-05)
 
--   (bluefox) Deactivate JSON editor for JSONConfig because of space
+-   (@GermanBluefox) Deactivate JSON editor for JSONConfig because of space
 
 ### 3.1.16 (2022-06-27)
 
--   (bluefox) Update object browser
+-   (@GermanBluefox) Update object browser
 
 ### 3.1.15 (2022-06-27)
 
--   (bluefox) Allowed using of spaces in name
+-   (@GermanBluefox) Allowed using of spaces in name
 
 ### 3.1.14 (2022-06-23)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 3.1.11 (2022-06-22)
 
--   (bluefox) Added preparations for iobroker cloud
+-   (@GermanBluefox) Added preparations for iobroker cloud
 
 ### 3.1.10 (2022-06-22)
 
--   (bluefox) Added translations
+-   (@GermanBluefox) Added translations
 
 ### 3.1.9 (2022-06-20)
 
--   (bluefox) Allowed working behind reverse proxy
+-   (@GermanBluefox) Allowed working behind reverse proxy
 
 ### 3.1.7 (2022-06-19)
 
--   (bluefox) Added file select dialog
+-   (@GermanBluefox) Added file select dialog
 
 ### 3.1.3 (2022-06-13)
 
--   (bluefox) Added table with resized headers
+-   (@GermanBluefox) Added table with resized headers
 
 ### 3.1.2 (2022-06-09)
 
--   (bluefox) Added new document icon (read only)
+-   (@GermanBluefox) Added new document icon (read only)
 
 ### 3.1.1 (2022-06-09)
 
--   (bluefox) Allowed working behind reverse proxy
+-   (@GermanBluefox) Allowed working behind reverse proxy
 
 ### 3.1.0 (2022-06-07)
 
--   (bluefox) Some german texts were corrected
+-   (@GermanBluefox) Some german texts were corrected
 
 ### 3.0.17 (2022-06-03)
 
--   (bluefox) Allowed calling getAdapterInstances not for admin too
+-   (@GermanBluefox) Allowed calling getAdapterInstances not for admin too
 
 ### 3.0.15 (2022-06-01)
 
--   (bluefox) Updated JsonConfigComponent: password, table
+-   (@GermanBluefox) Updated JsonConfigComponent: password, table
 
 ### 3.0.14 (2022-05-25)
 
--   (bluefox) Added ConfigGeneric to import
+-   (@GermanBluefox) Added ConfigGeneric to import
 
 ### 3.0.7 (2022-05-25)
 
--   (bluefox) Made the module definitions
+-   (@GermanBluefox) Made the module definitions
 
 ### 3.0.6 (2022-05-25)
 
--   (bluefox) Added JsonConfigComponent
+-   (@GermanBluefox) Added JsonConfigComponent
 
 ### 2.1.11 (2022-05-24)
 
--   (bluefox) Update file browser. It supports now the file changed events.
+-   (@GermanBluefox) Update file browser. It supports now the file changed events.
 
 ### 2.1.10 (2022-05-24)
 
--   (bluefox) Corrected object browser
+-   (@GermanBluefox) Corrected object browser
 
 ### 2.1.9 (2022-05-16)
 
--   (bluefox) Corrected expert mode in object browser
+-   (@GermanBluefox) Corrected expert mode in object browser
 
 ### 2.1.7 (2022-05-09)
 
--   (bluefox) Changes were synchronized with adapter-react-v5
--   (bluefox) Added `I18n.disableWarning` method
+-   (@GermanBluefox) Changes were synchronized with adapter-react-v5
+-   (@GermanBluefox) Added `I18n.disableWarning` method
 
 ### 2.1.6 (2022-03-28)
 
--   (bluefox) Added `log` method to connection
--   (bluefox) Corrected translations
+-   (@GermanBluefox) Added `log` method to connection
+-   (@GermanBluefox) Corrected translations
 
 ### 2.1.1 (2022-03-27)
 
--   (bluefox) Corrected error in TreeTable
+-   (@GermanBluefox) Corrected error in TreeTable
 
 ### 2.1.0 (2022-03-26)
 
--   (bluefox) BREAKING_CHANGE: Corrected error with readFile(base64=false)
+-   (@GermanBluefox) BREAKING_CHANGE: Corrected error with readFile(base64=false)
 
 ### 2.0.0 (2022-03-26)
 
--   (bluefox) Initial version
+-   (@GermanBluefox) Initial version
 
 ### 0.1.0 (2022-03-23)
 
--   (bluefox) Fixed theme errors
+-   (@GermanBluefox) Fixed theme errors
 
 ### 0.0.4 (2022-03-22)
 
--   (bluefox) Fixed eslint warnings
+-   (@GermanBluefox) Fixed eslint warnings
 
 ### 0.0.3 (2022-03-19)
 
--   (bluefox) beta version
+-   (@GermanBluefox) beta version
 
 ### 0.0.2 (2022-02-24)
 
--   (bluefox) try to publish a first version
+-   (@GermanBluefox) try to publish a first version
 
 ### 0.0.1 (2022-02-24)
 
@@ -1420,7 +1428,7 @@ You can find the migration instructions:
 
 The MIT License (MIT)
 
-Copyright (c) 2019-2024 bluefox <dogafox@gmail.com>
+Copyright (c) 2019-2024 @GermanBluefox <dogafox@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "7.1.4",
+  "version": "7.2.2",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -29,14 +29,14 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@iobroker/socket-client": "^3.0.1",
+    "@iobroker/socket-client": "^3.1.0",
     "@iobroker/types": "^6.0.11",
     "@iobroker/js-controller-common": "^6.0.11",
     "@iobroker/js-controller-common-db": "^6.0.11",
-    "@mui/icons-material": "^6.1.0",
-    "@mui/material": "^6.1.0",
-    "@mui/x-date-pickers": "^7.17.0",
-    "@sentry/browser": "^8.30.0",
+    "@mui/icons-material": "^6.1.1",
+    "@mui/material": "^6.1.1",
+    "@mui/x-date-pickers": "^7.18.0",
+    "@sentry/browser": "^8.32.0",
     "cronstrue": "^2.50.0",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",

package/src/Components/IconPicker.tsx

@@ -21,7 +21,7 @@ const styles: Record<string, React.CSSProperties> = {
         flexGrow: 1000,
     },
     divContainer: {
-        width: 32 + 24,
+        width: 32 + 32,
         height: 32,
         whiteSpace: 'nowrap',
         lineHeight: '32px',

package/src/Components/UploadImage.tsx

@@ -478,8 +478,20 @@ class UploadImage extends Component<UploadImageProps, UploadImageState> {
     render(): JSX.Element {
         const { disabled, icon, removeIconFunc, error, crop, onChange } = this.props;
         const maxSize = this.props.maxSize || 10 * 1024;
-        const accept = this.props.accept || { 'image/*': [] };
+        let accept = this.props.accept || { 'image/*': [] };
         const { uploadFile, anchorEl, cropHandler } = this.state;
+
+        // covert '"image/png"' to { 'image/*': [] }
+        if (typeof accept === 'string') {
+            accept = { [accept]: [] };
+        } else if (Array.isArray(accept)) {
+            const result: Record<string, string[]> = {};
+            accept.forEach(item => {
+                result[item] = [];
+            });
+            accept = result;
+        }
+
         return (
             <Dropzone
                 disabled={!!disabled || cropHandler}
@@ -535,7 +547,7 @@ class UploadImage extends Component<UploadImageProps, UploadImageState> {
                                     <div style={styles.buttonRemoveWrapper}>
                                         <Tooltip
                                             title={I18n.t('ra_Clear')}
-                                            componentsProps={{ popper: { sx: { pointerEvents: 'none' } } }}
+                                            slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}
                                         >
                                             <IconButton
                                                 size="large"
@@ -554,7 +566,7 @@ class UploadImage extends Component<UploadImageProps, UploadImageState> {
                                 <div style={styles.buttonCropWrapper}>
                                     <Tooltip
                                         title={I18n.t('ra_Crop')}
-                                        componentsProps={{ popper: { sx: { pointerEvents: 'none' } } }}
+                                        slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}
                                     >
                                         <IconButton
                                             size="large"

package/src/Dialogs/Confirm.tsx

@@ -37,7 +37,7 @@ interface DialogConfirmProps {
     /** The dialog title; default: Are you sure? (translated) */
     title?: string;
     /** The dialog text */
-    text?: string | React.JSX.Element;
+    text?: string | React.JSX.Element | React.JSX.Element[];
     /** Close handler. */
     onClose?: (ok: boolean) => void;
     /** if the dialog must be fill sized */

package/src/Dialogs/Error.tsx

@@ -17,7 +17,7 @@ interface DialogErrorProps {
     /* The dialog title; default: Error (translated) */
     title?: string;
     /* The dialog text */
-    text: string | React.JSX.Element;
+    text: string | React.JSX.Element | React.JSX.Element[];
     /* Close handler. */
     onClose?: () => void;
     /* if the dialog must be fill sized */

package/src/Dialogs/Message.tsx

@@ -18,7 +18,7 @@ interface DialogMessageProps {
     /* The dialog title; default: Message (translated) */
     title?: string;
     /* The dialog text */
-    text: string | React.JSX.Element;
+    text: string | React.JSX.Element | React.JSX.Element[];
     /* Close handler. */
     onClose?: () => void;
     /* if the dialog must be fill sized */

package/src/GenericApp.tsx

@@ -254,7 +254,7 @@ class GenericApp<
         };
 
         // merge together
-        if (settings && settings.translations) {
+        if (settings?.translations) {
             Object.keys(settings.translations).forEach(lang => {
                 if (settings.translations) {
                     translations[lang as ioBroker.Languages] = Object.assign(

package/src/LegacyConnection.tsx

@@ -16,6 +16,7 @@ declare global {
         registerSocketOnLoad: (func: () => void) => void;
         vendorPrefix: undefined | string;
         io: any;
+        iob: any;
     }
 }
 
@@ -410,7 +411,7 @@ class Connection {
      */
     startSocket(): void {
         // if socket io is not yet loaded
-        if (typeof window.io === 'undefined') {
+        if (typeof window.io === 'undefined' && typeof window.iob === 'undefined') {
             // if in index.html the onLoad function not defined
             if (typeof window.registerSocketOnLoad !== 'function') {
                 // poll if loaded
@@ -475,7 +476,7 @@ class Connection {
 
         const url = port ? `${protocol}://${host}:${port}${path}` : `${protocol}://${host}${path}`;
 
-        this._socket = window.io.connect(url, {
+        this._socket = (window.io || window.iob).connect(url, {
             path: path.endsWith('/') ? `${path}socket.io` : `${path}/socket.io`,
             query: 'ws=true',
             name: this.props.name,