@iobroker/adapter-react-v5 6.0.6 → 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/TreeTable.js

@@ -314,7 +314,7 @@ class TreeTable extends react_1.Component {
     }
     renderSelectIdDialog() {
         if (this.state.showSelectId && this.props.socket) {
-            return react_1.default.createElement(SelectID_1.default, { key: "tableSelect", imagePrefix: "../..", dialogName: this.props.adapterName, themeType: this.props.themeType, socket: this.props.socket, selected: this.state.selectIdValue, onClose: () => this.setState({ showSelectId: false }), onOk: (selected /* , name */) => {
+            return react_1.default.createElement(SelectID_1.default, { key: "tableSelect", imagePrefix: "../..", dialogName: this.props.adapterName, themeType: this.props.themeType, theme: this.props.theme, socket: this.props.socket, selected: this.state.selectIdValue, onClose: () => this.setState({ showSelectId: false }), onOk: (selected /* , name */) => {
                     this.setState({ showSelectId: false, selectIdValue: null });
                     this.selectCallback && this.selectCallback(selected);
                     this.selectCallback = null;

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/Dialogs/SelectID.d.ts

@@ -18,31 +18,62 @@ export interface SelectIDFilters {
     custom?: string;
 }
 interface DialogSelectIDProps {
+    /** The internal name of the dialog; default: "default". Used to store settings in local storage */
     dialogName?: string;
+    /** The dialog title; default: Please select object ID... (translated) */
     title?: string;
+    /** Set to true to allow the selection of multiple IDs. */
     multiSelect?: boolean;
+    /** Show folders before any leaves. */
     foldersFirst?: boolean;
+    /** Path prefix for images (default: '.') */
     imagePrefix?: string;
+    /** @deprecated: same as imagePrefix */
     prefix?: string;
+    /** Show the expert button */
     showExpertButton?: boolean;
+    /** Force expert mode */
     expertMode?: boolean;
+    /** optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons'] */
     columns?: ObjectBrowserColumn[];
+    /**  Object types to show; default: 'state' only */
     types?: ObjectBrowserType | ObjectBrowserType[];
+    /** The language. */
     lang?: ioBroker.Languages;
+    /** The socket connection. */
     socket: Connection;
+    /** Can't objects be edited? (default: true) */
     notEditable?: boolean;
+    /** Theme name. */
     themeName?: string;
+    /** Theme type: dark or light */
     themeType?: string;
     /** The theme object */
-    theme?: IobTheme;
+    theme: IobTheme;
+    /** The date format for the date columns */
+    dateFormat?: string;
+    /** Is use comma or point for displaying of float numbers */
+    isFloatComma?: boolean;
+    /** Custom filter. */
     customFilter?: ObjectBrowserCustomFilter;
+    /** The selected IDs. */
     selected?: string | string[];
+    /** The ok button text; default: OK (translated) */
     ok?: string;
+    /** The cancel button text; default: Cancel (translated) */
     cancel?: string;
+    /** Close handler that is always called when the dialog is closed. */
     onClose: () => void;
+    /** Handler that is called when the user presses OK. */
     onOk: (selected: string | string[] | undefined, name: string) => void;
+    /** Function to filter out all unnecessary objects. Can be string or function.
+       It cannot be used together with "types".
+       Example for function: `obj => obj.common?.type === 'boolean'` to show only boolean states
+       In case of string, it must look like `obj.common && obj.common.type === 'boolean'` */
     filterFunc?: string | ((obj: ioBroker.Object) => boolean);
+    /** predefined filter fields, like {"id":"","name":"","room":"","func":"","role":"level","type":"","custom":""} */
     filters?: SelectIDFilters;
+    /** Show elements only of this root ID */
     root?: string;
 }
 interface DialogSelectIDState {

package/Dialogs/SelectID.js

@@ -129,7 +129,7 @@ class DialogSelectID extends react_1.Component {
                     overflow: 'hidden',
                     padding: '8px 4px',
                 } },
-                react_1.default.createElement(ObjectBrowser_1.default, { foldersFirst: this.props.foldersFirst, imagePrefix: this.props.imagePrefix || this.props.prefix, defaultFilters: this.filters, dialogName: this.dialogName, showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true, expertMode: this.props.expertMode, 
+                react_1.default.createElement(ObjectBrowser_1.default, { foldersFirst: this.props.foldersFirst, imagePrefix: this.props.imagePrefix || this.props.prefix, dateFormat: this.props.dateFormat, defaultFilters: this.filters, dialogName: this.dialogName, isFloatComma: this.props.isFloatComma, showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true, expertMode: this.props.expertMode, 
                     // style={{ width: '100%', height: '100%' }}
                     columns: this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'], types: this.props.types ? (Array.isArray(this.props.types) ? this.props.types : [this.props.types]) : ['state'], root: this.props.root, t: i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, selected: this.state.selected, multiSelect: this.props.multiSelect, notEditable: this.props.notEditable === undefined ? true : this.props.notEditable, 
                     // name={this.state.name}

package/README.md

@@ -771,6 +771,10 @@ The best practice is to replace `padding` with `p` and `margin` with `m`, so you
 -->
 
 ## Changelog
+### 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
 * (bluefox) Added translations for time scheduler

package/package.json

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