@iobroker/adapter-react-v5 3.4.4 → 3.5.0

package/Dialogs/SelectFile.d.ts

@@ -1,9 +1,9 @@
 export default _export;
-export type DialogSelectIDProps = {
+export type DialogSelectFileProps = {
     /**
-     * The internal name of the dialog; default: "default"
+     * PropTypes.string, // where to store settings in localStorage *
      */
-    dialogName?: string;
+    dialogName?: boolean;
     /**
      * The dialog title; default: Please select object ID... (translated)
      */
@@ -27,7 +27,7 @@ export type DialogSelectIDProps = {
     /**
      * The socket connection.
      */
-    socket: import('../Connection').default;
+    socket?: import('../Connection').default;
     /**
      * Theme name.
      */
@@ -48,14 +48,54 @@ export type DialogSelectIDProps = {
      * The cancel button text; default: Cancel (translated)
      */
     cancel?: string;
+    /**
+     * If download of files enabled
+     */
+    allowUpload?: boolean;
+    /**
+     * If download of files enabled
+     */
+    allowDownload?: boolean;
+    /**
+     * If creation of folders enabled
+     */
+    allowCreateFolder?: boolean;
+    /**
+     * If creation of folders enabled
+     */
+    allowDelete?: boolean;
+    /**
+     * if tile view enabled (default true)
+     */
+    allowView?: boolean;
+    /**
+     * Show toolbar (default true)
+     */
+    showToolbar?: boolean;
+    /**
+     * Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
+     */
+    limitPath?: any[];
+    /**
+     * like `['png', 'svg', 'bmp', 'jpg', 'jpeg']`
+     */
+    filterFiles?: any[];
+    /**
+     * images, code, txt, audio, video
+     */
+    filterByType?: string;
+    /**
+     * allow only folder's selection *
+     */
+    selectOnlyFolders?: bool;
     /**
      * Close handler that is always called when the dialog is closed.
      */
     onClose: () => void;
     /**
-     * Handler that is called when the user presses OK.
+     * Handler that is called when the user presses OK or by double click.
      */
-    onOk: (selected: string | string[] | undefined, name: string) => void;
+    onOk: (selected: string | string[] | undefined) => void;
     /**
      * The styling class names.
      */
@@ -68,9 +108,8 @@ export type DialogSelectIDProps = {
 /** @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)
+ * @typedef {object} DialogSelectFileProps
+ * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage * @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?
@@ -81,21 +120,32 @@ declare const _export: typeof DialogSelectFile;
  * @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 {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 folder's selection * @property {() => void} onClose Close handler that is always called when the dialog is closed.
+ * @property {(selected: string | string[] | undefined) => void} onOk Handler that is called when the user presses OK or by double click.
  * @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
+     * @param {DialogSelectFileProps} props
      */
-    constructor(props: DialogSelectIDProps);
+    constructor(props: DialogSelectFileProps);
     dialogName: string;
     filters: any;
     state: {
-        selected: string[];
+        selected: any;
+        isFolder: boolean;
     };
     handleCancel(): void;
     handleOk(): void;
@@ -103,25 +153,29 @@ declare class DialogSelectFile extends React.Component<DialogSelectIDProps, any,
 }
 declare namespace DialogSelectFile {
     namespace propTypes {
+        const imagePrefix: PropTypes.Requireable<string>;
         const dialogName: PropTypes.Requireable<string>;
+        const selected: PropTypes.Requireable<NonNullable<string | any[]>>;
         const classes: PropTypes.Requireable<object>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+        const onOk: PropTypes.Validator<(...args: any[]) => any>;
+        const ok: PropTypes.Requireable<string>;
+        const cancel: PropTypes.Requireable<string>;
+        const socket: PropTypes.Validator<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 filterFiles: PropTypes.Requireable<string[]>;
         const filterByType: PropTypes.Requireable<string>;
+        const limitPath: PropTypes.Requireable<string>;
+        const selectOnlyFolders: PropTypes.Requireable<boolean>;
+        const showViewTypeButton: PropTypes.Requireable<boolean>;
         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>;

package/Dialogs/SelectFile.js

@@ -64,9 +64,8 @@ var styles = function styles() {
 };
 
 /**
- * @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)
+ * @typedef {object} DialogSelectFileProps
+ * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage * @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?
@@ -77,8 +76,18 @@ var styles = function styles() {
  * @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 {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 folder's selection * @property {() => void} onClose Close handler that is always called when the dialog is closed.
+ * @property {(selected: string | string[] | undefined) => void} onOk Handler that is called when the user presses OK or by double click.
  * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
  *
  * @extends {React.Component<DialogSelectIDProps>}
@@ -87,7 +96,7 @@ var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(DialogSelectFile, _React$Component);
   var _super = _createSuper(DialogSelectFile);
   /**
-   * @param {DialogSelectIDProps} props
+   * @param {DialogSelectFileProps} props
    */
   function DialogSelectFile(props) {
     var _this;
@@ -114,7 +123,8 @@ var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
       return id;
     });
     _this.state = {
-      selected: selected
+      selected: selected,
+      isFolder: false
     };
     return _this;
   }
@@ -171,16 +181,27 @@ var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
         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,
+        allowUpload: !!this.props.allowUpload,
+        allowDownload: this.props.allowDownload !== false,
+        allowCreateFolder: !!this.props.allowCreateFolder,
+        allowDelete: !!this.props.allowDelete,
+        allowView: this.props.allowView !== false,
+        showViewTypeButton: this.props.showViewTypeButton !== 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.handleOk();
+          });
+        },
         t: this.props.t || _i18n["default"].t,
         lang: this.props.lang || _i18n["default"].getLanguage(),
         socket: this.props.socket,
@@ -188,18 +209,7 @@ var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
         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();
-          }
-        }
+        showTypeSelector: this.props.showTypeSelector
       })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         variant: "contained",
         onClick: function onClick() {
@@ -221,31 +231,37 @@ var DialogSelectFile = /*#__PURE__*/function (_React$Component) {
   return DialogSelectFile;
 }(_react["default"].Component);
 DialogSelectFile.propTypes = {
+  imagePrefix: _propTypes["default"].string,
   dialogName: _propTypes["default"].string,
   // where to store settings in localStorage
+  selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array // not implemented
+  ]),
   classes: _propTypes["default"].object,
+  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,
+  // allow view of files
   showToolbar: _propTypes["default"].bool,
+  filterFiles: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  // array of extensions ['jpg', 'png]
   filterByType: _propTypes["default"].string,
   // e.g. images
+  limitPath: _propTypes["default"].string,
+  selectOnlyFolders: _propTypes["default"].bool,
+  showViewTypeButton: _propTypes["default"].bool,
+  // Allow switch views Table<=>Rows
   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,

package/Dialogs/SelectFile.js.map

@@ -1 +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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"}
+{"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","isFolder","onClose","onOk","multiSelect","Array","isArray","title","length","I18n","t","classes","paper","Utils","clsx","root","imagePrefix","prefix","allowUpload","allowDownload","allowCreateFolder","allowDelete","allowView","showViewTypeButton","showToolbar","limitPath","filterFiles","filterByType","isDoubleClick","setState","selectOnlyFolders","handleOk","lang","getLanguage","socket","themeType","themeName","showExpertButton","expertMode","showTypeSelector","ok","handleCancel","cancel","React","Component","propTypes","PropTypes","string","oneOfType","array","object","func","isRequired","bool","arrayOf","_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} DialogSelectFileProps\n * @property {boolean} [dialogName] PropTypes.string, // where to store settings in localStorage * @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 {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 folder's selection * @property {() => void} onClose Close handler that is always called when the dialog is closed.\n * @property {(selected: string | string[] | undefined) => void} onOk Handler that is called when the user presses OK or by double click.\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 {DialogSelectFileProps} 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            isFolder: false,\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                    imagePrefix={this.props.imagePrefix || this.props.prefix || '../'} // prefix is for back compatibility\n                    allowUpload={!!this.props.allowUpload}\n                    allowDownload={this.props.allowDownload !== false}\n                    allowCreateFolder={!!this.props.allowCreateFolder}\n                    allowDelete={!!this.props.allowDelete}\n                    allowView={this.props.allowView !== false}\n                    showViewTypeButton={this.props.showViewTypeButton !== 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.handleOk());\n                    }}\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                />\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    imagePrefix: PropTypes.string,\n    dialogName: PropTypes.string, // where to store settings in localStorage\n    selected: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array, // not implemented\n    ]),    classes: PropTypes.object,\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, // allow view of files\n    showToolbar: PropTypes.bool,\n    filterFiles: PropTypes.arrayOf(PropTypes.string), // array of extensions ['jpg', 'png]\n    filterByType: PropTypes.string, // e.g. images\n    limitPath: PropTypes.string,\n    selectOnlyFolders: PropTypes.bool,\n    showViewTypeButton: PropTypes.bool, // Allow switch views Table<=>Rows\n    showTypeSelector: PropTypes.bool, // If type selector should be shown\n\n    title: PropTypes.string,\n    lang: PropTypes.string,\n\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.4.4",
+      "@iobroker/adapter-react": "^3.5.0",
       ```
       Versions can be higher.
       So your src/package.json should look like:
@@ -643,7 +643,7 @@ If you still have questions, try to find an answer [here](https://mui.com/guides
 -->
 
 ## Changelog
-### 3.4.4 (2022-11-30)
+### 3.5.0 (2022-11-30)
 * (bluefox) updated json config component
 
 ### 3.4.1 (2022-11-29)

package/package.json

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

package/Dialogs/FileSelect.d.ts

@@ -1,148 +0,0 @@
-export default _export;
-export type FileSelectDialogProps = {
-    /**
-     * The internal name of the dialog; default: "default"
-     */
-    dialogName?: string;
-    /**
-     * The dialog title; default: Please select object ID... (translated)
-     */
-    title?: string;
-    /**
-     * Prefix (default: '.')
-     */
-    imagePrefix?: string;
-    /**
-     * Pre-selected file
-     */
-    selected?: boolean;
-    /**
-     * 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 | undefined) => void;
-    /**
-     * The ok button text; default: OK (translated)
-     */
-    ok?: string;
-    /**
-     * The cancel button text; default: Cancel (translated)
-     */
-    cancel?: string;
-    /**
-     * Socket class (required)
-     */
-    socket?: boolean;
-    /**
-     * If download of files enabled
-     */
-    allowUpload?: boolean;
-    /**
-     * If download of files enabled
-     */
-    allowDownload?: boolean;
-    /**
-     * If creation of folders enabled
-     */
-    allowCreateFolder?: boolean;
-    /**
-     * If creation of folders enabled
-     */
-    allowDelete?: boolean;
-    /**
-     * if tile view enabled (default true)
-     */
-    allowView?: boolean;
-    /**
-     * Show toolbar (default true)
-     */
-    showToolbar?: boolean;
-    /**
-     * Limit file browser to one specific objectID of type meta and following path (like vis.0/main)
-     */
-    limitPath?: any[];
-    /**
-     * like `['png', 'svg', 'bmp', 'jpg', 'jpeg']`
-     */
-    filterFiles?: any[];
-    /**
-     * images, code, txt, audio, video
-     */
-    filterByType?: string;
-    /**
-     * allow only folders selection
-     */
-    selectOnlyFolders?: bool;
-};
-/** @type {typeof DialogFileSelect} */
-declare const _export: typeof DialogFileSelect;
-/**
- * @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>}
- */
-declare class DialogFileSelect extends React.Component<FileSelectDialogProps, any, any> {
-    /**
-     * @param {FileSelectDialogProps} props
-     */
-    constructor(props: FileSelectDialogProps);
-    dialogName: string;
-    filters: any;
-    state: {
-        selected: string | true;
-        isFolder: boolean;
-        name: string;
-        isMobile: boolean;
-    };
-    handleCancel(): void;
-    handleOk(): void;
-    render(): JSX.Element;
-}
-declare namespace DialogFileSelect {
-    namespace propTypes {
-        const imagePrefix: PropTypes.Requireable<string>;
-        const dialogName: PropTypes.Requireable<string>;
-        const selected: PropTypes.Requireable<string>;
-        const onClose: PropTypes.Validator<(...args: any[]) => any>;
-        const onOk: PropTypes.Validator<(...args: any[]) => any>;
-        const ok: PropTypes.Requireable<string>;
-        const cancel: PropTypes.Requireable<string>;
-        const socket: PropTypes.Validator<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 objectID: PropTypes.Requireable<string>;
-        const filterFiles: PropTypes.Requireable<string[]>;
-        const filterByType: PropTypes.Requireable<string>;
-        const limitPath: PropTypes.Requireable<string>;
-        const selectOnlyFolders: PropTypes.Requireable<boolean>;
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";