@iobroker/adapter-react-v5 7.1.3 → 7.2.1

package/AdminConnection.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const socket_client_1 = require("@iobroker/socket-client");
+exports.default = socket_client_1.AdminConnection;

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/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,