@iobroker/adapter-react-v5 6.0.7 → 6.0.8

package/Components/IconSelector.js

@@ -2106,7 +2106,7 @@ class IconSelector extends react_1.Component {
                 react_1.default.createElement(material_1.DialogContent, null,
                     react_1.default.createElement("div", { style: { width: '100%', textAlign: 'center' } }, this.state.icons && this.state.icons.map((icon, i) => {
                         if (!this.state.filter || (this.state.names[i] && this.state.names[i].toLowerCase().includes(this.state.filter))) {
-                            return react_1.default.createElement(material_1.Tooltip, { title: this.state.names[i] || '', key: i },
+                            return react_1.default.createElement(material_1.Tooltip, { title: this.state.names[i] || '', key: i, componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
                                 react_1.default.createElement(material_1.IconButton, { onClick: () => this.setState({ opened: false }, () => {
                                         const onApply = this.props.onSelect || this.props.onChange;
                                         if (onApply) {

package/Components/ObjectBrowser.d.ts

@@ -188,6 +188,7 @@ interface ObjectBrowserEditObjectProps {
     roleArray: string[];
     expertMode: boolean;
     themeType: ThemeType;
+    theme: IobTheme;
     aliasTab: boolean;
     onClose: (obj?: ioBroker.AnyObject) => void;
     dialogName?: string;

package/Components/ObjectBrowser.js

@@ -473,7 +473,7 @@ const styles = {
         minWidth: 40,
     },
     cellButtonsButtonAlone: {
-        ml: `${SMALL_BUTTON_SIZE + 20}px`,
+        ml: `${SMALL_BUTTON_SIZE + 6}px`,
         pt: 0,
         mt: '-2px',
     },
@@ -3663,7 +3663,7 @@ class ObjectBrowserClass extends react_1.Component {
                         ? Number(aclSystemConfig).toString(16)
                         : Number(acl).toString(16)))) :
                 react_1.default.createElement("div", { key: "aclEmpty", style: styles.cellButtonMinWidth }),
-            showEdit ? react_1.default.createElement(material_1.IconButton, { key: "edit", sx: Object.assign(Object.assign({}, styles.cellButtonsButton), styles.cellButtonMinWidth), size: "small", "aria-label": "edit", title: this.texts.editObject, onClick: () => {
+            showEdit ? react_1.default.createElement(material_1.IconButton, { key: "edit", sx: Object.assign({ marginRight: '2px' }, styles.cellButtonsButton), size: "small", "aria-label": "edit", title: this.texts.editObject, onClick: () => {
                     this.localStorage.setItem(`${this.props.dialogName || 'App'}.objectSelected`, id);
                     this.setState({ editObjectDialog: id, editObjectAlias: false });
                 } },
@@ -4918,7 +4918,7 @@ class ObjectBrowserClass extends react_1.Component {
             return null;
         }
         const ObjectBrowserEditObject = this.props.objectBrowserEditObject;
-        return react_1.default.createElement(ObjectBrowserEditObject, { key: this.state.editObjectDialog, obj: this.objects[this.state.editObjectDialog], roleArray: this.info.roles, objects: this.objects, dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat, isFloatComma: this.props.isFloatComma === undefined ? this.systemConfig.common.isFloatComma : this.props.isFloatComma, themeType: this.props.themeType, socket: this.props.socket, dialogName: this.props.dialogName, aliasTab: this.state.editObjectAlias, t: this.props.t, expertMode: !!this.state.filter.expertMode, onNewObject: (obj) => this.props.socket
+        return react_1.default.createElement(ObjectBrowserEditObject, { key: this.state.editObjectDialog, obj: this.objects[this.state.editObjectDialog], roleArray: this.info.roles, objects: this.objects, dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat, isFloatComma: this.props.isFloatComma === undefined ? this.systemConfig.common.isFloatComma : this.props.isFloatComma, themeType: this.props.themeType, theme: this.props.theme, socket: this.props.socket, dialogName: this.props.dialogName, aliasTab: this.state.editObjectAlias, t: this.props.t, expertMode: !!this.state.filter.expertMode, onNewObject: (obj) => this.props.socket
                 .setObject(obj._id, obj)
                 .then(() => this.setState({ editObjectDialog: obj._id, editObjectAlias: false }, () => this.onSelect(obj._id)))
                 .catch(e => this.showError(`Cannot write object: ${e}`)), onClose: (obj) => {

package/Components/ToggleThemeMenu.js

@@ -9,7 +9,7 @@ const material_1 = require("@mui/material");
 const icons_material_1 = require("@mui/icons-material");
 function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }) {
     return react_1.default.createElement("div", { className: className || undefined, style: style || undefined },
-        react_1.default.createElement(material_1.Tooltip, { title: t('ra_Change color theme') },
+        react_1.default.createElement(material_1.Tooltip, { title: t('ra_Change color theme'), componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
             react_1.default.createElement(material_1.IconButton, { onClick: () => toggleTheme(), size: size || 'medium' },
                 themeName === 'dark' && react_1.default.createElement(icons_material_1.Brightness4, { className: className }),
                 themeName === 'blue' && react_1.default.createElement(icons_material_1.Brightness5, { className: className }),

package/Components/UploadImage.js

@@ -491,14 +491,14 @@ class UploadImage extends react_1.Component {
                         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') },
+                            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.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') },
+                    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.IconButton, { size: "large", onClick: e => {
                                 if (!cropHandler) {
                                     this.setState({ cropHandler: true });

package/README.md

@@ -771,8 +771,9 @@ The best practice is to replace `padding` with `p` and `margin` with `m`, so you
 -->
 
 ## Changelog
-### 6.0.7 (2024-06-26)
+### 6.0.8 (2024-06-26)
 * (bluefox) Corrected types of the select ID dialog
+* (bluefox) Made the tooltips neutral to the pointer events
 
 ### 6.0.6 (2024-06-24)
 * (bluefox) Synchronised with admin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "6.0.7",
+  "version": "6.0.8",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",