@iobroker/adapter-react-v5 4.8.1 → 4.9.1

package/Dialogs/SelectID.d.ts

@@ -1,159 +1,59 @@
-export default _export;
-export type DialogSelectIDProps = {
-    /**
-     * The internal name of the dialog; default: "default"
-     */
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ **/
+import React, { Component } from 'react';
+import type Connection from '../Connection';
+import { ObjectBrowserColumn, ObjectBrowserCustomFilter, ObjectBrowserType } from '../Components/types';
+interface SelectIDFilters {
+    id?: string;
+    name?: string;
+    room?: string;
+    func?: string;
+    role?: string;
+    type?: string;
+    custom?: string;
+}
+interface DialogSelectIDProps {
     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;
-    /**
-     * Prefix (default: '.')
-     */
     imagePrefix?: string;
-    /**
-     * Show the expert button?
-     */
+    prefix?: string;
     showExpertButton?: boolean;
-    /**
-     * Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'
-     */
-    columns?: import('../Components/types').ObjectBrowserColumn[];
-    /**
-     * Object types to show; default: 'state' only
-     */
-    types?: import('../Components/types').ObjectBrowserType[];
-    /**
-     * The language.
-     */
+    expertMode?: boolean;
+    columns?: ObjectBrowserColumn[];
+    types?: ObjectBrowserType | ObjectBrowserType[];
     lang?: ioBroker.Languages;
-    /**
-     * The socket connection.
-     */
-    socket: import('../Connection').default;
-    /**
-     * Can't objects be edited? (default: true)
-     */
+    socket: Connection;
     notEditable?: boolean;
-    /**
-     * Theme name.
-     */
     themeName?: string;
-    /**
-     * Theme type.
-     */
     themeType?: string;
-    /**
-     * Custom filter.
-     */
-    customFilter?: import('../Components/types').ObjectBrowserCustomFilter;
-    /**
-     * The selected IDs.
-     */
+    customFilter?: ObjectBrowserCustomFilter;
     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;
-    /**
-     * The styling class names.
-     */
-    classes?: {
-        headerID: string;
-        dialog: string;
-        content: string;
-    };
-};
-/** @type {typeof DialogSelectID} */
-declare const _export: typeof DialogSelectID;
-/**
- * @typedef {object} DialogSelectIDProps
- * @property {string} [dialogName] The internal name of the dialog; default: "default"
- * @property {string} [title] The dialog title; default: Please select object ID... (translated)
- * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.
- * @property {boolean} [foldersFirst] Show folders before any leaves.
- * @property {string} [imagePrefix] Prefix (default: '.')
- * @property {boolean} [showExpertButton] Show the expert button?
- * @property {import('../Components/types').ObjectBrowserColumn[]} [columns] Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'
- * @property {import('../Components/types').ObjectBrowserType[]} [types] Object types to show; default: 'state' only
- * @property {ioBroker.Languages} [lang] The language.
- * @property {import('../Connection').default} socket The socket connection.
- * @property {boolean} [notEditable] Can't objects be edited? (default: true)
- * @property {string} [themeName] Theme name.
- * @property {string} [themeType] Theme type.
- * @property {import('../Components/types').ObjectBrowserCustomFilter} [customFilter] Custom filter.
- * @property {string | string[]} [selected] The selected IDs.
- * @property {string} [ok] The ok button text; default: OK (translated)
- * @property {string} [cancel] The cancel button text; default: Cancel (translated)
- * @property {() => void} onClose Close handler that is always called when the dialog is closed.
- * @property {(selected: string | string[] | undefined, name: string) => void} onOk Handler that is called when the user presses OK.
- * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
- *
- * @extends {React.Component<DialogSelectIDProps>}
- */
-declare class DialogSelectID extends React.Component<DialogSelectIDProps, any, any> {
-    /**
-     * @param {DialogSelectIDProps} props
-     */
+    classes: Record<string, string>;
+    filterFunc?: string | ((obj: ioBroker.Object) => boolean);
+    filters: SelectIDFilters;
+    root?: string;
+}
+interface DialogSelectIDState {
+    selected: string[];
+    name: string;
+}
+declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelectIDState> {
+    private readonly dialogName;
+    private filters;
+    private readonly filterFunc?;
     constructor(props: DialogSelectIDProps);
-    dialogName: string;
-    filters: any;
-    state: {
-        selected: string[];
-        name: string;
-    };
     handleCancel(): void;
     handleOk(): void;
     render(): React.JSX.Element;
 }
-declare namespace DialogSelectID {
-    namespace propTypes {
-        let dialogName: PropTypes.Requireable<string>;
-        let classes: PropTypes.Requireable<object>;
-        let notEditable: PropTypes.Requireable<boolean>;
-        let onClose: PropTypes.Validator<(...args: any[]) => any>;
-        let onOk: PropTypes.Validator<(...args: any[]) => any>;
-        let title: PropTypes.Requireable<string>;
-        let lang: PropTypes.Requireable<string>;
-        let foldersFirst: PropTypes.Requireable<boolean>;
-        let selected: PropTypes.Requireable<NonNullable<string | any[]>>;
-        let filters: PropTypes.Requireable<object>;
-        let customFilter: PropTypes.Requireable<object>;
-        let socket: PropTypes.Validator<object>;
-        let cancel: PropTypes.Requireable<string>;
-        let imagePrefix: PropTypes.Requireable<string>;
-        let ok: PropTypes.Requireable<string>;
-        let themeName: PropTypes.Requireable<string>;
-        let themeType: PropTypes.Requireable<string>;
-        let showExpertButton: PropTypes.Requireable<boolean>;
-        let expertMode: PropTypes.Requireable<boolean>;
-        let multiSelect: PropTypes.Requireable<boolean>;
-        let types: PropTypes.Requireable<any[]>;
-        let columns: PropTypes.Requireable<any[]>;
-        let root: PropTypes.Requireable<string>;
-        let filterFunc: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';
+export default DialogSelectID;

package/Dialogs/SelectID.js

@@ -1,283 +1,153 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _Utils = _interopRequireDefault(require("../Components/Utils"));
-var _i18n = _interopRequireDefault(require("../i18n"));
-var _ObjectBrowser = _interopRequireDefault(require("../Components/ObjectBrowser"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
  * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
- **/ // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-var styles = function styles() {
-  return {
-    headerID: {
-      fontWeight: 'bold',
-      fontStyle: 'italic'
-    },
-    dialog: {
-      height: '95%'
-    },
-    dialogMobile: {
-      padding: 4,
-      width: '100%',
-      maxWidth: '100%',
-      maxHeight: 'calc(100% - 16px)',
-      height: '100%'
-    },
-    content: {
-      height: '100%',
-      overflow: 'hidden'
-    },
-    contentMobile: {
-      padding: '8px 4px'
-    },
-    titleRoot: {
-      whiteSpace: 'nowrap',
-      width: 'calc(100% - 72px)',
-      overflow: 'hidden',
-      display: 'inline-block',
-      textOverflow: 'ellipsis'
-    }
-  };
-};
-
-/**
- * @typedef {object} DialogSelectIDProps
- * @property {string} [dialogName] The internal name of the dialog; default: "default"
- * @property {string} [title] The dialog title; default: Please select object ID... (translated)
- * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.
- * @property {boolean} [foldersFirst] Show folders before any leaves.
- * @property {string} [imagePrefix] Prefix (default: '.')
- * @property {boolean} [showExpertButton] Show the expert button?
- * @property {import('../Components/types').ObjectBrowserColumn[]} [columns] Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'
- * @property {import('../Components/types').ObjectBrowserType[]} [types] Object types to show; default: 'state' only
- * @property {ioBroker.Languages} [lang] The language.
- * @property {import('../Connection').default} socket The socket connection.
- * @property {boolean} [notEditable] Can't objects be edited? (default: true)
- * @property {string} [themeName] Theme name.
- * @property {string} [themeType] Theme type.
- * @property {import('../Components/types').ObjectBrowserCustomFilter} [customFilter] Custom filter.
- * @property {string | string[]} [selected] The selected IDs.
- * @property {string} [ok] The ok button text; default: OK (translated)
- * @property {string} [cancel] The cancel button text; default: Cancel (translated)
- * @property {() => void} onClose Close handler that is always called when the dialog is closed.
- * @property {(selected: string | string[] | undefined, name: string) => void} onOk Handler that is called when the user presses OK.
- * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
- *
- * @extends {React.Component<DialogSelectIDProps>}
- */
-var DialogSelectID = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DialogSelectID, _React$Component);
-  var _super = _createSuper(DialogSelectID);
-  /**
-   * @param {DialogSelectIDProps} props
-   */
-  function DialogSelectID(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DialogSelectID);
-    _this = _super.call(this, props);
-    _this.dialogName = _this.props.dialogName || 'default';
-    _this.dialogName = "SelectID.".concat(_this.dialogName);
-    _this.filters = (window._localStorage || window.localStorage).getItem(_this.dialogName) || '{}';
-    try {
-      _this.filters = JSON.parse(_this.filters);
-    } catch (e) {
-      _this.filters = {};
-    }
-    if (props.filters) {
-      _this.filters = _objectSpread(_objectSpread({}, _this.filters), props.filters);
-    }
-    var selected = _this.props.selected || [];
-    if ((0, _typeof2["default"])(selected) !== 'object') {
-      selected = [selected];
+ **/
+// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const i18n_1 = __importDefault(require("../i18n"));
+const ObjectBrowser_1 = __importDefault(require("../Components/ObjectBrowser"));
+class DialogSelectID extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.dialogName = this.props.dialogName || 'default';
+        this.dialogName = `SelectID.${this.dialogName}`;
+        const filters = (window._localStorage || window.localStorage).getItem(this.dialogName) || '{}';
+        try {
+            this.filters = JSON.parse(filters);
+        }
+        catch (e) {
+            this.filters = {};
+        }
+        if (props.filters) {
+            this.filters = Object.assign(Object.assign({}, this.filters), props.filters);
+        }
+        let selected = this.props.selected || [];
+        if (!Array.isArray(selected)) {
+            selected = [selected];
+        }
+        selected = selected.filter(id => id);
+        if (props.filterFunc) {
+            if (typeof props.filterFunc === 'string') {
+                try {
+                    this.filterFunc = new Function('obj', props.filterFunc);
+                }
+                catch (e) {
+                    console.error(`Cannot parse filter function: "obj => ${props.filterFunc}"`);
+                    this.filterFunc = undefined;
+                }
+            }
+            else {
+                this.filterFunc = props.filterFunc;
+            }
+        }
+        this.state = {
+            selected,
+            name: '',
+        };
     }
-    selected = selected.filter(function (id) {
-      return id;
-    });
-    _this.state = {
-      selected: selected,
-      name: ''
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(DialogSelectID, [{
-    key: "handleCancel",
-    value: function handleCancel() {
-      this.props.onClose();
+    handleCancel() {
+        this.props.onClose();
     }
-  }, {
-    key: "handleOk",
-    value: function handleOk() {
-      this.props.onOk(this.props.multiSelect ? this.state.selected : this.state.selected[0] || '', this.state.name);
-      this.props.onClose();
+    handleOk() {
+        this.props.onOk(this.props.multiSelect ? this.state.selected : this.state.selected[0] || '', this.state.name);
+        this.props.onClose();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var title;
-      if (this.state.name || this.state.selected.length) {
-        if (this.state.selected.length === 1) {
-          title = [/*#__PURE__*/_react["default"].createElement("span", {
-            key: "selected"
-          }, _i18n["default"].t('ra_Selected'), "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
-            key: "id",
-            className: this.props.classes.headerID
-          }, (this.state.name || this.state.selected) + (this.state.name ? " [".concat(this.state.selected, "]") : ''))];
-        } else {
-          title = [/*#__PURE__*/_react["default"].createElement("span", {
-            key: "selected"
-          }, _i18n["default"].t('ra_Selected'), "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
-            key: "id",
-            className: this.props.classes.headerID
-          }, _i18n["default"].t('%s items', this.state.selected.length))];
+    render() {
+        let title;
+        if (this.state.name || this.state.selected.length) {
+            if (this.state.selected.length === 1) {
+                title = [
+                    react_1.default.createElement("span", { key: "selected" },
+                        i18n_1.default.t('ra_Selected'),
+                        "\u00A0"),
+                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, (this.state.name || this.state.selected) + (this.state.name ? ` [${this.state.selected}]` : '')),
+                ];
+            }
+            else {
+                title = [
+                    react_1.default.createElement("span", { key: "selected" },
+                        i18n_1.default.t('ra_Selected'),
+                        "\u00A0"),
+                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, i18n_1.default.t('%s items', this.state.selected.length.toString())),
+                ];
+            }
         }
-      } else {
-        title = this.props.title || _i18n["default"].t('ra_Please select object ID...');
-      }
-      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-        onClose: function onClose() {},
-        maxWidth: false,
-        classes: {
-          paper: _Utils["default"].clsx(this.props.classes.dialog, this.props.classes.dialogMobile)
-        },
-        fullWidth: true,
-        open: !0,
-        "aria-labelledby": "ar_dialog_selectid_title"
-      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
-        id: "ar_dialog_selectid_title",
-        classes: {
-          root: this.props.classes.titleRoot
+        else {
+            title = this.props.title || i18n_1.default.t('ra_Please select object ID...');
         }
-      }, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
-        className: _Utils["default"].clsx(this.props.classes.content, this.props.classes.contentMobile)
-      }, /*#__PURE__*/_react["default"].createElement(_ObjectBrowser["default"], {
-        foldersFirst: this.props.foldersFirst,
-        imagePrefix: this.props.imagePrefix || this.props.prefix // prefix is for back compatibility
-        ,
-        defaultFilters: this.filters,
-        dialogName: this.dialogName,
-        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 || ['state'],
-        root: this.props.root,
-        t: _i18n["default"].t,
-        lang: this.props.lang || _i18n["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,
-        themeName: this.props.themeName,
-        themeType: this.props.themeType,
-        customFilter: this.props.customFilter,
-        onFilterChanged: function onFilterChanged(filterConfig) {
-          _this2.filters = filterConfig;
-          (window._localStorage || window.localStorage).setItem(_this2.dialogName, JSON.stringify(filterConfig));
-        },
-        onSelect: function onSelect(selected, name, isDouble) {
-          if (JSON.stringify(selected) !== JSON.stringify(_this2.state.selected)) {
-            _this2.setState({
-              selected: selected,
-              name: name
-            }, function () {
-              return isDouble && _this2.handleOk();
-            });
-          } else if (isDouble) {
-            _this2.handleOk();
-          }
-        },
-        filterFunc: this.props.filterFunc
-      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        id: "ar_dialog_selectid_ok_".concat(this.props.dialogName || ''),
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleOk();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
-        disabled: !this.state.selected.length,
-        color: "primary"
-      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        id: "ar_dialog_selectid_cancel_".concat(this.props.dialogName || ''),
-        color: "grey",
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleCancel();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)
-      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, 
+            //classes={{ paper: Utils.clsx(this.props.classes.dialog, this.props.classes.dialogMobile) }}
+            style: {
+                height: '95%',
+                padding: 4,
+                width: '100%',
+                maxWidth: '100%',
+                maxHeight: 'calc(100% - 16px)',
+            }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectid_title" },
+            react_1.default.createElement(material_1.DialogTitle, { id: "ar_dialog_selectid_title", style: {
+                    whiteSpace: 'nowrap',
+                    width: 'calc(100% - 72px)',
+                    overflow: 'hidden',
+                    display: 'inline-block',
+                    textOverflow: 'ellipsis',
+                } }, title),
+            react_1.default.createElement(material_1.DialogContent, { style: {
+                    height: '100%',
+                    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, 
+                    // 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}
+                    themeName: this.props.themeName, themeType: this.props.themeType, customFilter: this.props.customFilter, onFilterChanged: filterConfig => {
+                        this.filters = filterConfig;
+                        (window._localStorage || window.localStorage).setItem(this.dialogName, JSON.stringify(filterConfig));
+                    }, onSelect: (selected, name, isDouble) => {
+                        if (JSON.stringify(selected) !== JSON.stringify(this.state.selected)) {
+                            this.setState({ selected, name }, () => isDouble && this.handleOk());
+                        }
+                        else if (isDouble) {
+                            this.handleOk();
+                        }
+                    }, filterFunc: this.filterFunc, title: "", classes: {} })),
+            react_1.default.createElement(material_1.DialogActions, null,
+                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_ok_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleOk(), startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_cancel_${this.props.dialogName || ''}`, 
+                    // @ts-expect-error
+                    color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
     }
-  }]);
-  return DialogSelectID;
-}(_react["default"].Component);
-DialogSelectID.propTypes = {
-  dialogName: _propTypes["default"].string,
-  // where to store settings in localStorage
-  classes: _propTypes["default"].object,
-  notEditable: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func.isRequired,
-  onOk: _propTypes["default"].func.isRequired,
-  title: _propTypes["default"].string,
-  lang: _propTypes["default"].string,
-  foldersFirst: _propTypes["default"].bool,
-  selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  filters: _propTypes["default"].object,
-  // predefined filter fields, like {"id":"","name":"","room":"","func":"","role":"level","type":"","custom":""}
-  customFilter: _propTypes["default"].object,
-  // optional {common: {custom: true}} or {common: {custom: 'sql.0'}}
-  socket: _propTypes["default"].object.isRequired,
-  cancel: _propTypes["default"].string,
-  imagePrefix: _propTypes["default"].string,
-  ok: _propTypes["default"].string,
-  themeName: _propTypes["default"].string,
-  themeType: _propTypes["default"].string,
-  showExpertButton: _propTypes["default"].bool,
-  expertMode: _propTypes["default"].bool,
-  // force expert mode
-  multiSelect: _propTypes["default"].bool,
-  types: _propTypes["default"].array,
-  // optional ['state', 'instance', 'channel']
-  columns: _propTypes["default"].array,
-  // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']
-  root: _propTypes["default"].string,
-  // optional. Root of tree. Show only this branch of tree
-
-  filterFunc: _propTypes["default"].func // function to filter out all unnecessary objects. It cannot be used together with "types"
-  // Example for function: `obj => obj.common && obj.common.type === 'boolean'` to show only boolean states
-};
-
-/** @type {typeof DialogSelectID} */
-var _export = (0, _styles.withStyles)(styles)(DialogSelectID);
-var _default = exports["default"] = _export;
-//# sourceMappingURL=SelectID.js.map
+}
+exports.default = DialogSelectID;

package/LegacyConnection.d.ts

@@ -331,9 +331,9 @@ declare class Connection {
      * @param {string | { [lang in ioBroker.Languages]?: string; }} newName The new name.
      */
     renameGroup(id: string, newId: string, newName: string | {
+        fr?: string;
         pt?: string;
         pl?: string;
-        fr?: string;
         en?: string;
         de?: string;
         ru?: string;