@iobroker/adapter-react-v5 3.3.0 → 3.4.1

package/Dialogs/Message.d.ts

@@ -33,6 +33,7 @@ declare namespace DialogMessage {
         const onClose: PropTypes.Validator<(...args: any[]) => any>;
         const title: PropTypes.Requireable<string>;
         const text: PropTypes.Requireable<string>;
+        const ok: PropTypes.Requireable<string>;
         const icon: PropTypes.Requireable<object>;
     }
 }

package/Dialogs/Message.js

@@ -59,7 +59,11 @@ var DialogMessage = /*#__PURE__*/function (_React$Component) {
         id: "message-dialog-title"
       }, this.props.title || _i18n["default"].t('ra_Message')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
         id: "message-dialog-description"
-      }, this.props.text)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          marginRight: this.props.icon ? 8 : 0
+        }
+      }, this.props.icon || null), this.props.text)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         variant: "contained",
         onClick: function onClick() {
           return _this.handleOk();
@@ -67,7 +71,7 @@ var DialogMessage = /*#__PURE__*/function (_React$Component) {
         color: "primary",
         autoFocus: true,
         startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
-      }, _i18n["default"].t('ra_Close'))));
+      }, this.props.ok || _i18n["default"].t('ra_Close'))));
     }
   }]);
   return DialogMessage;
@@ -77,6 +81,7 @@ DialogMessage.propTypes = {
   onClose: _propTypes["default"].func.isRequired,
   title: _propTypes["default"].string,
   text: _propTypes["default"].string,
+  ok: _propTypes["default"].string,
   icon: _propTypes["default"].object
 };
 var _default = DialogMessage;

package/Dialogs/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["DialogMessage","props","onClose","fullWidth","undefined","handleOk","title","I18n","t","text","React","Component","propTypes","PropTypes","bool","func","isRequired","string","icon","object"],"sources":["Message.js"],"sourcesContent":["/**\n * Copyright 2018-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';\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';\n\nimport IconClose from '@mui/icons-material/Close';\n\nimport I18n from '../i18n';\n\n/**\n * @typedef {object} DialogMessageProps\n * @property {string} [title] The dialog title; default: Message (translated)\n * @property {string} text The dialog text.\n * @property {() => void} [onClose] Close handler.\n *\n * @extends {React.Component<DialogMessageProps>}\n */\nclass DialogMessage extends React.Component {\n    handleOk() {\n        this.props.onClose && this.props.onClose();\n    };\n\n    render() {\n        return <Dialog\n            open={!0}\n            maxWidth=\"sm\"\n            fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\n            onClose={() => this.handleOk()}\n            aria-labelledby=\"message-dialog-title\"\n            aria-describedby=\"message-dialog-description\"\n        >\n            <DialogTitle id=\"message-dialog-title\">{this.props.title || I18n.t('ra_Message')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"message-dialog-description\">\n                    {this.props.text}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconClose />}>{I18n.t('ra_Close')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogMessage.propTypes = {\n    fullWidth: PropTypes.bool,\n    onClose: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    icon: PropTypes.object\n};\n\nexport default DialogMessage;\n"],"mappings":";;;;;;;;;;;;AAQA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAA2B;AAAA;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMA,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACf,oBAAW;MACP,IAAI,CAACC,KAAK,CAACC,OAAO,IAAI,IAAI,CAACD,KAAK,CAACC,OAAO,EAAE;IAC9C;EAAC;IAAA;IAAA,OAED,kBAAS;MAAA;MACL,oBAAO,gCAAC,kBAAM;QACV,IAAI,EAAE,CAAC,CAAE;QACT,QAAQ,EAAC,IAAI;QACb,SAAS,EAAE,IAAI,CAACD,KAAK,CAACE,SAAS,KAAKC,SAAS,GAAG,IAAI,CAACH,KAAK,CAACE,SAAS,GAAG,IAAK;QAC5E,OAAO,EAAE;UAAA,OAAM,KAAI,CAACE,QAAQ,EAAE;QAAA,CAAC;QAC/B,mBAAgB,sBAAsB;QACtC,oBAAiB;MAA4B,gBAE7C,gCAAC,uBAAW;QAAC,EAAE,EAAC;MAAsB,GAAE,IAAI,CAACJ,KAAK,CAACK,KAAK,IAAIC,gBAAI,CAACC,CAAC,CAAC,YAAY,CAAC,CAAe,eAC/F,gCAAC,yBAAa,qBACV,gCAAC,6BAAiB;QAAC,EAAE,EAAC;MAA4B,GAC7C,IAAI,CAACP,KAAK,CAACQ,IAAI,CACA,CACR,eAChB,gCAAC,yBAAa,qBACV,gCAAC,kBAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,KAAI,CAACJ,QAAQ,EAAE;QAAA,CAAC;QAAC,KAAK,EAAC,SAAS;QAAC,SAAS;QAAC,SAAS,eAAE,gCAAC,iBAAS;MAAI,GAAEE,gBAAI,CAACC,CAAC,CAAC,UAAU,CAAC,CAAU,CACjI,CACX;IACb;EAAC;EAAA;AAAA,EAxBuBE,iBAAK,CAACC,SAAS;AA2B3CX,aAAa,CAACY,SAAS,GAAG;EACtBT,SAAS,EAAEU,qBAAS,CAACC,IAAI;EACzBZ,OAAO,EAAEW,qBAAS,CAACE,IAAI,CAACC,UAAU;EAClCV,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBR,IAAI,EAAEI,qBAAS,CAACI,MAAM;EACtBC,IAAI,EAAEL,qBAAS,CAACM;AACpB,CAAC;AAAC,eAEanB,aAAa;AAAA"}
+{"version":3,"file":"Message.js","names":["DialogMessage","props","onClose","fullWidth","undefined","handleOk","title","I18n","t","marginRight","icon","text","ok","React","Component","propTypes","PropTypes","bool","func","isRequired","string","object"],"sources":["Message.js"],"sourcesContent":["/**\n * Copyright 2018-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';\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';\n\nimport IconClose from '@mui/icons-material/Close';\n\nimport I18n from '../i18n';\n\n/**\n * @typedef {object} DialogMessageProps\n * @property {string} [title] The dialog title; default: Message (translated)\n * @property {string} text The dialog text.\n * @property {() => void} [onClose] Close handler.\n *\n * @extends {React.Component<DialogMessageProps>}\n */\nclass DialogMessage extends React.Component {\n    handleOk() {\n        this.props.onClose && this.props.onClose();\n    };\n\n    render() {\n        return <Dialog\n            open={!0}\n            maxWidth=\"sm\"\n            fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\n            onClose={() => this.handleOk()}\n            aria-labelledby=\"message-dialog-title\"\n            aria-describedby=\"message-dialog-description\"\n        >\n            <DialogTitle id=\"message-dialog-title\">{this.props.title || I18n.t('ra_Message')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"message-dialog-description\">\n                    <span style={{ marginRight: this.props.icon ? 8 : 0 }}>{this.props.icon || null}</span>{this.props.text}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconClose />}>{this.props.ok || I18n.t('ra_Close')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogMessage.propTypes = {\n    fullWidth: PropTypes.bool,\n    onClose: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    ok: PropTypes.string,\n    icon: PropTypes.object\n};\n\nexport default DialogMessage;\n"],"mappings":";;;;;;;;;;;;AAQA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAA2B;AAAA;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMA,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACf,oBAAW;MACP,IAAI,CAACC,KAAK,CAACC,OAAO,IAAI,IAAI,CAACD,KAAK,CAACC,OAAO,EAAE;IAC9C;EAAC;IAAA;IAAA,OAED,kBAAS;MAAA;MACL,oBAAO,gCAAC,kBAAM;QACV,IAAI,EAAE,CAAC,CAAE;QACT,QAAQ,EAAC,IAAI;QACb,SAAS,EAAE,IAAI,CAACD,KAAK,CAACE,SAAS,KAAKC,SAAS,GAAG,IAAI,CAACH,KAAK,CAACE,SAAS,GAAG,IAAK;QAC5E,OAAO,EAAE;UAAA,OAAM,KAAI,CAACE,QAAQ,EAAE;QAAA,CAAC;QAC/B,mBAAgB,sBAAsB;QACtC,oBAAiB;MAA4B,gBAE7C,gCAAC,uBAAW;QAAC,EAAE,EAAC;MAAsB,GAAE,IAAI,CAACJ,KAAK,CAACK,KAAK,IAAIC,gBAAI,CAACC,CAAC,CAAC,YAAY,CAAC,CAAe,eAC/F,gCAAC,yBAAa,qBACV,gCAAC,6BAAiB;QAAC,EAAE,EAAC;MAA4B,gBAC9C;QAAM,KAAK,EAAE;UAAEC,WAAW,EAAE,IAAI,CAACR,KAAK,CAACS,IAAI,GAAG,CAAC,GAAG;QAAE;MAAE,GAAE,IAAI,CAACT,KAAK,CAACS,IAAI,IAAI,IAAI,CAAQ,EAAC,IAAI,CAACT,KAAK,CAACU,IAAI,CACvF,CACR,eAChB,gCAAC,yBAAa,qBACV,gCAAC,kBAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,KAAI,CAACN,QAAQ,EAAE;QAAA,CAAC;QAAC,KAAK,EAAC,SAAS;QAAC,SAAS;QAAC,SAAS,eAAE,gCAAC,iBAAS;MAAI,GAAE,IAAI,CAACJ,KAAK,CAACW,EAAE,IAAIL,gBAAI,CAACC,CAAC,CAAC,UAAU,CAAC,CAAU,CAClJ,CACX;IACb;EAAC;EAAA;AAAA,EAxBuBK,iBAAK,CAACC,SAAS;AA2B3Cd,aAAa,CAACe,SAAS,GAAG;EACtBZ,SAAS,EAAEa,qBAAS,CAACC,IAAI;EACzBf,OAAO,EAAEc,qBAAS,CAACE,IAAI,CAACC,UAAU;EAClCb,KAAK,EAAEU,qBAAS,CAACI,MAAM;EACvBT,IAAI,EAAEK,qBAAS,CAACI,MAAM;EACtBR,EAAE,EAAEI,qBAAS,CAACI,MAAM;EACpBV,IAAI,EAAEM,qBAAS,CAACK;AACpB,CAAC;AAAC,eAEarB,aAAa;AAAA"}

package/Dialogs/SelectFile.d.ts

@@ -0,0 +1,133 @@
+export default _export;
+export type DialogSelectIDProps = {
+    /**
+     * The internal name of the dialog; default: "default"
+     */
+    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;
+    /**
+     * Prefix (default: '.')
+     */
+    imagePrefix?: string;
+    /**
+     * Show the expert button?
+     */
+    showExpertButton?: boolean;
+    /**
+     * The language.
+     */
+    lang?: ioBroker.Languages;
+    /**
+     * The socket connection.
+     */
+    socket: import('../Connection').default;
+    /**
+     * Theme name.
+     */
+    themeName?: string;
+    /**
+     * Theme type.
+     */
+    themeType?: string;
+    /**
+     * 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;
+    /**
+     * The styling class names.
+     */
+    classes?: {
+        headerID: string;
+        dialog: string;
+        content: string;
+    };
+};
+/** @type {typeof DialogSelectFile} */
+declare const _export: typeof DialogSelectFile;
+/**
+ * @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 {string} [imagePrefix] Prefix (default: '.')
+ * @property {boolean} [showExpertButton] Show the expert button?
+ * @property {ioBroker.Languages} [lang] The language.
+ * @property {import('../Connection').default} socket The socket connection.
+ * @property {string} [themeName] Theme name.
+ * @property {string} [themeType] Theme type.
+ * @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 DialogSelectFile extends React.Component<DialogSelectIDProps, any, any> {
+    /**
+     * @param {DialogSelectIDProps} props
+     */
+    constructor(props: DialogSelectIDProps);
+    dialogName: string;
+    filters: any;
+    state: {
+        selected: string[];
+    };
+    handleCancel(): void;
+    handleOk(): void;
+    render(): JSX.Element;
+}
+declare namespace DialogSelectFile {
+    namespace propTypes {
+        const dialogName: PropTypes.Requireable<string>;
+        const classes: PropTypes.Requireable<object>;
+        const allowUpload: PropTypes.Requireable<boolean>;
+        const allowDownload: PropTypes.Requireable<boolean>;
+        const allowCreateFolder: PropTypes.Requireable<boolean>;
+        const allowDelete: PropTypes.Requireable<boolean>;
+        const allowView: PropTypes.Requireable<boolean>;
+        const showToolbar: PropTypes.Requireable<boolean>;
+        const filterByType: PropTypes.Requireable<string>;
+        const showTypeSelector: PropTypes.Requireable<boolean>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+        const onOk: PropTypes.Validator<(...args: any[]) => any>;
+        const title: PropTypes.Requireable<string>;
+        const lang: PropTypes.Requireable<string>;
+        const selected: PropTypes.Requireable<NonNullable<string | any[]>>;
+        const socket: PropTypes.Validator<object>;
+        const cancel: PropTypes.Requireable<string>;
+        const imagePrefix: PropTypes.Requireable<string>;
+        const ok: PropTypes.Requireable<string>;
+        const themeName: PropTypes.Requireable<string>;
+        const themeType: PropTypes.Requireable<string>;
+        const showExpertButton: PropTypes.Requireable<boolean>;
+        const expertMode: PropTypes.Requireable<boolean>;
+        const multiSelect: PropTypes.Requireable<boolean>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/Dialogs/SelectFile.js

@@ -0,0 +1,261 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _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 _Utils = _interopRequireDefault(require("../Components/Utils"));
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _FileBrowser = _interopRequireDefault(require("../Components/FileBrowser"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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() {
+  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 {string} [imagePrefix] Prefix (default: '.')
+ * @property {boolean} [showExpertButton] Show the expert button?
+ * @property {ioBroker.Languages} [lang] The language.
+ * @property {import('../Connection').default} socket The socket connection.
+ * @property {string} [themeName] Theme name.
+ * @property {string} [themeType] Theme type.
+ * @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 DialogSelectFile = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DialogSelectFile, _React$Component);
+  var _super = _createSuper(DialogSelectFile);
+  /**
+   * @param {DialogSelectIDProps} props
+   */
+  function DialogSelectFile(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DialogSelectFile);
+    _this = _super.call(this, props);
+    _this.dialogName = _this.props.dialogName || 'default';
+    _this.dialogName = "SelectFile.".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];
+    } else {
+      selected = (0, _toConsumableArray2["default"])(selected);
+    }
+    selected = selected.filter(function (id) {
+      return id;
+    });
+    _this.state = {
+      selected: selected
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(DialogSelectFile, [{
+    key: "handleCancel",
+    value: function handleCancel() {
+      this.props.onClose();
+    }
+  }, {
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected) ? this.state.selected : this.state.selected[0] || '');
+      this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var title;
+      if (this.state.selected.length) {
+        if (!Array.isArray(this.state.selected) || 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.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))];
+        }
+      } 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: !0,
+        "aria-labelledby": "selectfile-dialog-title"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "selectfile-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,
+        allowUpload: this.props.allowUpload,
+        allowDownload: this.props.allowDownload,
+        allowCreateFolder: this.props.allowCreateFolder,
+        allowDelete: this.props.allowDelete,
+        allowView: this.props.allowView,
+        showToolbar: this.props.showToolbar,
+        imagePrefix: this.props.imagePrefix || this.props.prefix || '../' // prefix is for back compatibility
+        ,
+        selected: this.props.selected,
+        filterByType: this.props.filterByType,
+        t: this.props.t || _i18n["default"].t,
+        lang: this.props.lang || _i18n["default"].getLanguage(),
+        socket: this.props.socket,
+        themeType: this.props.themeType,
+        themeName: this.props.themeName,
+        showExpertButton: this.props.showExpertButton,
+        expertMode: this.props.expertMode,
+        showTypeSelector: this.props.showTypeSelector,
+        onSelect: function onSelect(selected, isDouble) {
+          if (JSON.stringify(selected) !== JSON.stringify(_this2.state.selected)) {
+            _this2.setState({
+              selected: selected
+            }, function () {
+              return isDouble && _this2.handleOk();
+            });
+          } else if (isDouble) {
+            _this2.handleOk();
+          }
+        }
+      })), /*#__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.length,
+        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 DialogSelectFile;
+}(_react["default"].Component);
+DialogSelectFile.propTypes = {
+  dialogName: _propTypes["default"].string,
+  // where to store settings in localStorage
+  classes: _propTypes["default"].object,
+  allowUpload: _propTypes["default"].bool,
+  allowDownload: _propTypes["default"].bool,
+  allowCreateFolder: _propTypes["default"].bool,
+  allowDelete: _propTypes["default"].bool,
+  allowView: _propTypes["default"].bool,
+  showToolbar: _propTypes["default"].bool,
+  filterByType: _propTypes["default"].string,
+  // e.g. images
+  showTypeSelector: _propTypes["default"].bool,
+  // If type selector should be shown
+
+  onClose: _propTypes["default"].func.isRequired,
+  onOk: _propTypes["default"].func.isRequired,
+  title: _propTypes["default"].string,
+  lang: _propTypes["default"].string,
+  selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array // not implemented
+  ]),
+
+  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 // not implemented
+};
+
+/** @type {typeof DialogSelectFile} */
+var _export = (0, _withStyles["default"])(styles)(DialogSelectFile);
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=SelectFile.js.map

package/Dialogs/SelectFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFile.js","names":["styles","headerID","fontWeight","fontStyle","dialog","height","dialogMobile","padding","width","maxWidth","maxHeight","content","overflow","contentMobile","titleRoot","whiteSpace","display","textOverflow","DialogSelectFile","props","dialogName","filters","window","_localStorage","localStorage","getItem","JSON","parse","e","selected","filter","id","state","onClose","onOk","multiSelect","Array","isArray","title","length","I18n","t","classes","paper","Utils","clsx","root","allowUpload","allowDownload","allowCreateFolder","allowDelete","allowView","showToolbar","imagePrefix","prefix","filterByType","lang","getLanguage","socket","themeType","themeName","showExpertButton","expertMode","showTypeSelector","isDouble","stringify","setState","handleOk","ok","handleCancel","cancel","React","Component","propTypes","PropTypes","string","object","bool","func","isRequired","oneOfType","array","_export","withStyles"],"sources":["SelectFile.jsx"],"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 Utils from '../Components/Utils';\nimport I18n from '../i18n';\nimport FileBrowser from '../Components/FileBrowser';\n\nconst styles = () => ({\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 {string} [imagePrefix] Prefix (default: '.')\n * @property {boolean} [showExpertButton] Show the expert button?\n * @property {ioBroker.Languages} [lang] The language.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {string} [themeName] Theme name.\n * @property {string} [themeType] Theme type.\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 DialogSelectFile 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 = `SelectFile.${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        if (props.filters) {\n            this.filters = { ...this.filters, ...props.filters };\n        }\n\n        let selected = this.props.selected || [];\n        if (typeof selected !== 'object') {\n            selected = [selected];\n        } else {\n            selected = [...selected];\n        }\n        selected = selected.filter(id => id);\n\n        this.state =  {\n            selected,\n        };\n    }\n\n    handleCancel() {\n        this.props.onClose();\n    }\n\n    handleOk() {\n        this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected) ? this.state.selected : this.state.selected[0] || '');\n        this.props.onClose();\n    }\n\n    render() {\n        let title;\n        if (this.state.selected.length) {\n            if (!Array.isArray(this.state.selected) || this.state.selected.length === 1) {\n                title = [\n                    <span key=\"selected\">\n                        {I18n.t('ra_Selected')}\n                        &nbsp;\n                    </span>,\n                    <span key=\"id\" className={this.props.classes.headerID}>\n                        {this.state.selected}\n                    </span>,\n                ];\n            } else {\n                title = [\n                    <span key=\"selected\">\n                        {I18n.t('ra_Selected')}\n                        &nbsp;\n                    </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 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\n            open={!0}\n            aria-labelledby=\"selectfile-dialog-title\"\n        >\n            <DialogTitle id=\"selectfile-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                    allowUpload={this.props.allowUpload}\n                    allowDownload={this.props.allowDownload}\n                    allowCreateFolder={this.props.allowCreateFolder}\n                    allowDelete={this.props.allowDelete}\n                    allowView={this.props.allowView}\n                    showToolbar={this.props.showToolbar}\n                    imagePrefix={this.props.imagePrefix || this.props.prefix || '../'} // prefix is for back compatibility\n                    selected={this.props.selected}\n                    filterByType={this.props.filterByType}\n                    t={this.props.t || I18n.t}\n                    lang={this.props.lang || I18n.getLanguage()}\n                    socket={this.props.socket}\n                    themeType={this.props.themeType}\n                    themeName={this.props.themeName}\n                    showExpertButton={this.props.showExpertButton}\n                    expertMode={this.props.expertMode}\n                    showTypeSelector={this.props.showTypeSelector}\n                    onSelect={(selected, isDouble) => {\n                        if (JSON.stringify(selected) !== JSON.stringify(this.state.selected)) {\n                            this.setState({ selected }, () =>\n                                isDouble && this.handleOk());\n                        } else if (isDouble) {\n                            this.handleOk();\n                        }\n                    }}\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\nDialogSelectFile.propTypes = {\n    dialogName: PropTypes.string, // where to store settings in localStorage\n    classes: PropTypes.object,\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    filterByType: PropTypes.string, // e.g. images\n    showTypeSelector: PropTypes.bool, // If type selector should be shown\n\n    onClose: PropTypes.func.isRequired,\n    onOk: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    lang: PropTypes.string,\n    selected: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array, // not implemented\n    ]),\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    expertMode: PropTypes.bool, // force expert mode\n    multiSelect: PropTypes.bool, // not implemented\n};\n\n/** @type {typeof DialogSelectFile} */\nconst _export = withStyles(styles)(DialogSelectFile);\nexport default _export;\n"],"mappings":"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"}

package/README.md

@@ -10,7 +10,7 @@ If you want to create the configuration page with react:
     - Change `name` from `src` to `ADAPTERNAME-admin` (Of course replace `ADAPTERNAME` with yours)
     - Add to devDependencies:
       ```
-      "@iobroker/adapter-react": "^3.3.0",
+      "@iobroker/adapter-react": "^3.4.1",
       ```
       Versions can be higher.
       So your src/package.json should look like:
@@ -643,6 +643,12 @@ If you still have questions, try to find an answer [here](https://mui.com/guides
 -->
 
 ## Changelog
+### 3.4.1 (2022-11-29)
+* (bluefox) Added button text for message dialog
+
+### 3.4.0 (2022-11-29)
+* (bluefox) Added file selector
+
 ### 3.3.0 (2022-11-26)
 * (bluefox) Added subscribe on files
 

package/i18n/de.json

@@ -334,5 +334,13 @@
   "ra_month_Sep": "Sep",
   "ra_month_Oct": "Okt",
   "ra_month_Nov": "Nov",
-  "ra_month_Dec": "Dez"
+  "ra_month_Dec": "Dez",
+  "ra_Filter files": "Dateien filtern",
+  "ra_Please select file...": "Bitte Datei auswählen...",
+  "ra_fileType_all": "Alle Dateien",
+  "ra_fileType_audio": "Audio",
+  "ra_fileType_code": "Code/JSON",
+  "ra_fileType_images": "Bilder",
+  "ra_fileType_txt": "Text",
+  "ra_fileType_video,": "Video"
 }

package/i18n/en.json

@@ -334,5 +334,13 @@
   "ra_month_Sep": "Sep",
   "ra_month_Oct": "Oct",
   "ra_month_Nov": "Nov",
-  "ra_month_Dec": "Dec"
+  "ra_month_Dec": "Dec",
+  "ra_fileType_all": "All files",
+  "ra_fileType_images": "Images",
+  "ra_fileType_code": "Code/JSON",
+  "ra_fileType_txt": "Text",
+  "ra_fileType_audio": "Audio",
+  "ra_fileType_video,": "Video",
+  "ra_Filter files": "Filter files",
+  "ra_Please select file...": "Please select file..."
 }

package/i18n/es.json

@@ -309,5 +309,38 @@
   "ra_Configure": "Configurar",
   "ra_Invalid CRON": "CRON no válido",
   "ra_Discard": "Desechar",
-  "ra_Some data are not stored. Discard?": "Algunos datos no se almacenan. ¿Desechar?"
+  "ra_Some data are not stored. Discard?": "Algunos datos no se almacenan. ¿Desechar?",
+  "ra_Filter files": "Filtrar archivos",
+  "ra_Please select file...": "Seleccione el archivo...",
+  "ra_dow_We": "Nosotros",
+  "ra_fileType_all": "Todos los archivos",
+  "ra_fileType_audio": "Audio",
+  "ra_fileType_code": "Código/JSON",
+  "ra_fileType_images": "Imágenes",
+  "ra_fileType_txt": "Texto",
+  "ra_fileType_video,": "Video",
+  "ra_month_Apr": "Abr",
+  "ra_month_Aug": "Ago",
+  "ra_month_Dec": "Dic",
+  "ra_month_Feb": "Feb",
+  "ra_month_Jan": "Ene",
+  "ra_month_Jul": "Jul",
+  "ra_month_Jun": "Jun",
+  "ra_month_Mai": "Mai",
+  "ra_month_Mar": "Mar",
+  "ra_month_Nov": "Nov",
+  "ra_month_Oct": "Oct",
+  "ra_month_Sep": "Sep",
+  "ra_months_Apr": "Abr",
+  "ra_months_Aug": "Ago",
+  "ra_months_Dec": "Dic",
+  "ra_months_Feb": "Feb",
+  "ra_months_Jan": "Ene",
+  "ra_months_Jul": "Jul",
+  "ra_months_Jun": "Jun",
+  "ra_months_Mai": "Mai",
+  "ra_months_Mar": "Mar",
+  "ra_months_Nov": "Nov",
+  "ra_months_Oct": "Oct",
+  "ra_months_Sep": "Sep"
 }

package/i18n/fr.json

@@ -309,5 +309,38 @@
   "ra_Configure": "Configurer",
   "ra_Invalid CRON": "CRON invalide",
   "ra_Discard": "Jeter",
-  "ra_Some data are not stored. Discard?": "Certaines données ne sont pas stockées. Jeter?"
+  "ra_Some data are not stored. Discard?": "Certaines données ne sont pas stockées. Jeter?",
+  "ra_Filter files": "Filtrer les fichiers",
+  "ra_Please select file...": "Veuillez sélectionner le fichier...",
+  "ra_dow_We": "Nous",
+  "ra_fileType_all": "Tous les fichiers",
+  "ra_fileType_audio": "l'audio",
+  "ra_fileType_code": "Code/JSON",
+  "ra_fileType_images": "Images",
+  "ra_fileType_txt": "Texte",
+  "ra_fileType_video,": "Vidéo",
+  "ra_month_Apr": "Avr",
+  "ra_month_Aug": "Août",
+  "ra_month_Dec": "Déc",
+  "ra_month_Feb": "Fév",
+  "ra_month_Jan": "Jan",
+  "ra_month_Jul": "Juil",
+  "ra_month_Jun": "Juin",
+  "ra_month_Mai": "Mai",
+  "ra_month_Mar": "Mar",
+  "ra_month_Nov": "Nov",
+  "ra_month_Oct": "Oct",
+  "ra_month_Sep": "Sep",
+  "ra_months_Apr": "Avr",
+  "ra_months_Aug": "Août",
+  "ra_months_Dec": "Déc",
+  "ra_months_Feb": "Fév",
+  "ra_months_Jan": "Jan",
+  "ra_months_Jul": "Juil",
+  "ra_months_Jun": "Juin",
+  "ra_months_Mai": "Mai",
+  "ra_months_Mar": "Mar",
+  "ra_months_Nov": "Nov",
+  "ra_months_Oct": "Oct",
+  "ra_months_Sep": "Sep"
 }