@iobroker/adapter-react-v5 3.4.3 → 3.4.5

package/Components/copy-to-clipboard.js

@@ -59,23 +59,22 @@ function deselectCurrent() {
 // https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
 
 var clipboardToIE11Formatting = {
-  "text/plain": "Text",
-  "text/html": "Url",
-  "default": "Text"
+  'text/plain': 'Text',
+  'text/html': 'Url',
+  'default': 'Text'
 };
-var defaultMessage = "Copy to clipboard: #{key}, Enter";
+var defaultMessage = 'Copy to clipboard: #{key}, Enter';
 function format(message) {
-  var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+  var copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';
   return message.replace(/#{\s*key\s*}/g, copyKey);
 }
 function copy(text, options) {
-  var debug,
-    message,
-    reselectPrevious,
-    range,
-    selection,
-    mark,
-    success = false;
+  var debug;
+  var reselectPrevious;
+  var range;
+  var selection;
+  var mark;
+  var success = false;
   if (!options) {
     options = {};
   }
@@ -84,31 +83,33 @@ function copy(text, options) {
     reselectPrevious = deselectCurrent();
     range = document.createRange();
     selection = document.getSelection();
-    mark = document.createElement("span");
+    mark = document.createElement('span');
     mark.textContent = text;
+    // avoid screen readers from reading out loud the text
+    mark.ariaHidden = 'true';
     // reset user styles for span element
-    mark.style.all = "unset";
+    mark.style.all = 'unset';
     // prevents scrolling to the end of the page
-    mark.style.position = "fixed";
+    mark.style.position = 'fixed';
     mark.style.top = 0;
-    mark.style.clip = "rect(0, 0, 0, 0)";
+    mark.style.clip = 'rect(0, 0, 0, 0)';
     // used to preserve spaces and line breaks
-    mark.style.whiteSpace = "pre";
+    mark.style.whiteSpace = 'pre';
     // do not inherit user-select (it may be `none`)
-    mark.style.webkitUserSelect = "text";
-    mark.style.MozUserSelect = "text";
-    mark.style.msUserSelect = "text";
-    mark.style.userSelect = "text";
-    mark.addEventListener("copy", function (e) {
+    mark.style.webkitUserSelect = 'text';
+    mark.style.MozUserSelect = 'text';
+    mark.style.msUserSelect = 'text';
+    mark.style.userSelect = 'text';
+    mark.addEventListener('copy', function (e) {
       e.stopPropagation();
       if (options.format) {
         e.preventDefault();
-        if (typeof e.clipboardData === "undefined") {
+        if (typeof e.clipboardData === 'undefined') {
           // IE 11
-          debug && console.warn("unable to use e.clipboardData");
-          debug && console.warn("trying IE specific stuff");
+          debug && console.warn('unable to use e.clipboardData');
+          debug && console.warn('trying IE specific stuff');
           window.clipboardData.clearData();
-          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting["default"];
+          var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default'];
           window.clipboardData.setData(format, text);
         } else {
           // all other browsers
@@ -124,27 +125,27 @@ function copy(text, options) {
     document.body.appendChild(mark);
     range.selectNodeContents(mark);
     selection.addRange(range);
-    var successful = document.execCommand("copy");
+    var successful = document.execCommand('copy');
     if (!successful) {
-      throw new Error("copy command was unsuccessful");
+      throw new Error('copy command was unsuccessful');
     }
     success = true;
   } catch (err) {
-    debug && console.error("unable to copy using execCommand: ", err);
-    debug && console.warn("trying IE specific stuff");
+    debug && console.error('unable to copy using execCommand: ', err);
+    debug && console.warn('trying IE specific stuff');
     try {
-      window.clipboardData.setData(options.format || "text", text);
+      window.clipboardData.setData(options.format || 'text', text);
       options.onCopy && options.onCopy(window.clipboardData);
       success = true;
     } catch (err) {
-      debug && console.error("unable to copy using clipboardData: ", err);
-      debug && console.error("falling back to prompt");
-      message = format("message" in options ? options.message : defaultMessage);
+      debug && console.error('unable to copy using clipboardData: ', err);
+      debug && console.error('falling back to prompt');
+      var message = format('message' in options ? options.message : defaultMessage);
       window.prompt(message, text);
     }
   } finally {
     if (selection) {
-      if (typeof selection.removeRange == "function") {
+      if (typeof selection.removeRange === 'function') {
         selection.removeRange(range);
       } else {
         selection.removeAllRanges();

package/Components/copy-to-clipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-to-clipboard.js","names":["deselectCurrent","selection","document","getSelection","rangeCount","active","activeElement","ranges","i","push","getRangeAt","tagName","toUpperCase","blur","removeAllRanges","type","forEach","range","addRange","focus","clipboardToIE11Formatting","defaultMessage","format","message","copyKey","test","navigator","userAgent","replace","copy","text","options","debug","reselectPrevious","mark","success","createRange","createElement","textContent","style","all","position","top","clip","whiteSpace","webkitUserSelect","MozUserSelect","msUserSelect","userSelect","addEventListener","e","stopPropagation","preventDefault","clipboardData","console","warn","window","clearData","setData","onCopy","body","appendChild","selectNodeContents","successful","execCommand","Error","err","error","prompt","removeRange","removeChild","module","exports"],"sources":["copy-to-clipboard.js"],"sourcesContent":["/*\nMIT License\n\nCopyright (c) 2017 sudodoki <smd.deluzion@gmail.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n */\n// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js\nfunction deselectCurrent () {\n    var selection = document.getSelection();\n    if (!selection.rangeCount) {\n        return function () {};\n    }\n    var active = document.activeElement;\n\n    var ranges = [];\n    for (var i = 0; i < selection.rangeCount; i++) {\n        ranges.push(selection.getRangeAt(i));\n    }\n\n    switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML\n        case 'INPUT':\n        case 'TEXTAREA':\n            active.blur();\n            break;\n\n        default:\n            active = null;\n            break;\n    }\n\n    selection.removeAllRanges();\n    return function () {\n        selection.type === 'Caret' &&\n        selection.removeAllRanges();\n\n        if (!selection.rangeCount) {\n            ranges.forEach(function(range) {\n                selection.addRange(range);\n            });\n        }\n\n        active &&\n        active.focus();\n    };\n}\n\n// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js\n\nvar clipboardToIE11Formatting = {\n    \"text/plain\": \"Text\",\n    \"text/html\": \"Url\",\n    \"default\": \"Text\"\n};\n\nvar defaultMessage = \"Copy to clipboard: #{key}, Enter\";\n\nfunction format(message) {\n    var copyKey = (/mac os x/i.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\") + \"+C\";\n    return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text, options) {\n    var debug,\n        message,\n        reselectPrevious,\n        range,\n        selection,\n        mark,\n        success = false;\n    if (!options) {\n        options = {};\n    }\n    debug = options.debug || false;\n    try {\n        reselectPrevious = deselectCurrent();\n\n        range = document.createRange();\n        selection = document.getSelection();\n\n        mark = document.createElement(\"span\");\n        mark.textContent = text;\n        // reset user styles for span element\n        mark.style.all = \"unset\";\n        // prevents scrolling to the end of the page\n        mark.style.position = \"fixed\";\n        mark.style.top = 0;\n        mark.style.clip = \"rect(0, 0, 0, 0)\";\n        // used to preserve spaces and line breaks\n        mark.style.whiteSpace = \"pre\";\n        // do not inherit user-select (it may be `none`)\n        mark.style.webkitUserSelect = \"text\";\n        mark.style.MozUserSelect = \"text\";\n        mark.style.msUserSelect = \"text\";\n        mark.style.userSelect = \"text\";\n        mark.addEventListener(\"copy\", function(e) {\n            e.stopPropagation();\n            if (options.format) {\n                e.preventDefault();\n                if (typeof e.clipboardData === \"undefined\") { // IE 11\n                    debug && console.warn(\"unable to use e.clipboardData\");\n                    debug && console.warn(\"trying IE specific stuff\");\n                    window.clipboardData.clearData();\n                    var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting[\"default\"]\n                    window.clipboardData.setData(format, text);\n                } else { // all other browsers\n                    e.clipboardData.clearData();\n                    e.clipboardData.setData(options.format, text);\n                }\n            }\n            if (options.onCopy) {\n                e.preventDefault();\n                options.onCopy(e.clipboardData);\n            }\n        });\n\n        document.body.appendChild(mark);\n\n        range.selectNodeContents(mark);\n        selection.addRange(range);\n\n        var successful = document.execCommand(\"copy\");\n        if (!successful) {\n            throw new Error(\"copy command was unsuccessful\");\n        }\n        success = true;\n    } catch (err) {\n        debug && console.error(\"unable to copy using execCommand: \", err);\n        debug && console.warn(\"trying IE specific stuff\");\n        try {\n            window.clipboardData.setData(options.format || \"text\", text);\n            options.onCopy && options.onCopy(window.clipboardData);\n            success = true;\n        } catch (err) {\n            debug && console.error(\"unable to copy using clipboardData: \", err);\n            debug && console.error(\"falling back to prompt\");\n            message = format(\"message\" in options ? options.message : defaultMessage);\n            window.prompt(message, text);\n        }\n    } finally {\n        if (selection) {\n            if (typeof selection.removeRange == \"function\") {\n                selection.removeRange(range);\n            } else {\n                selection.removeAllRanges();\n            }\n        }\n\n        if (mark) {\n            document.body.removeChild(mark);\n        }\n        reselectPrevious();\n    }\n\n    return success;\n}\n\nmodule.exports = copy;"],"mappings":"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"}
+{"version":3,"file":"copy-to-clipboard.js","names":["deselectCurrent","selection","document","getSelection","rangeCount","active","activeElement","ranges","i","push","getRangeAt","tagName","toUpperCase","blur","removeAllRanges","type","forEach","range","addRange","focus","clipboardToIE11Formatting","defaultMessage","format","message","copyKey","test","navigator","userAgent","replace","copy","text","options","debug","reselectPrevious","mark","success","createRange","createElement","textContent","ariaHidden","style","all","position","top","clip","whiteSpace","webkitUserSelect","MozUserSelect","msUserSelect","userSelect","addEventListener","e","stopPropagation","preventDefault","clipboardData","console","warn","window","clearData","setData","onCopy","body","appendChild","selectNodeContents","successful","execCommand","Error","err","error","prompt","removeRange","removeChild","module","exports"],"sources":["copy-to-clipboard.js"],"sourcesContent":["/*\nMIT License\n\nCopyright (c) 2017 sudodoki <smd.deluzion@gmail.com>\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n */\n// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js\nfunction deselectCurrent () {\n    const selection = document.getSelection();\n    if (!selection.rangeCount) {\n        return function () {};\n    }\n    let active = document.activeElement;\n\n    const ranges = [];\n    for (let i = 0; i < selection.rangeCount; i++) {\n        ranges.push(selection.getRangeAt(i));\n    }\n\n    switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML\n        case 'INPUT':\n        case 'TEXTAREA':\n            active.blur();\n            break;\n\n        default:\n            active = null;\n            break;\n    }\n\n    selection.removeAllRanges();\n    return function () {\n        selection.type === 'Caret' &&\n        selection.removeAllRanges();\n\n        if (!selection.rangeCount) {\n            ranges.forEach(function (range) {\n                selection.addRange(range);\n            });\n        }\n\n        active && active.focus();\n    };\n}\n\n// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js\n\nconst clipboardToIE11Formatting = {\n    'text/plain': 'Text',\n    'text/html': 'Url',\n    'default': 'Text',\n};\n\nconst defaultMessage = 'Copy to clipboard: #{key}, Enter';\n\nfunction format(message) {\n    const copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';\n    return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text, options) {\n    let debug;\n    let reselectPrevious;\n    let range;\n    let selection;\n    let mark;\n    let success = false;\n    if (!options) {\n        options = {};\n    }\n    debug = options.debug || false;\n    try {\n        reselectPrevious = deselectCurrent();\n\n        range = document.createRange();\n        selection = document.getSelection();\n\n        mark = document.createElement('span');\n        mark.textContent = text;\n        // avoid screen readers from reading out loud the text\n        mark.ariaHidden = 'true';\n        // reset user styles for span element\n        mark.style.all = 'unset';\n        // prevents scrolling to the end of the page\n        mark.style.position = 'fixed';\n        mark.style.top = 0;\n        mark.style.clip = 'rect(0, 0, 0, 0)';\n        // used to preserve spaces and line breaks\n        mark.style.whiteSpace = 'pre';\n        // do not inherit user-select (it may be `none`)\n        mark.style.webkitUserSelect = 'text';\n        mark.style.MozUserSelect = 'text';\n        mark.style.msUserSelect = 'text';\n        mark.style.userSelect = 'text';\n        mark.addEventListener('copy', function (e) {\n            e.stopPropagation();\n            if (options.format) {\n                e.preventDefault();\n                if (typeof e.clipboardData === 'undefined') { // IE 11\n                    debug && console.warn('unable to use e.clipboardData');\n                    debug && console.warn('trying IE specific stuff');\n                    window.clipboardData.clearData();\n                    var format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default']\n                    window.clipboardData.setData(format, text);\n                } else { // all other browsers\n                    e.clipboardData.clearData();\n                    e.clipboardData.setData(options.format, text);\n                }\n            }\n            if (options.onCopy) {\n                e.preventDefault();\n                options.onCopy(e.clipboardData);\n            }\n        });\n\n        document.body.appendChild(mark);\n\n        range.selectNodeContents(mark);\n        selection.addRange(range);\n\n        const successful = document.execCommand('copy');\n        if (!successful) {\n            throw new Error('copy command was unsuccessful');\n        }\n        success = true;\n    } catch (err) {\n        debug && console.error('unable to copy using execCommand: ', err);\n        debug && console.warn('trying IE specific stuff');\n        try {\n            window.clipboardData.setData(options.format || 'text', text);\n            options.onCopy && options.onCopy(window.clipboardData);\n            success = true;\n        } catch (err) {\n            debug && console.error('unable to copy using clipboardData: ', err);\n            debug && console.error('falling back to prompt');\n            let message = format('message' in options ? options.message : defaultMessage);\n            window.prompt(message, text);\n        }\n    } finally {\n        if (selection) {\n            if (typeof selection.removeRange === 'function') {\n                selection.removeRange(range);\n            } else {\n                selection.removeAllRanges();\n            }\n        }\n\n        if (mark) {\n            document.body.removeChild(mark);\n        }\n        reselectPrevious();\n    }\n\n    return success;\n}\n\nmodule.exports = copy;"],"mappings":"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"}

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":";;;;;;;;;;;;;;;AAOA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAEpD,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IAClBC,QAAQ,EAAE;MACNC,UAAU,EAAE,MAAM;MAClBC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,MAAM,EAAE;IACZ,CAAC;IACDC,YAAY,EAAE;MACVC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAE,mBAAmB;MAC9BL,MAAM,EAAE;IACZ,CAAC;IACDM,OAAO,EAAE;MACLN,MAAM,EAAE,MAAM;MACdO,QAAQ,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACXN,OAAO,EAAE;IACb,CAAC;IACDO,SAAS,EAAE;MACPC,UAAU,EAAE,QAAQ;MACpBP,KAAK,EAAE,mBAAmB;MAC1BI,QAAQ,EAAE,QAAQ;MAClBI,OAAO,EAAE,cAAc;MACvBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,IAoBMC,gBAAgB;EAAA;EAAA;EAClB;AACJ;AACA;EACI,0BAAYC,KAAK,EAAE;IAAA;IAAA;IACf,0BAAMA,KAAK;IACX,MAAKC,UAAU,GAAG,MAAKD,KAAK,CAACC,UAAU,IAAI,SAAS;IACpD,MAAKA,UAAU,wBAAiB,MAAKA,UAAU,CAAE;IAEjD,MAAKC,OAAO,GAAG,CAACC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACE,YAAY,EAAEC,OAAO,CAAC,MAAKL,UAAU,CAAC,IAAI,IAAI;IAE7F,IAAI;MACA,MAAKC,OAAO,GAAGK,IAAI,CAACC,KAAK,CAAC,MAAKN,OAAO,CAAC;IAC3C,CAAC,CAAC,OAAOO,CAAC,EAAE;MACR,MAAKP,OAAO,GAAG,CAAC,CAAC;IACrB;IAEA,IAAIF,KAAK,CAACE,OAAO,EAAE;MACf,MAAKA,OAAO,mCAAQ,MAAKA,OAAO,GAAKF,KAAK,CAACE,OAAO,CAAE;IACxD;IAEA,IAAIQ,QAAQ,GAAG,MAAKV,KAAK,CAACU,QAAQ,IAAI,EAAE;IACxC,IAAI,yBAAOA,QAAQ,MAAK,QAAQ,EAAE;MAC9BA,QAAQ,GAAG,CAACA,QAAQ,CAAC;IACzB,CAAC,MAAM;MACHA,QAAQ,uCAAOA,QAAQ,CAAC;IAC5B;IACAA,QAAQ,GAAGA,QAAQ,CAACC,MAAM,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE;IAAA,EAAC;IAEpC,MAAKC,KAAK,GAAI;MACVH,QAAQ,EAARA;IACJ,CAAC;IAAC;EACN;EAAC;IAAA;IAAA,OAED,wBAAe;MACX,IAAI,CAACV,KAAK,CAACc,OAAO,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,oBAAW;MACP,IAAI,CAACd,KAAK,CAACe,IAAI,CAAC,IAAI,CAACf,KAAK,CAACgB,WAAW,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACL,KAAK,CAACH,QAAQ,CAAC,GAAG,IAAI,CAACG,KAAK,CAACH,QAAQ,GAAG,IAAI,CAACG,KAAK,CAACH,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;MACnI,IAAI,CAACV,KAAK,CAACc,OAAO,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,kBAAS;MAAA;MACL,IAAIK,KAAK;MACT,IAAI,IAAI,CAACN,KAAK,CAACH,QAAQ,CAACU,MAAM,EAAE;QAC5B,IAAI,CAACH,KAAK,CAACC,OAAO,CAAC,IAAI,CAACL,KAAK,CAACH,QAAQ,CAAC,IAAI,IAAI,CAACG,KAAK,CAACH,QAAQ,CAACU,MAAM,KAAK,CAAC,EAAE;UACzED,KAAK,GAAG,cACJ;YAAM,GAAG,EAAC;UAAU,GACfE,gBAAI,CAACC,CAAC,CAAC,aAAa,CAAC,SAEnB,eACP;YAAM,GAAG,EAAC,IAAI;YAAC,SAAS,EAAE,IAAI,CAACtB,KAAK,CAACuB,OAAO,CAACzC;UAAS,GACjD,IAAI,CAAC+B,KAAK,CAACH,QAAQ,CACjB,CACV;QACL,CAAC,MAAM;UACHS,KAAK,GAAG,cACJ;YAAM,GAAG,EAAC;UAAU,GACfE,gBAAI,CAACC,CAAC,CAAC,aAAa,CAAC,SAEnB,eACP;YAAM,GAAG,EAAC,IAAI;YAAC,SAAS,EAAE,IAAI,CAACtB,KAAK,CAACuB,OAAO,CAACzC;UAAS,GACjDuC,gBAAI,CAACC,CAAC,CAAC,UAAU,EAAE,IAAI,CAACT,KAAK,CAACH,QAAQ,CAACU,MAAM,CAAC,CAC5C,CACV;QACL;MACJ,CAAC,MAAM;QACHD,KAAK,GAAG,IAAI,CAACnB,KAAK,CAACmB,KAAK,IAAIE,gBAAI,CAACC,CAAC,CAAC,0BAA0B,CAAC;MAClE;MAEA,oBAAO,gCAAC,kBAAM;QACV,OAAO,EAAE,mBAAM,CAAC,CAAE;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAE;UAAEE,KAAK,EAAEC,iBAAK,CAACC,IAAI,CAAC,IAAI,CAAC1B,KAAK,CAACuB,OAAO,CAACtC,MAAM,EAAE,IAAI,CAACe,KAAK,CAACuB,OAAO,CAACpC,YAAY;QAAE,CAAE;QAC3F,SAAS;QACT,IAAI,EAAE,CAAC,CAAE;QACT,mBAAgB;MAAyB,gBAEzC,gCAAC,uBAAW;QAAC,EAAE,EAAC,yBAAyB;QAAC,OAAO,EAAE;UAAEwC,IAAI,EAAE,IAAI,CAAC3B,KAAK,CAACuB,OAAO,CAAC5B;QAAU;MAAE,GAAEwB,KAAK,CAAe,eAChH,gCAAC,yBAAa;QAAC,SAAS,EAAEM,iBAAK,CAACC,IAAI,CAAC,IAAI,CAAC1B,KAAK,CAACuB,OAAO,CAAC/B,OAAO,EAAE,IAAI,CAACQ,KAAK,CAACuB,OAAO,CAAC7B,aAAa;MAAE,gBAC/F,gCAAC,uBAAW;QACR,KAAK;QACL,WAAW,EAAE,IAAI,CAACM,KAAK,CAAC4B,WAAY;QACpC,aAAa,EAAE,IAAI,CAAC5B,KAAK,CAAC6B,aAAc;QACxC,iBAAiB,EAAE,IAAI,CAAC7B,KAAK,CAAC8B,iBAAkB;QAChD,WAAW,EAAE,IAAI,CAAC9B,KAAK,CAAC+B,WAAY;QACpC,SAAS,EAAE,IAAI,CAAC/B,KAAK,CAACgC,SAAU;QAChC,WAAW,EAAE,IAAI,CAAChC,KAAK,CAACiC,WAAY;QACpC,WAAW,EAAE,IAAI,CAACjC,KAAK,CAACkC,WAAW,IAAI,IAAI,CAAClC,KAAK,CAACmC,MAAM,IAAI,KAAM,CAAC;QAAA;QACnE,QAAQ,EAAE,IAAI,CAACnC,KAAK,CAACU,QAAS;QAC9B,YAAY,EAAE,IAAI,CAACV,KAAK,CAACoC,YAAa;QACtC,CAAC,EAAE,IAAI,CAACpC,KAAK,CAACsB,CAAC,IAAID,gBAAI,CAACC,CAAE;QAC1B,IAAI,EAAE,IAAI,CAACtB,KAAK,CAACqC,IAAI,IAAIhB,gBAAI,CAACiB,WAAW,EAAG;QAC5C,MAAM,EAAE,IAAI,CAACtC,KAAK,CAACuC,MAAO;QAC1B,SAAS,EAAE,IAAI,CAACvC,KAAK,CAACwC,SAAU;QAChC,SAAS,EAAE,IAAI,CAACxC,KAAK,CAACyC,SAAU;QAChC,gBAAgB,EAAE,IAAI,CAACzC,KAAK,CAAC0C,gBAAiB;QAC9C,UAAU,EAAE,IAAI,CAAC1C,KAAK,CAAC2C,UAAW;QAClC,gBAAgB,EAAE,IAAI,CAAC3C,KAAK,CAAC4C,gBAAiB;QAC9C,QAAQ,EAAE,kBAAClC,QAAQ,EAAEmC,QAAQ,EAAK;UAC9B,IAAItC,IAAI,CAACuC,SAAS,CAACpC,QAAQ,CAAC,KAAKH,IAAI,CAACuC,SAAS,CAAC,MAAI,CAACjC,KAAK,CAACH,QAAQ,CAAC,EAAE;YAClE,MAAI,CAACqC,QAAQ,CAAC;cAAErC,QAAQ,EAARA;YAAS,CAAC,EAAE;cAAA,OACxBmC,QAAQ,IAAI,MAAI,CAACG,QAAQ,EAAE;YAAA,EAAC;UACpC,CAAC,MAAM,IAAIH,QAAQ,EAAE;YACjB,MAAI,CAACG,QAAQ,EAAE;UACnB;QACJ;MAAE,EACJ,CACU,eAChB,gCAAC,yBAAa,qBACV,gCAAC,kBAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,MAAI,CAACA,QAAQ,EAAE;QAAA,CAAC;QAAC,SAAS,eAAE,gCAAC,iBAAM,OAAI;QAAC,QAAQ,EAAE,CAAC,IAAI,CAACnC,KAAK,CAACH,QAAQ,CAACU,MAAO;QAAC,KAAK,EAAC;MAAS,GAAE,IAAI,CAACpB,KAAK,CAACiD,EAAE,IAAI5B,gBAAI,CAACC,CAAC,CAAC,OAAO,CAAC,CAAU,eACrL,gCAAC,kBAAM;QAAC,KAAK,EAAC,MAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,MAAI,CAAC4B,YAAY,EAAE;QAAA,CAAC;QAAC,SAAS,eAAE,gCAAC,kBAAU;MAAI,GAAE,IAAI,CAAClD,KAAK,CAACmD,MAAM,IAAI9B,gBAAI,CAACC,CAAC,CAAC,WAAW,CAAC,CAAU,CAC/I,CACX;IACb;EAAC;EAAA;AAAA,EAnH0B8B,iBAAK,CAACC,SAAS;AAsH9CtD,gBAAgB,CAACuD,SAAS,GAAG;EACzBrD,UAAU,EAAEsD,qBAAS,CAACC,MAAM;EAAE;EAC9BjC,OAAO,EAAEgC,qBAAS,CAACE,MAAM;EACzB7B,WAAW,EAAE2B,qBAAS,CAACG,IAAI;EAC3B7B,aAAa,EAAE0B,qBAAS,CAACG,IAAI;EAC7B5B,iBAAiB,EAAEyB,qBAAS,CAACG,IAAI;EACjC3B,WAAW,EAAEwB,qBAAS,CAACG,IAAI;EAC3B1B,SAAS,EAAEuB,qBAAS,CAACG,IAAI;EACzBzB,WAAW,EAAEsB,qBAAS,CAACG,IAAI;EAC3BtB,YAAY,EAAEmB,qBAAS,CAACC,MAAM;EAAE;EAChCZ,gBAAgB,EAAEW,qBAAS,CAACG,IAAI;EAAE;;EAElC5C,OAAO,EAAEyC,qBAAS,CAACI,IAAI,CAACC,UAAU;EAClC7C,IAAI,EAAEwC,qBAAS,CAACI,IAAI,CAACC,UAAU;EAC/BzC,KAAK,EAAEoC,qBAAS,CAACC,MAAM;EACvBnB,IAAI,EAAEkB,qBAAS,CAACC,MAAM;EACtB9C,QAAQ,EAAE6C,qBAAS,CAACM,SAAS,CAAC,CAC1BN,qBAAS,CAACC,MAAM,EAChBD,qBAAS,CAACO,KAAK,CAAE;EAAA,CACpB,CAAC;;EACFvB,MAAM,EAAEgB,qBAAS,CAACE,MAAM,CAACG,UAAU;EACnCT,MAAM,EAAEI,qBAAS,CAACC,MAAM;EACxBtB,WAAW,EAAEqB,qBAAS,CAACC,MAAM;EAC7BP,EAAE,EAAEM,qBAAS,CAACC,MAAM;EACpBf,SAAS,EAAEc,qBAAS,CAACC,MAAM;EAC3BhB,SAAS,EAAEe,qBAAS,CAACC,MAAM;EAC3Bd,gBAAgB,EAAEa,qBAAS,CAACG,IAAI;EAChCf,UAAU,EAAEY,qBAAS,CAACG,IAAI;EAAE;EAC5B1C,WAAW,EAAEuC,qBAAS,CAACG,IAAI,CAAE;AACjC,CAAC;;AAED;AACA,IAAMK,OAAO,GAAG,IAAAC,sBAAU,EAACnF,MAAM,CAAC,CAACkB,gBAAgB,CAAC;AAAC,eACtCgE,OAAO;AAAA"}
+{"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":";;;;;;;;;;;;;;;AAOA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAEpD,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IAClBC,QAAQ,EAAE;MACNC,UAAU,EAAE,MAAM;MAClBC,SAAS,EAAE;IACf,CAAC;IACDC,MAAM,EAAE;MACJC,MAAM,EAAE;IACZ,CAAC;IACDC,YAAY,EAAE;MACVC,OAAO,EAAE,CAAC;MACVC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAE,mBAAmB;MAC9BL,MAAM,EAAE;IACZ,CAAC;IACDM,OAAO,EAAE;MACLN,MAAM,EAAE,MAAM;MACdO,QAAQ,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACXN,OAAO,EAAE;IACb,CAAC;IACDO,SAAS,EAAE;MACPC,UAAU,EAAE,QAAQ;MACpBP,KAAK,EAAE,mBAAmB;MAC1BI,QAAQ,EAAE,QAAQ;MAClBI,OAAO,EAAE,cAAc;MACvBC,YAAY,EAAE;IAClB;EACJ,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA5BA,IA6BMC,gBAAgB;EAAA;EAAA;EAClB;AACJ;AACA;EACI,0BAAYC,KAAK,EAAE;IAAA;IAAA;IACf,0BAAMA,KAAK;IACX,MAAKC,UAAU,GAAG,MAAKD,KAAK,CAACC,UAAU,IAAI,SAAS;IACpD,MAAKA,UAAU,wBAAiB,MAAKA,UAAU,CAAE;IAEjD,MAAKC,OAAO,GAAG,CAACC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACE,YAAY,EAAEC,OAAO,CAAC,MAAKL,UAAU,CAAC,IAAI,IAAI;IAE7F,IAAI;MACA,MAAKC,OAAO,GAAGK,IAAI,CAACC,KAAK,CAAC,MAAKN,OAAO,CAAC;IAC3C,CAAC,CAAC,OAAOO,CAAC,EAAE;MACR,MAAKP,OAAO,GAAG,CAAC,CAAC;IACrB;IAEA,IAAIF,KAAK,CAACE,OAAO,EAAE;MACf,MAAKA,OAAO,mCAAQ,MAAKA,OAAO,GAAKF,KAAK,CAACE,OAAO,CAAE;IACxD;IAEA,IAAIQ,QAAQ,GAAG,MAAKV,KAAK,CAACU,QAAQ,IAAI,EAAE;IACxC,IAAI,yBAAOA,QAAQ,MAAK,QAAQ,EAAE;MAC9BA,QAAQ,GAAG,CAACA,QAAQ,CAAC;IACzB,CAAC,MAAM;MACHA,QAAQ,uCAAOA,QAAQ,CAAC;IAC5B;IACAA,QAAQ,GAAGA,QAAQ,CAACC,MAAM,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE;IAAA,EAAC;IAEpC,MAAKC,KAAK,GAAI;MACVH,QAAQ,EAARA,QAAQ;MACRI,QAAQ,EAAE;IACd,CAAC;IAAC;EACN;EAAC;IAAA;IAAA,OAED,wBAAe;MACX,IAAI,CAACd,KAAK,CAACe,OAAO,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,oBAAW;MACP,IAAI,CAACf,KAAK,CAACgB,IAAI,CAAC,IAAI,CAAChB,KAAK,CAACiB,WAAW,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACN,KAAK,CAACH,QAAQ,CAAC,GAAG,IAAI,CAACG,KAAK,CAACH,QAAQ,GAAG,IAAI,CAACG,KAAK,CAACH,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;MACnI,IAAI,CAACV,KAAK,CAACe,OAAO,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,kBAAS;MAAA;MACL,IAAIK,KAAK;MACT,IAAI,IAAI,CAACP,KAAK,CAACH,QAAQ,CAACW,MAAM,EAAE;QAC5B,IAAI,CAACH,KAAK,CAACC,OAAO,CAAC,IAAI,CAACN,KAAK,CAACH,QAAQ,CAAC,IAAI,IAAI,CAACG,KAAK,CAACH,QAAQ,CAACW,MAAM,KAAK,CAAC,EAAE;UACzED,KAAK,GAAG,cACJ;YAAM,GAAG,EAAC;UAAU,GACfE,gBAAI,CAACC,CAAC,CAAC,aAAa,CAAC,SAEnB,eACP;YAAM,GAAG,EAAC,IAAI;YAAC,SAAS,EAAE,IAAI,CAACvB,KAAK,CAACwB,OAAO,CAAC1C;UAAS,GACjD,IAAI,CAAC+B,KAAK,CAACH,QAAQ,CACjB,CACV;QACL,CAAC,MAAM;UACHU,KAAK,GAAG,cACJ;YAAM,GAAG,EAAC;UAAU,GACfE,gBAAI,CAACC,CAAC,CAAC,aAAa,CAAC,SAEnB,eACP;YAAM,GAAG,EAAC,IAAI;YAAC,SAAS,EAAE,IAAI,CAACvB,KAAK,CAACwB,OAAO,CAAC1C;UAAS,GACjDwC,gBAAI,CAACC,CAAC,CAAC,UAAU,EAAE,IAAI,CAACV,KAAK,CAACH,QAAQ,CAACW,MAAM,CAAC,CAC5C,CACV;QACL;MACJ,CAAC,MAAM;QACHD,KAAK,GAAG,IAAI,CAACpB,KAAK,CAACoB,KAAK,IAAIE,gBAAI,CAACC,CAAC,CAAC,0BAA0B,CAAC;MAClE;MAEA,oBAAO,gCAAC,kBAAM;QACV,OAAO,EAAE,mBAAM,CAAC,CAAE;QAClB,QAAQ,EAAE,KAAM;QAChB,OAAO,EAAE;UAAEE,KAAK,EAAEC,iBAAK,CAACC,IAAI,CAAC,IAAI,CAAC3B,KAAK,CAACwB,OAAO,CAACvC,MAAM,EAAE,IAAI,CAACe,KAAK,CAACwB,OAAO,CAACrC,YAAY;QAAE,CAAE;QAC3F,SAAS;QACT,IAAI,EAAE,CAAC,CAAE;QACT,mBAAgB;MAAyB,gBAEzC,gCAAC,uBAAW;QAAC,EAAE,EAAC,yBAAyB;QAAC,OAAO,EAAE;UAAEyC,IAAI,EAAE,IAAI,CAAC5B,KAAK,CAACwB,OAAO,CAAC7B;QAAU;MAAE,GAAEyB,KAAK,CAAe,eAChH,gCAAC,yBAAa;QAAC,SAAS,EAAEM,iBAAK,CAACC,IAAI,CAAC,IAAI,CAAC3B,KAAK,CAACwB,OAAO,CAAChC,OAAO,EAAE,IAAI,CAACQ,KAAK,CAACwB,OAAO,CAAC9B,aAAa;MAAE,gBAC/F,gCAAC,uBAAW;QACR,KAAK;QACL,WAAW,EAAE,IAAI,CAACM,KAAK,CAAC6B,WAAW,IAAI,IAAI,CAAC7B,KAAK,CAAC8B,MAAM,IAAI,KAAM,CAAC;QAAA;QACnE,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC9B,KAAK,CAAC+B,WAAY;QACtC,aAAa,EAAE,IAAI,CAAC/B,KAAK,CAACgC,aAAa,KAAK,KAAM;QAClD,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAChC,KAAK,CAACiC,iBAAkB;QAClD,WAAW,EAAE,CAAC,CAAC,IAAI,CAACjC,KAAK,CAACkC,WAAY;QACtC,SAAS,EAAE,IAAI,CAAClC,KAAK,CAACmC,SAAS,KAAK,KAAM;QAC1C,kBAAkB,EAAE,IAAI,CAACnC,KAAK,CAACoC,kBAAkB,KAAK,KAAM;QAC5D,WAAW,EAAE,IAAI,CAACpC,KAAK,CAACqC,WAAW,KAAK,KAAM;QAC9C,SAAS,EAAE,IAAI,CAACrC,KAAK,CAACsC,SAAU;QAChC,WAAW,EAAE,IAAI,CAACtC,KAAK,CAACuC,WAAY;QACpC,YAAY,EAAE,IAAI,CAACvC,KAAK,CAACwC,YAAa;QACtC,QAAQ,EAAE,IAAI,CAACxC,KAAK,CAACU,QAAS;QAC9B,QAAQ,EAAE,kBAACA,QAAQ,EAAE+B,aAAa,EAAE3B,QAAQ,EAAK;UAC7C,MAAI,CAAC4B,QAAQ,CAAC;YAAEhC,QAAQ,EAARA,QAAQ;YAAEI,QAAQ,EAARA;UAAS,CAAC,EAAE;YAAA,OAClC2B,aAAa,KAAK,CAAC,MAAI,CAACzC,KAAK,CAAC2C,iBAAiB,IAAI7B,QAAQ,CAAC,IAAI,MAAI,CAAC8B,QAAQ,EAAE;UAAA,EAAC;QACxF,CAAE;QACF,CAAC,EAAE,IAAI,CAAC5C,KAAK,CAACuB,CAAC,IAAID,gBAAI,CAACC,CAAE;QAC1B,IAAI,EAAE,IAAI,CAACvB,KAAK,CAAC6C,IAAI,IAAIvB,gBAAI,CAACwB,WAAW,EAAG;QAC5C,MAAM,EAAE,IAAI,CAAC9C,KAAK,CAAC+C,MAAO;QAC1B,SAAS,EAAE,IAAI,CAAC/C,KAAK,CAACgD,SAAU;QAChC,SAAS,EAAE,IAAI,CAAChD,KAAK,CAACiD,SAAU;QAChC,gBAAgB,EAAE,IAAI,CAACjD,KAAK,CAACkD,gBAAiB;QAC9C,UAAU,EAAE,IAAI,CAAClD,KAAK,CAACmD,UAAW;QAClC,gBAAgB,EAAE,IAAI,CAACnD,KAAK,CAACoD;MAAiB,EAChD,CACU,eAChB,gCAAC,yBAAa,qBACV,gCAAC,kBAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,MAAI,CAACR,QAAQ,EAAE;QAAA,CAAC;QAAC,SAAS,eAAE,gCAAC,iBAAM,OAAI;QAAC,QAAQ,EAAE,CAAC,IAAI,CAAC/B,KAAK,CAACH,QAAQ,CAACW,MAAO;QAAC,KAAK,EAAC;MAAS,GAAE,IAAI,CAACrB,KAAK,CAACqD,EAAE,IAAI/B,gBAAI,CAACC,CAAC,CAAC,OAAO,CAAC,CAAU,eACrL,gCAAC,kBAAM;QAAC,KAAK,EAAC,MAAM;QAAC,OAAO,EAAC,WAAW;QAAC,OAAO,EAAE;UAAA,OAAM,MAAI,CAAC+B,YAAY,EAAE;QAAA,CAAC;QAAC,SAAS,eAAE,gCAAC,kBAAU;MAAI,GAAE,IAAI,CAACtD,KAAK,CAACuD,MAAM,IAAIjC,gBAAI,CAACC,CAAC,CAAC,WAAW,CAAC,CAAU,CAC/I,CACX;IACb;EAAC;EAAA;AAAA,EAnH0BiC,iBAAK,CAACC,SAAS;AAsH9C1D,gBAAgB,CAAC2D,SAAS,GAAG;EACzB7B,WAAW,EAAE8B,qBAAS,CAACC,MAAM;EAC7B3D,UAAU,EAAE0D,qBAAS,CAACC,MAAM;EAAE;EAC9BlD,QAAQ,EAAEiD,qBAAS,CAACE,SAAS,CAAC,CAC1BF,qBAAS,CAACC,MAAM,EAChBD,qBAAS,CAACG,KAAK,CAAE;EAAA,CACpB,CAAC;EAAKtC,OAAO,EAAEmC,qBAAS,CAACI,MAAM;EAChChD,OAAO,EAAE4C,qBAAS,CAACK,IAAI,CAACC,UAAU;EAClCjD,IAAI,EAAE2C,qBAAS,CAACK,IAAI,CAACC,UAAU;EAC/BZ,EAAE,EAAEM,qBAAS,CAACC,MAAM;EACpBL,MAAM,EAAEI,qBAAS,CAACC,MAAM;EACxBb,MAAM,EAAEY,qBAAS,CAACI,MAAM,CAACE,UAAU;EACnClC,WAAW,EAAE4B,qBAAS,CAACO,IAAI;EAC3BlC,aAAa,EAAE2B,qBAAS,CAACO,IAAI;EAC7BjC,iBAAiB,EAAE0B,qBAAS,CAACO,IAAI;EACjChC,WAAW,EAAEyB,qBAAS,CAACO,IAAI;EAC3B/B,SAAS,EAAEwB,qBAAS,CAACO,IAAI;EAAE;EAC3B7B,WAAW,EAAEsB,qBAAS,CAACO,IAAI;EAC3B3B,WAAW,EAAEoB,qBAAS,CAACQ,OAAO,CAACR,qBAAS,CAACC,MAAM,CAAC;EAAE;EAClDpB,YAAY,EAAEmB,qBAAS,CAACC,MAAM;EAAE;EAChCtB,SAAS,EAAEqB,qBAAS,CAACC,MAAM;EAC3BjB,iBAAiB,EAAEgB,qBAAS,CAACO,IAAI;EACjC9B,kBAAkB,EAAEuB,qBAAS,CAACO,IAAI;EAAE;EACpCd,gBAAgB,EAAEO,qBAAS,CAACO,IAAI;EAAE;;EAElC9C,KAAK,EAAEuC,qBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,qBAAS,CAACC,MAAM;EAEtBX,SAAS,EAAEU,qBAAS,CAACC,MAAM;EAC3BZ,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3BV,gBAAgB,EAAES,qBAAS,CAACO,IAAI;EAChCf,UAAU,EAAEQ,qBAAS,CAACO,IAAI;EAAE;EAC5BjD,WAAW,EAAE0C,qBAAS,CAACO,IAAI,CAAE;AACjC,CAAC;;AAED;AACA,IAAME,OAAO,GAAG,IAAAC,sBAAU,EAACxF,MAAM,CAAC,CAACkB,gBAAgB,CAAC;AAAC,eACtCqE,OAAO;AAAA"}

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.3",
+      "@iobroker/adapter-react": "^3.4.5",
       ```
       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.3 (2022-11-30)
+### 3.4.5 (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.3",
+  "version": "3.4.5",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "bluefox",