@iobroker/adapter-react-v5 3.1.3 → 3.1.4

package/Dialogs/Confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirm.js","names":["styles","suppress","fontSize","suppressRoot","marginTop","DialogConfirm","props","dialogName","suppressQuestionMinutes","Error","parseInt","window","localStorage","getItem","Date","now","removeItem","state","setItem","onClose","setTimeout","event","reason","handleCancel","title","I18n","t","icon","text","label","classes","root","setState","suppressText","handleOk","ok","cancel","React","Component","propTypes","PropTypes","func","isRequired","string","object","number","_export","withStyles"],"sources":["Confirm.js"],"sourcesContent":["/**\n * Copyright 2019-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\n\nimport IconCheck from '@mui/icons-material/Check';\nimport IconClose from '@mui/icons-material/Close';\n\nimport I18n from '../i18n';\n\nconst styles = {\n    suppress: {\n        fontSize: 12,\n    },\n    suppressRoot: {\n        marginTop: 16\n    }\n};\n\n/**\n * @typedef {object} DialogConfirmProps\n * @property {string} [key] The key to identify this component.\n * @property {string} [title] The dialog title; default: Are you sure? (translated)\n * @property {string} text The dialog text.\n * @property {string} [ok] The ok button text; default: OK (translated)\n * @property {string} [cancel] The cancel button text; default: Cancel (translated)\n * @property {string} [suppressQuestionMinutes] interval in minutes for which the confirm dialog will be suppressed if activated.\n * @property {string} [suppressText] The suppress checkbox text; default: Suppress question for next %s minutes (translated)\n * @property {string} [dialogName] Name of the dialog. Used only with suppressQuestionMinutes to store the user choice\n * @property {(ok: boolean) => void} [onClose] Close handler.\n *\n * @extends {React.Component<DialogConfirmProps>}\n */\nclass DialogConfirm extends React.Component {\n    constructor(props) {\n        super(props);\n\n        if (!this.props.dialogName && this.props.suppressQuestionMinutes) {\n            throw new Error('dialogName required if suppressQuestionMinutes used');\n        }\n        let suppress = false;\n\n        if (this.props.suppressQuestionMinutes) {\n            suppress = parseInt(window.localStorage.getItem(this.props.dialogName), 10) || 0;\n\n            if (!suppress) {\n                suppress = false;\n            } else if (Date.now() > suppress) {\n                window.localStorage.removeItem(this.props.dialogName);\n                suppress = false;\n            }\n        }\n\n        this.state = {\n            suppress,\n        };\n    }\n\n    handleOk() {\n        if (this.state.suppress) {\n            window.localStorage.setItem(this.props.dialogName, Date.now() + this.props.suppressQuestionMinutes * 60000);\n        }\n        this.props.onClose && this.props.onClose(true);\n    };\n\n    handleCancel() {\n        this.props.onClose && this.props.onClose(false);\n    };\n\n    render() {\n        if (typeof this.state.suppress === 'number') {\n            setTimeout(() => this.props.onClose && this.props.onClose(true), 100);\n            return null;\n        }\n\n        return <Dialog\n            open={true}\n            maxWidth=\"md\"\n            fullWidth={true}\n            onClose={(event, reason) => {\n                if (reason !== 'backdropClick' && reason !== 'escapeKeyDown') {\n                    this.handleCancel()\n                }\n            }}\n            aria-labelledby=\"confirmation-dialog-title\"\n            aria-describedby=\"confirmation-dialog-description\"\n        >\n            <DialogTitle id=\"confirmation-dialog-title\">{this.props.title || I18n.t('ra_Are you sure?')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"confirmation-dialog-description\">\n                    {this.props.icon || null}\n                    {this.props.text}\n                    {this.props.suppressQuestionMinutes ? <br/> : null}\n                    {this.props.suppressQuestionMinutes ?\n                        <FormControlLabel\n                            classes={{label: this.props.classes.suppress, root: this.props.classes.suppressRoot}}\n                            control={<Checkbox checked={!!this.state.suppress} onChange={() => this.setState({suppress: !this.state.suppress})} />}\n                            label={this.props.suppressText || I18n.t('ra_Suppress question for next %s minutes', this.props.suppressQuestionMinutes)}\n                        /> :\n                        null}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconCheck />}>{this.props.ok || I18n.t('ra_Ok')}</Button>\n                <Button variant=\"contained\" onClick={() => this.handleCancel()} color=\"grey\" startIcon={<IconClose />}>{this.props.cancel || I18n.t('ra_Cancel')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogConfirm.propTypes = {\n    onClose: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    ok: PropTypes.string,\n    cancel: PropTypes.string,\n    icon: PropTypes.object,\n    suppressQuestionMinutes: PropTypes.number,\n    suppressText: PropTypes.string,\n    dialogName: PropTypes.string,\n};\n\nconst _export = withStyles(styles)(DialogConfirm);\nexport default _export;"],"mappings":"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"}
+{"version":3,"file":"Confirm.js","names":["styles","suppress","fontSize","suppressRoot","marginTop","DialogConfirm","props","dialogName","suppressQuestionMinutes","Error","parseInt","window","_localStorage","localStorage","getItem","Date","now","removeItem","state","setItem","onClose","setTimeout","event","reason","handleCancel","title","I18n","t","icon","text","label","classes","root","setState","suppressText","handleOk","ok","cancel","React","Component","propTypes","PropTypes","func","isRequired","string","object","number","_export","withStyles"],"sources":["Confirm.js"],"sourcesContent":["/**\n * Copyright 2019-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Checkbox from '@mui/material/Checkbox';\n\nimport IconCheck from '@mui/icons-material/Check';\nimport IconClose from '@mui/icons-material/Close';\n\nimport I18n from '../i18n';\n\nconst styles = {\n    suppress: {\n        fontSize: 12,\n    },\n    suppressRoot: {\n        marginTop: 16\n    }\n};\n\n/**\n * @typedef {object} DialogConfirmProps\n * @property {string} [key] The key to identify this component.\n * @property {string} [title] The dialog title; default: Are you sure? (translated)\n * @property {string} text The dialog text.\n * @property {string} [ok] The ok button text; default: OK (translated)\n * @property {string} [cancel] The cancel button text; default: Cancel (translated)\n * @property {string} [suppressQuestionMinutes] interval in minutes for which the confirm dialog will be suppressed if activated.\n * @property {string} [suppressText] The suppress checkbox text; default: Suppress question for next %s minutes (translated)\n * @property {string} [dialogName] Name of the dialog. Used only with suppressQuestionMinutes to store the user choice\n * @property {(ok: boolean) => void} [onClose] Close handler.\n *\n * @extends {React.Component<DialogConfirmProps>}\n */\nclass DialogConfirm extends React.Component {\n    constructor(props) {\n        super(props);\n\n        if (!this.props.dialogName && this.props.suppressQuestionMinutes) {\n            throw new Error('dialogName required if suppressQuestionMinutes used');\n        }\n        let suppress = false;\n\n        if (this.props.suppressQuestionMinutes) {\n            suppress = parseInt((window._localStorage || window.localStorage).getItem(this.props.dialogName), 10) || 0;\n\n            if (!suppress) {\n                suppress = false;\n            } else if (Date.now() > suppress) {\n                (window._localStorage || window.localStorage).removeItem(this.props.dialogName);\n                suppress = false;\n            }\n        }\n\n        this.state = {\n            suppress,\n        };\n    }\n\n    handleOk() {\n        if (this.state.suppress) {\n            (window._localStorage || window.localStorage).setItem(this.props.dialogName, Date.now() + this.props.suppressQuestionMinutes * 60000);\n        }\n        this.props.onClose && this.props.onClose(true);\n    };\n\n    handleCancel() {\n        this.props.onClose && this.props.onClose(false);\n    };\n\n    render() {\n        if (typeof this.state.suppress === 'number') {\n            setTimeout(() => this.props.onClose && this.props.onClose(true), 100);\n            return null;\n        }\n\n        return <Dialog\n            open={true}\n            maxWidth=\"md\"\n            fullWidth={true}\n            onClose={(event, reason) => {\n                if (reason !== 'backdropClick' && reason !== 'escapeKeyDown') {\n                    this.handleCancel()\n                }\n            }}\n            aria-labelledby=\"confirmation-dialog-title\"\n            aria-describedby=\"confirmation-dialog-description\"\n        >\n            <DialogTitle id=\"confirmation-dialog-title\">{this.props.title || I18n.t('ra_Are you sure?')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"confirmation-dialog-description\">\n                    {this.props.icon || null}\n                    {this.props.text}\n                    {this.props.suppressQuestionMinutes ? <br/> : null}\n                    {this.props.suppressQuestionMinutes ?\n                        <FormControlLabel\n                            classes={{label: this.props.classes.suppress, root: this.props.classes.suppressRoot}}\n                            control={<Checkbox checked={!!this.state.suppress} onChange={() => this.setState({suppress: !this.state.suppress})} />}\n                            label={this.props.suppressText || I18n.t('ra_Suppress question for next %s minutes', this.props.suppressQuestionMinutes)}\n                        /> :\n                        null}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconCheck />}>{this.props.ok || I18n.t('ra_Ok')}</Button>\n                <Button variant=\"contained\" onClick={() => this.handleCancel()} color=\"grey\" startIcon={<IconClose />}>{this.props.cancel || I18n.t('ra_Cancel')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogConfirm.propTypes = {\n    onClose: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    ok: PropTypes.string,\n    cancel: PropTypes.string,\n    icon: PropTypes.object,\n    suppressQuestionMinutes: PropTypes.number,\n    suppressText: PropTypes.string,\n    dialogName: PropTypes.string,\n};\n\nconst _export = withStyles(styles)(DialogConfirm);\nexport default _export;"],"mappings":"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"}

package/Dialogs/FileSelect.js

@@ -0,0 +1,259 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+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 _i18n = _interopRequireDefault(require("../i18n"));
+
+var _Utils = _interopRequireDefault(require("../Components/Utils"));
+
+var _FileBrowser = _interopRequireDefault(require("../Components/FileBrowser"));
+
+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 styles = function styles(theme) {
+  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} FileSelectDialogProps
+ * @property {string} [dialogName] The internal name of the dialog; default: "default"
+ * @property {string} [title] The dialog title; default: Please select object ID... (translated)
+ * @property {string} [imagePrefix] Prefix (default: '.')
+ * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage
+ * @property {boolean} [selected] Pre-selected file
+ * @property {() => void} onClose Close handler that is always called when the dialog is closed.
+ * @property {(selected: string | undefined) => void} onOk Handler that is called when the user presses OK.
+ * @property {string} [ok] The ok button text; default: OK (translated)
+ * @property {string} [cancel] The cancel button text; default: Cancel (translated)
+ * @property {boolean} [socket] Socket class (required)
+ * @property {boolean} [allowUpload] If download of files enabled
+ * @property {boolean} [allowDownload] If download of files enabled
+ * @property {boolean} [allowCreateFolder] If creation of folders enabled
+ * @property {boolean} [allowDelete] If creation of folders enabled
+ * @property {boolean} [allowView] if tile view enabled (default true)
+ * @property {boolean} [showToolbar] Show toolbar (default true)
+ * @property {array} [limitPath] Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
+ * @property {array} [filterFiles] like `['png', 'svg', 'bmp', 'jpg', 'jpeg']`
+ * @property {string} [filterByType] images, code, txt, audio, video
+ * @property {bool} [selectOnlyFolders] allow only folders selection
+ *
+ * @extends {React.Component<FileSelectDialogProps>}
+ */
+
+
+var DialogFileSelect = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DialogFileSelect, _React$Component);
+
+  var _super = _createSuper(DialogFileSelect);
+
+  /**
+   * @param {FileSelectDialogProps} props
+   */
+  function DialogFileSelect(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, DialogFileSelect);
+    _this = _super.call(this, props);
+    _this.dialogName = _this.props.dialogName || 'default';
+    _this.dialogName = 'FileSelect.' + _this.dialogName;
+    _this.filters = (window._localStorage || window.localStorage).getItem(_this.dialogName) || '{}';
+
+    try {
+      _this.filters = JSON.parse(_this.filters);
+    } catch (e) {
+      _this.filters = {};
+    }
+
+    _this.state = {
+      selected: _this.props.selected || '',
+      isFolder: false,
+      name: '',
+      isMobile: window.innerWidth < 800
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(DialogFileSelect, [{
+    key: "handleCancel",
+    value: function handleCancel() {
+      this.props.onClose();
+    }
+  }, {
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onOk(this.state.selected || '');
+      this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var title;
+
+      if (this.state.name || this.state.selected.length) {
+        title = [/*#__PURE__*/_react["default"].createElement("span", {
+          key: "selected"
+        }, _i18n["default"].t('ra_Selected'), " "), /*#__PURE__*/_react["default"].createElement("span", {
+          key: "id",
+          className: this.props.classes.headerID
+        }, this.state.selected)];
+      } else {
+        title = this.props.title || _i18n["default"].t('ra_Please select file...');
+      }
+
+      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: true,
+        "aria-labelledby": "file-dialog-title"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "file-dialog-title",
+        classes: {
+          root: this.props.classes.titleRoot
+        }
+      }, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
+        className: _Utils["default"].clsx(this.props.classes.content, this.props.classes.contentMobile)
+      }, /*#__PURE__*/_react["default"].createElement(_FileBrowser["default"], {
+        ready: true,
+        imagePrefix: this.props.imagePrefix,
+        allowUpload: !!this.props.allowUpload,
+        allowDownload: this.props.allowDownload !== false,
+        allowCreateFolder: !!this.props.allowCreateFolder,
+        allowDelete: !!this.props.allowDelete,
+        showViewTypeButton: this.props.allowView !== false,
+        showToolbar: this.props.showToolbar !== false,
+        limitPath: this.props.limitPath,
+        filterFiles: this.props.filterFiles,
+        filterByType: this.props.filterByType,
+        selected: this.props.selected,
+        onSelect: function onSelect(selected, isDoubleClick, isFolder) {
+          _this2.setState({
+            selected: selected,
+            isFolder: isFolder
+          }, function () {
+            return isDoubleClick && (_this2.props.selectOnlyFolders && isFolder || !_this2.props.selectOnlyFolders && !isFolder) && _this2.handleOk();
+          });
+        },
+        t: _i18n["default"].t,
+        lang: _i18n["default"].getLanguage(),
+        socket: this.props.socket
+      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.handleOk();
+        },
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+        disabled: !this.state.selected || this.props.selectOnlyFolders && !this.state.isFolder || !this.props.selectOnlyFolders && this.state.isFolder,
+        color: "primary"
+      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        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 DialogFileSelect;
+}(_react["default"].Component);
+
+DialogFileSelect.propTypes = {
+  imagePrefix: _propTypes["default"].string,
+  dialogName: _propTypes["default"].string,
+  // where to store settings in localStorage
+  selected: _propTypes["default"].string,
+  onClose: _propTypes["default"].func.isRequired,
+  onOk: _propTypes["default"].func.isRequired,
+  ok: _propTypes["default"].string,
+  cancel: _propTypes["default"].string,
+  socket: _propTypes["default"].object.isRequired,
+  allowUpload: _propTypes["default"].bool,
+  allowDownload: _propTypes["default"].bool,
+  allowCreateFolder: _propTypes["default"].bool,
+  allowDelete: _propTypes["default"].bool,
+  allowView: _propTypes["default"].bool,
+  showToolbar: _propTypes["default"].bool,
+  objectID: _propTypes["default"].string,
+  filterFiles: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  filterByType: _propTypes["default"].string,
+  limitPath: _propTypes["default"].string,
+  selectOnlyFolders: _propTypes["default"].bool
+};
+/** @type {typeof DialogFileSelect} */
+
+var _export = (0, _withStyles["default"])(styles)(DialogFileSelect);
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=FileSelect.js.map

package/Dialogs/FileSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelect.js","names":["styles","theme","headerID","fontWeight","fontStyle","dialog","height","dialogMobile","padding","width","maxWidth","maxHeight","content","overflow","contentMobile","titleRoot","whiteSpace","display","textOverflow","DialogFileSelect","props","dialogName","filters","window","_localStorage","localStorage","getItem","JSON","parse","e","state","selected","isFolder","name","isMobile","innerWidth","onClose","onOk","title","length","I18n","t","classes","paper","Utils","clsx","root","imagePrefix","allowUpload","allowDownload","allowCreateFolder","allowDelete","allowView","showToolbar","limitPath","filterFiles","filterByType","isDoubleClick","setState","selectOnlyFolders","handleOk","getLanguage","socket","ok","handleCancel","cancel","React","Component","propTypes","PropTypes","string","func","isRequired","object","bool","objectID","arrayOf","_export","withStyles"],"sources":["FileSelect.js"],"sourcesContent":["/**\n * Copyright 2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport Dialog from '@mui/material/Dialog';\n\nimport IconCancel from '@mui/icons-material/Cancel';\nimport IconOk from '@mui/icons-material/Check';\n\nimport I18n from '../i18n';\nimport Utils from '../Components/Utils';\nimport FileBrowser from '../Components/FileBrowser';\n\nconst styles = theme => ({\n    headerID: {\n        fontWeight: 'bold',\n        fontStyle: 'italic'\n    },\n    dialog: {\n        height: '95%'\n    },\n    dialogMobile: {\n        padding: 4,\n        width: '100%',\n        maxWidth: '100%',\n        maxHeight: 'calc(100% - 16px)',\n        height: '100%'\n    },\n    content: {\n        height: '100%',\n        overflow: 'hidden'\n    },\n    contentMobile: {\n        padding: '8px 4px'\n    },\n    titleRoot: {\n        whiteSpace: 'nowrap',\n        width: 'calc(100% - 72px)',\n        overflow: 'hidden',\n        display: 'inline-block',\n        textOverflow: 'ellipsis',\n    }\n});\n\n/**\n * @typedef {object} FileSelectDialogProps\n * @property {string} [dialogName] The internal name of the dialog; default: \"default\"\n * @property {string} [title] The dialog title; default: Please select object ID... (translated)\n * @property {string} [imagePrefix] Prefix (default: '.')\n * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage\n * @property {boolean} [selected] Pre-selected file\n * @property {() => void} onClose Close handler that is always called when the dialog is closed.\n * @property {(selected: string | undefined) => void} onOk Handler that is called when the user presses OK.\n * @property {string} [ok] The ok button text; default: OK (translated)\n * @property {string} [cancel] The cancel button text; default: Cancel (translated)\n * @property {boolean} [socket] Socket class (required)\n * @property {boolean} [allowUpload] If download of files enabled\n * @property {boolean} [allowDownload] If download of files enabled\n * @property {boolean} [allowCreateFolder] If creation of folders enabled\n * @property {boolean} [allowDelete] If creation of folders enabled\n * @property {boolean} [allowView] if tile view enabled (default true)\n * @property {boolean} [showToolbar] Show toolbar (default true)\n * @property {array} [limitPath] Limit file browser to one specific objectID of type meta and following path (like vis.0/main)\n * @property {array} [filterFiles] like `['png', 'svg', 'bmp', 'jpg', 'jpeg']`\n * @property {string} [filterByType] images, code, txt, audio, video\n * @property {bool} [selectOnlyFolders] allow only folders selection\n *\n * @extends {React.Component<FileSelectDialogProps>}\n */\nclass DialogFileSelect extends React.Component {\n    /**\n     * @param {FileSelectDialogProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.dialogName = this.props.dialogName || 'default';\n        this.dialogName = 'FileSelect.' + this.dialogName;\n\n        this.filters = (window._localStorage || window.localStorage).getItem(this.dialogName) || '{}';\n\n        try {\n            this.filters = JSON.parse(this.filters);\n        } catch (e) {\n            this.filters = {};\n        }\n\n        this.state =  {\n            selected: this.props.selected || '',\n            isFolder: false,\n            name: '',\n            isMobile: window.innerWidth < 800\n        };\n    }\n\n    handleCancel() {\n        this.props.onClose();\n    };\n\n    handleOk() {\n        this.props.onOk(this.state.selected || '');\n        this.props.onClose();\n    };\n\n    render() {\n        let title;\n        if (this.state.name || this.state.selected.length) {\n            title = [\n                <span key=\"selected\">{ I18n.t('ra_Selected') } </span>,\n                <span key=\"id\" className={ this.props.classes.headerID }>{this.state.selected}</span>\n            ];\n        } else {\n            title = this.props.title || I18n.t('ra_Please select file...');\n        }\n\n        return <Dialog\n            onClose={() => {}}\n            maxWidth={false}\n            classes={{ paper: Utils.clsx(this.props.classes.dialog, this.props.classes.dialogMobile) }}\n            fullWidth={true}\n            open={true}\n            aria-labelledby=\"file-dialog-title\"\n        >\n            <DialogTitle id=\"file-dialog-title\" classes={{ root: this.props.classes.titleRoot }}>{ title }</DialogTitle>\n            <DialogContent className={Utils.clsx(this.props.classes.content, this.props.classes.contentMobile)}>\n                <FileBrowser\n                    ready\n                    imagePrefix={this.props.imagePrefix}\n                    allowUpload={!!this.props.allowUpload}\n                    allowDownload={this.props.allowDownload !== false}\n                    allowCreateFolder={!!this.props.allowCreateFolder}\n                    allowDelete={!!this.props.allowDelete}\n                    showViewTypeButton={this.props.allowView !== false}\n                    showToolbar={this.props.showToolbar !== false}\n                    limitPath={this.props.limitPath}\n                    filterFiles={this.props.filterFiles}\n                    filterByType={this.props.filterByType}\n                    selected={this.props.selected}\n                    onSelect={(selected, isDoubleClick, isFolder) => {\n                        this.setState({ selected, isFolder }, () =>\n                            isDoubleClick && ((this.props.selectOnlyFolders && isFolder) || (!this.props.selectOnlyFolders && !isFolder)) && this.handleOk());\n                    }}\n                    t={I18n.t}\n                    lang={I18n.getLanguage()}\n                    socket={this.props.socket}\n                />\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={ () => this.handleOk() } startIcon={<IconOk />} disabled={ !this.state.selected || ((this.props.selectOnlyFolders && !this.state.isFolder) || (!this.props.selectOnlyFolders && this.state.isFolder)) } color=\"primary\">{ this.props.ok || I18n.t('ra_Ok') }</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={ () => this.handleCancel() } startIcon={<IconCancel />}>{ this.props.cancel || I18n.t('ra_Cancel') }</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogFileSelect.propTypes = {\n    imagePrefix: PropTypes.string,\n    dialogName: PropTypes.string, // where to store settings in localStorage\n    selected: PropTypes.string,\n    onClose: PropTypes.func.isRequired,\n    onOk: PropTypes.func.isRequired,\n    ok: PropTypes.string,\n    cancel: PropTypes.string,\n    socket: PropTypes.object.isRequired,\n    allowUpload: PropTypes.bool,\n    allowDownload: PropTypes.bool,\n    allowCreateFolder: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    allowView: PropTypes.bool,\n    showToolbar: PropTypes.bool,\n    objectID: PropTypes.string,\n    filterFiles: PropTypes.arrayOf(PropTypes.string),\n    filterByType: PropTypes.string,\n    limitPath: PropTypes.string,\n    selectOnlyFolders: PropTypes.bool,\n};\n\n/** @type {typeof DialogFileSelect} */\nconst _export = withStyles(styles)(DialogFileSelect);\nexport default _export;\n"],"mappings":"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"}

package/Dialogs/SelectID.js

@@ -82,8 +82,7 @@ var styles = function styles(theme) {
   };
 };
 /**
- * @typedef {object} SelectIDProps
- * @property {string} [key] The key to identify this component.
+ * @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.
@@ -105,26 +104,26 @@ var styles = function styles(theme) {
  * @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<SelectIDProps>}
+ * @extends {React.Component<DialogSelectIDProps>}
  */
 
 
-var SelectID = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(SelectID, _React$Component);
+var DialogSelectID = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DialogSelectID, _React$Component);
 
-  var _super = _createSuper(SelectID);
+  var _super = _createSuper(DialogSelectID);
 
   /**
-   * @param {SelectIDProps} props
+   * @param {DialogSelectIDProps} props
    */
-  function SelectID(props) {
+  function DialogSelectID(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, SelectID);
+    (0, _classCallCheck2["default"])(this, DialogSelectID);
     _this = _super.call(this, props);
     _this.dialogName = _this.props.dialogName || 'default';
     _this.dialogName = 'SelectID.' + _this.dialogName;
-    _this.filters = window.localStorage.getItem(_this.dialogName) || '{}';
+    _this.filters = (window._localStorage || window.localStorage).getItem(_this.dialogName) || '{}';
 
     try {
       _this.filters = JSON.parse(_this.filters);
@@ -149,7 +148,7 @@ var SelectID = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2["default"])(SelectID, [{
+  (0, _createClass2["default"])(DialogSelectID, [{
     key: "handleCancel",
     value: function handleCancel() {
       this.props.onClose();
@@ -228,7 +227,7 @@ var SelectID = /*#__PURE__*/function (_React$Component) {
         customFilter: this.props.customFilter,
         onFilterChanged: function onFilterChanged(filterConfig) {
           _this2.filters = filterConfig;
-          window.localStorage.setItem(_this2.dialogName, JSON.stringify(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)) {
@@ -261,7 +260,7 @@ var SelectID = /*#__PURE__*/function (_React$Component) {
       }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
     }
   }]);
-  return SelectID;
+  return DialogSelectID;
 }(_react["default"].Component);
 
 SelectID.propTypes = {
@@ -292,13 +291,13 @@ SelectID.propTypes = {
   // optional ['state', 'instance', 'channel']
   columns: _propTypes["default"].array,
   // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']
-  filterFunc: _propTypes["default"].func // function to filter out all unneccessary objects. It cannot be used together with "types"
+  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 SelectID} */
+/** @type {typeof DialogSelectID} */
 
-var _export = (0, _withStyles["default"])(styles)(SelectID);
+var _export = (0, _withStyles["default"])(styles)(DialogSelectID);
 
 var _default = _export;
 exports["default"] = _default;

package/Dialogs/SelectID.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectID.js","names":["styles","theme","headerID","fontWeight","fontStyle","dialog","height","dialogMobile","padding","width","maxWidth","maxHeight","content","overflow","contentMobile","titleRoot","whiteSpace","display","textOverflow","SelectID","props","dialogName","filters","window","localStorage","getItem","JSON","parse","e","selected","filter","id","state","name","isMobile","innerWidth","onClose","onOk","multiSelect","title","length","I18n","t","classes","paper","Utils","clsx","root","foldersFirst","imagePrefix","prefix","showExpertButton","undefined","columns","types","lang","getLanguage","socket","notEditable","themeName","themeType","customFilter","filterConfig","setItem","stringify","isDouble","setState","handleOk","filterFunc","ok","handleCancel","cancel","React","Component","propTypes","PropTypes","string","object","bool","func","isRequired","isFloatComma","dateFormat","oneOfType","array","statesOnly","_export","withStyles"],"sources":["SelectID.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport Dialog from '@mui/material/Dialog';\n\nimport IconCancel from '@mui/icons-material/Cancel';\nimport IconOk from '@mui/icons-material/Check';\n\nimport Utils from '../Components/Utils';\nimport I18n from '../i18n';\nimport ObjectBrowser from '../Components/ObjectBrowser';\n\nconst styles = theme => ({\n    headerID: {\n        fontWeight: 'bold',\n        fontStyle: 'italic'\n    },\n    dialog: {\n        height: '95%'\n    },\n    dialogMobile: {\n        padding: 4,\n        width: '100%',\n        maxWidth: '100%',\n        maxHeight: 'calc(100% - 16px)',\n        height: '100%'\n    },\n    content: {\n        height: '100%',\n        overflow: 'hidden'\n    },\n    contentMobile: {\n        padding: '8px 4px'\n    },\n    titleRoot: {\n        whiteSpace: 'nowrap',\n        width: 'calc(100% - 72px)',\n        overflow: 'hidden',\n        display: 'inline-block',\n        textOverflow: 'ellipsis',\n    }\n});\n\n/**\n * @typedef {object} SelectIDProps\n * @property {string} [key] The key to identify this component.\n * @property {string} [dialogName] The internal name of the dialog; default: \"default\"\n * @property {string} [title] The dialog title; default: Please select object ID... (translated)\n * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.\n * @property {boolean} [foldersFirst] Show folders before any leaves.\n * @property {string} [imagePrefix] Prefix (default: '.')\n * @property {boolean} [showExpertButton] Show the expert button?\n * @property {import('../Components/types').ObjectBrowserColumn[]} [columns] Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'\n * @property {import('../Components/types').ObjectBrowserType[]} [types] Object types to show; default: 'state' only\n * @property {ioBroker.Languages} [lang] The language.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {boolean} [notEditable] Can't objects be edited? (default: true)\n * @property {string} [themeName] Theme name.\n * @property {string} [themeType] Theme type.\n * @property {import('../Components/types').ObjectBrowserCustomFilter} [customFilter] Custom filter.\n * @property {string | string[]} [selected] The selected IDs.\n * @property {string} [ok] The ok button text; default: OK (translated)\n * @property {string} [cancel] The cancel button text; default: Cancel (translated)\n * @property {() => void} onClose Close handler that is always called when the dialog is closed.\n * @property {(selected: string | string[] | undefined, name: string) => void} onOk Handler that is called when the user presses OK.\n * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.\n *\n * @extends {React.Component<SelectIDProps>}\n */\nclass SelectID extends React.Component {\n    /**\n     * @param {SelectIDProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.dialogName = this.props.dialogName || 'default';\n        this.dialogName = 'SelectID.' + this.dialogName;\n\n        this.filters = window.localStorage.getItem(this.dialogName) || '{}';\n\n        try {\n            this.filters = JSON.parse(this.filters);\n        } catch (e) {\n            this.filters = {};\n        }\n\n        let selected = this.props.selected || [];\n        if (typeof selected !== 'object') {\n            selected = [selected];\n        }\n        selected = selected.filter(id => id);\n\n        this.state =  {\n            selected,\n            name: '',\n            isMobile: window.innerWidth < 800\n        };\n    }\n\n    handleCancel() {\n        this.props.onClose();\n    };\n\n    handleOk() {\n        this.props.onOk(this.props.multiSelect ? this.state.selected : this.state.selected[0] || '', this.state.name);\n        this.props.onClose();\n    };\n\n    render() {\n        let title;\n        if (this.state.name || this.state.selected.length) {\n            if (this.state.selected.length === 1) {\n                title = [\n                    <span key=\"selected\">{ I18n.t('ra_Selected') } </span>,\n                    <span key=\"id\" className={ this.props.classes.headerID }>{\n                        (this.state.name || this.state.selected) + (this.state.name ? ' [' + this.state.selected + ']' : '')\n                    }</span>\n                ];\n            } else {\n                title = [\n                    <span key=\"selected\">{ I18n.t('ra_Selected') } </span>,\n                    <span key=\"id\" className={ this.props.classes.headerID }>{\n                        I18n.t('%s items', this.state.selected.length)\n                    }</span>\n                ];\n            }\n        } else {\n            title = this.props.title || I18n.t('ra_Please select object ID...');\n        }\n\n        return <Dialog\n            onClose={() => {}}\n            maxWidth={false}\n            classes={{paper: Utils.clsx(this.props.classes.dialog, this.props.classes.dialogMobile)}}\n            fullWidth={true}\n            open={true}\n            aria-labelledby=\"selectid-dialog-title\"\n        >\n            <DialogTitle id=\"selectid-dialog-title\" classes={{root: this.props.classes.titleRoot}}>{ title }</DialogTitle>\n            <DialogContent className={Utils.clsx(this.props.classes.content, this.props.classes.contentMobile)}>\n                <ObjectBrowser\n                    foldersFirst={ this.props.foldersFirst }\n                    imagePrefix={ this.props.imagePrefix || this.props.prefix } // prefix is for back compatibility\n                    defaultFilters={ this.filters }\n                    dialogName={this.dialogName}\n                    showExpertButton={ this.props.showExpertButton !== undefined ? this.props.showExpertButton : true }\n                    style={ {width: '100%', height: '100%'} }\n                    columns={ this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'] }\n                    types={ this.props.types || ['state'] }\n                    t={ I18n.t }\n                    lang={ this.props.lang || I18n.getLanguage() }\n                    socket={ this.props.socket }\n                    selected={ this.state.selected }\n                    multiSelect={ this.props.multiSelect }\n                    notEditable={ this.props.notEditable === undefined ? true : this.props.notEditable }\n                    name={ this.state.name }\n                    themeName={ this.props.themeName }\n                    themeType={ this.props.themeType }\n                    customFilter={ this.props.customFilter }\n                    onFilterChanged={ filterConfig => {\n                        this.filters = filterConfig;\n                        window.localStorage.setItem(this.dialogName, JSON.stringify(filterConfig));\n                    } }\n                    onSelect={ (selected, name, isDouble) => {\n                        if (JSON.stringify(selected) !== JSON.stringify(this.state.selected)) {\n                            this.setState({selected, name}, () =>\n                                isDouble && this.handleOk());\n                        } else if (isDouble) {\n                            this.handleOk();\n                        }\n                    } }\n                    filterFunc={this.props.filterFunc}\n                />\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={ () => this.handleOk() } startIcon={<IconOk />} disabled={ !this.state.selected.length } color=\"primary\">{ this.props.ok || I18n.t('ra_Ok') }</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={ () => this.handleCancel() } startIcon={<IconCancel />}>{ this.props.cancel || I18n.t('ra_Cancel') }</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nSelectID.propTypes = {\n    dialogName: PropTypes.string, // where to store settings in localStorage\n    classes: PropTypes.object,\n    notEditable: PropTypes.bool,\n    onClose: PropTypes.func.isRequired,\n    onOk: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    lang: PropTypes.string,\n    foldersFirst: PropTypes.bool,\n    isFloatComma: PropTypes.bool,\n    dateFormat: PropTypes.string,\n    selected: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array\n    ]),\n    customFilter: PropTypes.object, // optional {common: {custom: true}} or {common: {custom: 'sql.0'}}\n    statesOnly: PropTypes.bool,\n    socket: PropTypes.object.isRequired,\n    cancel: PropTypes.string,\n    imagePrefix: PropTypes.string,\n    ok: PropTypes.string,\n    themeName: PropTypes.string,\n    themeType: PropTypes.string,\n    showExpertButton: PropTypes.bool,\n    multiSelect: PropTypes.bool,\n    types: PropTypes.array,   // optional ['state', 'instance', 'channel']\n    columns: PropTypes.array, // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']\n\n    filterFunc: PropTypes.func,         // function to filter out all unneccessary objects. It cannot be used together with \"types\"\n                                        // Example for function: `obj => obj.common && obj.common.type === 'boolean'` to show only boolean states\n};\n\n/** @type {typeof SelectID} */\nconst _export = withStyles(styles)(SelectID);\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"SelectID.js","names":["styles","theme","headerID","fontWeight","fontStyle","dialog","height","dialogMobile","padding","width","maxWidth","maxHeight","content","overflow","contentMobile","titleRoot","whiteSpace","display","textOverflow","DialogSelectID","props","dialogName","filters","window","_localStorage","localStorage","getItem","JSON","parse","e","selected","filter","id","state","name","isMobile","innerWidth","onClose","onOk","multiSelect","title","length","I18n","t","classes","paper","Utils","clsx","root","foldersFirst","imagePrefix","prefix","showExpertButton","undefined","columns","types","lang","getLanguage","socket","notEditable","themeName","themeType","customFilter","filterConfig","setItem","stringify","isDouble","setState","handleOk","filterFunc","ok","handleCancel","cancel","React","Component","SelectID","propTypes","PropTypes","string","object","bool","func","isRequired","isFloatComma","dateFormat","oneOfType","array","statesOnly","_export","withStyles"],"sources":["SelectID.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport Dialog from '@mui/material/Dialog';\n\nimport IconCancel from '@mui/icons-material/Cancel';\nimport IconOk from '@mui/icons-material/Check';\n\nimport Utils from '../Components/Utils';\nimport I18n from '../i18n';\nimport ObjectBrowser from '../Components/ObjectBrowser';\n\nconst styles = theme => ({\n    headerID: {\n        fontWeight: 'bold',\n        fontStyle: 'italic'\n    },\n    dialog: {\n        height: '95%'\n    },\n    dialogMobile: {\n        padding: 4,\n        width: '100%',\n        maxWidth: '100%',\n        maxHeight: 'calc(100% - 16px)',\n        height: '100%'\n    },\n    content: {\n        height: '100%',\n        overflow: 'hidden'\n    },\n    contentMobile: {\n        padding: '8px 4px'\n    },\n    titleRoot: {\n        whiteSpace: 'nowrap',\n        width: 'calc(100% - 72px)',\n        overflow: 'hidden',\n        display: 'inline-block',\n        textOverflow: 'ellipsis',\n    }\n});\n\n/**\n * @typedef {object} DialogSelectIDProps\n * @property {string} [dialogName] The internal name of the dialog; default: \"default\"\n * @property {string} [title] The dialog title; default: Please select object ID... (translated)\n * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.\n * @property {boolean} [foldersFirst] Show folders before any leaves.\n * @property {string} [imagePrefix] Prefix (default: '.')\n * @property {boolean} [showExpertButton] Show the expert button?\n * @property {import('../Components/types').ObjectBrowserColumn[]} [columns] Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'\n * @property {import('../Components/types').ObjectBrowserType[]} [types] Object types to show; default: 'state' only\n * @property {ioBroker.Languages} [lang] The language.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {boolean} [notEditable] Can't objects be edited? (default: true)\n * @property {string} [themeName] Theme name.\n * @property {string} [themeType] Theme type.\n * @property {import('../Components/types').ObjectBrowserCustomFilter} [customFilter] Custom filter.\n * @property {string | string[]} [selected] The selected IDs.\n * @property {string} [ok] The ok button text; default: OK (translated)\n * @property {string} [cancel] The cancel button text; default: Cancel (translated)\n * @property {() => void} onClose Close handler that is always called when the dialog is closed.\n * @property {(selected: string | string[] | undefined, name: string) => void} onOk Handler that is called when the user presses OK.\n * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.\n *\n * @extends {React.Component<DialogSelectIDProps>}\n */\nclass DialogSelectID extends React.Component {\n    /**\n     * @param {DialogSelectIDProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.dialogName = this.props.dialogName || 'default';\n        this.dialogName = 'SelectID.' + this.dialogName;\n\n        this.filters = (window._localStorage || window.localStorage).getItem(this.dialogName) || '{}';\n\n        try {\n            this.filters = JSON.parse(this.filters);\n        } catch (e) {\n            this.filters = {};\n        }\n\n        let selected = this.props.selected || [];\n        if (typeof selected !== 'object') {\n            selected = [selected];\n        }\n        selected = selected.filter(id => id);\n\n        this.state =  {\n            selected,\n            name: '',\n            isMobile: window.innerWidth < 800\n        };\n    }\n\n    handleCancel() {\n        this.props.onClose();\n    };\n\n    handleOk() {\n        this.props.onOk(this.props.multiSelect ? this.state.selected : this.state.selected[0] || '', this.state.name);\n        this.props.onClose();\n    };\n\n    render() {\n        let title;\n        if (this.state.name || this.state.selected.length) {\n            if (this.state.selected.length === 1) {\n                title = [\n                    <span key=\"selected\">{ I18n.t('ra_Selected') } </span>,\n                    <span key=\"id\" className={ this.props.classes.headerID }>{\n                        (this.state.name || this.state.selected) + (this.state.name ? ' [' + this.state.selected + ']' : '')\n                    }</span>\n                ];\n            } else {\n                title = [\n                    <span key=\"selected\">{ I18n.t('ra_Selected') } </span>,\n                    <span key=\"id\" className={ this.props.classes.headerID }>{\n                        I18n.t('%s items', this.state.selected.length)\n                    }</span>\n                ];\n            }\n        } else {\n            title = this.props.title || I18n.t('ra_Please select object ID...');\n        }\n\n        return <Dialog\n            onClose={() => {}}\n            maxWidth={false}\n            classes={{paper: Utils.clsx(this.props.classes.dialog, this.props.classes.dialogMobile)}}\n            fullWidth={true}\n            open={true}\n            aria-labelledby=\"selectid-dialog-title\"\n        >\n            <DialogTitle id=\"selectid-dialog-title\" classes={{root: this.props.classes.titleRoot}}>{ title }</DialogTitle>\n            <DialogContent className={Utils.clsx(this.props.classes.content, this.props.classes.contentMobile)}>\n                <ObjectBrowser\n                    foldersFirst={ this.props.foldersFirst }\n                    imagePrefix={ this.props.imagePrefix || this.props.prefix } // prefix is for back compatibility\n                    defaultFilters={ this.filters }\n                    dialogName={this.dialogName}\n                    showExpertButton={ this.props.showExpertButton !== undefined ? this.props.showExpertButton : true }\n                    style={ {width: '100%', height: '100%'} }\n                    columns={ this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'] }\n                    types={ this.props.types || ['state'] }\n                    t={ I18n.t }\n                    lang={ this.props.lang || I18n.getLanguage() }\n                    socket={ this.props.socket }\n                    selected={ this.state.selected }\n                    multiSelect={ this.props.multiSelect }\n                    notEditable={ this.props.notEditable === undefined ? true : this.props.notEditable }\n                    name={ this.state.name }\n                    themeName={ this.props.themeName }\n                    themeType={ this.props.themeType }\n                    customFilter={ this.props.customFilter }\n                    onFilterChanged={ filterConfig => {\n                        this.filters = filterConfig;\n                        (window._localStorage || window.localStorage).setItem(this.dialogName, JSON.stringify(filterConfig));\n                    } }\n                    onSelect={ (selected, name, isDouble) => {\n                        if (JSON.stringify(selected) !== JSON.stringify(this.state.selected)) {\n                            this.setState({selected, name}, () =>\n                                isDouble && this.handleOk());\n                        } else if (isDouble) {\n                            this.handleOk();\n                        }\n                    } }\n                    filterFunc={this.props.filterFunc}\n                />\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={ () => this.handleOk() } startIcon={<IconOk />} disabled={ !this.state.selected.length } color=\"primary\">{ this.props.ok || I18n.t('ra_Ok') }</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={ () => this.handleCancel() } startIcon={<IconCancel />}>{ this.props.cancel || I18n.t('ra_Cancel') }</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nSelectID.propTypes = {\n    dialogName: PropTypes.string, // where to store settings in localStorage\n    classes: PropTypes.object,\n    notEditable: PropTypes.bool,\n    onClose: PropTypes.func.isRequired,\n    onOk: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    lang: PropTypes.string,\n    foldersFirst: PropTypes.bool,\n    isFloatComma: PropTypes.bool,\n    dateFormat: PropTypes.string,\n    selected: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array\n    ]),\n    customFilter: PropTypes.object, // optional {common: {custom: true}} or {common: {custom: 'sql.0'}}\n    statesOnly: PropTypes.bool,\n    socket: PropTypes.object.isRequired,\n    cancel: PropTypes.string,\n    imagePrefix: PropTypes.string,\n    ok: PropTypes.string,\n    themeName: PropTypes.string,\n    themeType: PropTypes.string,\n    showExpertButton: PropTypes.bool,\n    multiSelect: PropTypes.bool,\n    types: PropTypes.array,   // optional ['state', 'instance', 'channel']\n    columns: PropTypes.array, // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']\n\n    filterFunc: PropTypes.func,         // function to filter out all unnecessary objects. It cannot be used together with \"types\"\n                                        // Example for function: `obj => obj.common && obj.common.type === 'boolean'` to show only boolean states\n};\n\n/** @type {typeof DialogSelectID} */\nconst _export = withStyles(styles)(DialogSelectID);\nexport default _export;\n"],"mappings":"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"}

package/README.md

@@ -641,6 +641,9 @@ If you still have questions, try to find an answer [here](https://mui.com/guides
 -->
 
 ## Changelog
+### 3.1.4 (2022-06-19)
+* (bluefox) Added file select dialog
+
 ### 3.1.3 (2022-06-13)
 * (bluefox) Added table with resized headers
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "bluefox",