@iobroker/adapter-react-v5 0.0.2

package/Dialogs/Error.js

@@ -0,0 +1,137 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var styles = function styles(theme) {
+  return {
+    titleBackground: {},
+    titleColor: {}
+  };
+};
+/**
+ * @typedef {object} DialogErrorProps
+ * @property {string} [key] The key to identify this component.
+ * @property {string} [title] The dialog title; default: Error (translated)
+ * @property {string | JSX.Element} text The dialog text.
+ * @property {() => void} [onClose] Close handler.
+ * @property {{titleBackground: string; titleColor: string}} classes The styling class names.
+ *
+ * @extends {React.Component<DialogErrorProps>}
+ */
+
+
+var DialogError = /*#__PURE__*/function (_React$Component) {
+  _inherits(DialogError, _React$Component);
+
+  var _super = _createSuper(DialogError);
+
+  function DialogError() {
+    _classCallCheck(this, DialogError);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DialogError, [{
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onClose && this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        maxWidth: "sm",
+        fullWidth: true,
+        onClose: function onClose() {
+          return _this.handleOk();
+        },
+        "aria-labelledby": "alert-dialog-title",
+        "aria-describedby": "alert-dialog-description"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        className: this.props.classes.titleBackground,
+        classes: {
+          root: this.props.classes.titleColor
+        },
+        id: "alert-dialog-title"
+      }, this.props.title || _i18n["default"].t('ra_Error')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+        id: "alert-dialog-description"
+      }, this.props.text || _i18n["default"].t('ra_Unknown error!'))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this.handleOk();
+        },
+        color: "primary",
+        autoFocus: true,
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null)
+      }, _i18n["default"].t('ra_Ok'))));
+    }
+  }]);
+
+  return DialogError;
+}(_react["default"].Component);
+
+DialogError.propTypes = {
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  icon: _propTypes["default"].object
+};
+/** @type {typeof DialogError} */
+
+var _export = (0, _withStyles["default"])(styles)(DialogError);
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=Error.js.map

package/Dialogs/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Error.js"],"names":["styles","theme","titleBackground","titleColor","DialogError","props","onClose","handleOk","classes","root","title","I18n","t","text","React","Component","propTypes","PropTypes","func","string","oneOfType","element","icon","object","_export"],"mappings":";;;;;;;;;AAOA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACrBC,IAAAA,eAAe,EAAE,EADI;AAIrBC,IAAAA,UAAU,EAAE;AAJS,GAAL;AAAA,CAApB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IACMC,W;;;;;;;;;;;;;WACF,oBAAW;AACP,WAAKC,KAAL,CAAWC,OAAX,IAAsB,KAAKD,KAAL,CAAWC,OAAX,EAAtB;AACH;;;WAED,kBAAS;AAAA;;AACL,0BAAO,gCAAC,kBAAD;AACH,QAAA,IAAI,EAAE,IADH;AAEH,QAAA,QAAQ,EAAC,IAFN;AAGH,QAAA,SAAS,EAAE,IAHR;AAIH,QAAA,OAAO,EAAE;AAAA,iBAAM,KAAI,CAACC,QAAL,EAAN;AAAA,SAJN;AAKH,2BAAgB,oBALb;AAMH,4BAAiB;AANd,sBAQH,gCAAC,uBAAD;AAAa,QAAA,SAAS,EAAE,KAAKF,KAAL,CAAWG,OAAX,CAAmBN,eAA3C;AACa,QAAA,OAAO,EAAE;AAACO,UAAAA,IAAI,EAAE,KAAKJ,KAAL,CAAWG,OAAX,CAAmBL;AAA1B,SADtB;AAEa,QAAA,EAAE,EAAC;AAFhB,SAEsC,KAAKE,KAAL,CAAWK,KAAX,IAAoBC,iBAAKC,CAAL,CAAO,UAAP,CAF1D,CARG,eAWH,gCAAC,yBAAD,qBACI,gCAAC,6BAAD;AAAmB,QAAA,EAAE,EAAC;AAAtB,SACK,KAAKP,KAAL,CAAWQ,IAAX,IAAmBF,iBAAKC,CAAL,CAAO,mBAAP,CADxB,CADJ,CAXG,eAgBH,gCAAC,yBAAD,qBACI,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAC,WAAhB;AAA4B,QAAA,OAAO,EAAE;AAAA,iBAAM,KAAI,CAACL,QAAL,EAAN;AAAA,SAArC;AAA4D,QAAA,KAAK,EAAC,SAAlE;AAA4E,QAAA,SAAS,MAArF;AAAsF,QAAA,SAAS,eAAE,gCAAC,iBAAD;AAAjG,SAAiHI,iBAAKC,CAAL,CAAO,OAAP,CAAjH,CADJ,CAhBG,CAAP;AAoBH;;;;EA1BqBE,kBAAMC,S;;AA6BhCX,WAAW,CAACY,SAAZ,GAAwB;AACpBV,EAAAA,OAAO,EAAEW,sBAAUC,IADC;AAEpBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFG;AAGpBN,EAAAA,IAAI,EAAEI,sBAAUG,SAAV,CAAoB,CACtBH,sBAAUE,MADY,EAEtBF,sBAAUI,OAFY,CAApB,CAHc;AAOpBC,EAAAA,IAAI,EAAEL,sBAAUM;AAPI,CAAxB;AAUA;;AACA,IAAMC,OAAO,GAAG,4BAAWxB,MAAX,EAAmBI,WAAnB,CAAhB;;eACeoB,O","sourcesContent":["/**\n * Copyright 2018-2021 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 Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\n\nimport IconCheck from '@mui/icons-material/Check';\n\nimport I18n from '../i18n';\n\nconst styles = theme => ({\n    titleBackground: {\n\n    },\n    titleColor: {\n\n    }\n});\n\n/**\n * @typedef {object} DialogErrorProps\n * @property {string} [key] The key to identify this component.\n * @property {string} [title] The dialog title; default: Error (translated)\n * @property {string | JSX.Element} text The dialog text.\n * @property {() => void} [onClose] Close handler.\n * @property {{titleBackground: string; titleColor: string}} classes The styling class names.\n *\n * @extends {React.Component<DialogErrorProps>}\n */\nclass DialogError extends React.Component {\n    handleOk() {\n        this.props.onClose && this.props.onClose();\n    };\n\n    render() {\n        return <Dialog\n            open={true}\n            maxWidth=\"sm\"\n            fullWidth={true}\n            onClose={() => this.handleOk()}\n            aria-labelledby=\"alert-dialog-title\"\n            aria-describedby=\"alert-dialog-description\"\n        >\n            <DialogTitle className={this.props.classes.titleBackground}\n                         classes={{root: this.props.classes.titleColor}}\n                         id=\"alert-dialog-title\">{this.props.title || I18n.t('ra_Error')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"alert-dialog-description\">\n                    {this.props.text || I18n.t('ra_Unknown error!')}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconCheck />}>{I18n.t('ra_Ok')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogError.propTypes = {\n    onClose: PropTypes.func,\n    title: PropTypes.string,\n    text: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.element\n    ]),\n    icon: PropTypes.object\n};\n\n/** @type {typeof DialogError} */\nconst _export = withStyles(styles)(DialogError);\nexport default _export;\n"],"file":"Error.js"}

package/Dialogs/Message.js

@@ -0,0 +1,118 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * @typedef {object} DialogMessageProps
+ * @property {string} [key] The key to identify this component.
+ * @property {string} [title] The dialog title; default: Message (translated)
+ * @property {string} text The dialog text.
+ * @property {() => void} [onClose] Close handler.
+ *
+ * @extends {React.Component<DialogMessageProps>}
+ */
+var DialogMessage = /*#__PURE__*/function (_React$Component) {
+  _inherits(DialogMessage, _React$Component);
+
+  var _super = _createSuper(DialogMessage);
+
+  function DialogMessage() {
+    _classCallCheck(this, DialogMessage);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DialogMessage, [{
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onClose && this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        maxWidth: "sm",
+        fullWidth: true,
+        onClose: function onClose() {
+          return _this.handleOk();
+        },
+        "aria-labelledby": "message-dialog-title",
+        "aria-describedby": "message-dialog-description"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "message-dialog-title"
+      }, this.props.title || _i18n["default"].t('ra_Message')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+        id: "message-dialog-description"
+      }, this.props.text)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this.handleOk();
+        },
+        color: "primary",
+        autoFocus: true,
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
+      }, _i18n["default"].t('ra_Close'))));
+    }
+  }]);
+
+  return DialogMessage;
+}(_react["default"].Component);
+
+DialogMessage.propTypes = {
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string,
+  text: _propTypes["default"].string,
+  icon: _propTypes["default"].object
+};
+var _default = DialogMessage;
+exports["default"] = _default;
+//# sourceMappingURL=Message.js.map

package/Dialogs/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Message.js"],"names":["DialogMessage","props","onClose","handleOk","title","I18n","t","text","React","Component","propTypes","PropTypes","func","string","icon","object"],"mappings":";;;;;;;;;AAQA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,a;;;;;;;;;;;;;WAEF,oBAAW;AACP,WAAKC,KAAL,CAAWC,OAAX,IAAsB,KAAKD,KAAL,CAAWC,OAAX,EAAtB;AACH;;;WAED,kBAAS;AAAA;;AACL,0BAAO,gCAAC,kBAAD;AACH,QAAA,IAAI,EAAE,IADH;AAEH,QAAA,QAAQ,EAAC,IAFN;AAGH,QAAA,SAAS,EAAE,IAHR;AAIH,QAAA,OAAO,EAAE;AAAA,iBAAM,KAAI,CAACC,QAAL,EAAN;AAAA,SAJN;AAKH,2BAAgB,sBALb;AAMH,4BAAiB;AANd,sBAQH,gCAAC,uBAAD;AAAa,QAAA,EAAE,EAAC;AAAhB,SAAwC,KAAKF,KAAL,CAAWG,KAAX,IAAoBC,iBAAKC,CAAL,CAAO,YAAP,CAA5D,CARG,eASH,gCAAC,yBAAD,qBACI,gCAAC,6BAAD;AAAmB,QAAA,EAAE,EAAC;AAAtB,SACK,KAAKL,KAAL,CAAWM,IADhB,CADJ,CATG,eAcH,gCAAC,yBAAD,qBACI,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAC,WAAhB;AAA4B,QAAA,OAAO,EAAE;AAAA,iBAAM,KAAI,CAACJ,QAAL,EAAN;AAAA,SAArC;AAA4D,QAAA,KAAK,EAAC,SAAlE;AAA4E,QAAA,SAAS,MAArF;AAAsF,QAAA,SAAS,eAAE,gCAAC,iBAAD;AAAjG,SAAiHE,iBAAKC,CAAL,CAAO,UAAP,CAAjH,CADJ,CAdG,CAAP;AAkBH;;;;EAzBuBE,kBAAMC,S;;AA4BlCT,aAAa,CAACU,SAAd,GAA0B;AACtBR,EAAAA,OAAO,EAAES,sBAAUC,IADG;AAEtBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFK;AAGtBN,EAAAA,IAAI,EAAEI,sBAAUE,MAHM;AAItBC,EAAAA,IAAI,EAAEH,sBAAUI;AAJM,CAA1B;eAOef,a","sourcesContent":["/**\n * Copyright 2018-2021 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\n\nimport IconClose from '@mui/icons-material/Close';\n\nimport I18n from '../i18n';\n\n/**\n * @typedef {object} DialogMessageProps\n * @property {string} [key] The key to identify this component.\n * @property {string} [title] The dialog title; default: Message (translated)\n * @property {string} text The dialog text.\n * @property {() => void} [onClose] Close handler.\n *\n * @extends {React.Component<DialogMessageProps>}\n */\nclass DialogMessage extends React.Component {\n\n    handleOk() {\n        this.props.onClose && this.props.onClose();\n    };\n\n    render() {\n        return <Dialog\n            open={true}\n            maxWidth=\"sm\"\n            fullWidth={true}\n            onClose={() => this.handleOk()}\n            aria-labelledby=\"message-dialog-title\"\n            aria-describedby=\"message-dialog-description\"\n        >\n            <DialogTitle id=\"message-dialog-title\">{this.props.title || I18n.t('ra_Message')}</DialogTitle>\n            <DialogContent>\n                <DialogContentText id=\"message-dialog-description\">\n                    {this.props.text}\n                </DialogContentText>\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" autoFocus startIcon={<IconClose />}>{I18n.t('ra_Close')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogMessage.propTypes = {\n    onClose: PropTypes.func,\n    title: PropTypes.string,\n    text: PropTypes.string,\n    icon: PropTypes.object\n};\n\nexport default DialogMessage;\n"],"file":"Message.js"}

package/Dialogs/SelectID.js

@@ -0,0 +1,313 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _Utils = _interopRequireDefault(require("../Components/Utils"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+var _ObjectBrowser = _interopRequireDefault(require("../Components/ObjectBrowser"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var styles = function styles(theme) {
+  return {
+    headerID: {
+      fontWeight: 'bold',
+      fontStyle: 'italic'
+    },
+    dialog: {
+      height: '95%'
+    },
+    dialogMobile: {
+      padding: 4,
+      width: '100%',
+      maxWidth: '100%',
+      maxHeight: 'calc(100% - 16px)',
+      height: '100%'
+    },
+    content: {
+      height: '100%',
+      overflow: 'hidden'
+    },
+    contentMobile: {
+      padding: '8px 4px'
+    },
+    titleRoot: {
+      whiteSpace: 'nowrap',
+      width: 'calc(100% - 72px)',
+      overflow: 'hidden',
+      display: 'inline-block',
+      textOverflow: 'ellipsis'
+    }
+  };
+};
+/**
+ * @typedef {object} SelectIDProps
+ * @property {string} [key] The key to identify this component.
+ * @property {string} [dialogName] The internal name of the dialog; default: "default"
+ * @property {string} [title] The dialog title; default: Please select object ID... (translated)
+ * @property {boolean} [multiSelect] Set to true to allow the selection of multiple IDs.
+ * @property {boolean} [foldersFirst] Show folders before any leaves.
+ * @property {string} [imagePrefix] Prefix (default: '.')
+ * @property {boolean} [showExpertButton] Show the expert button?
+ * @property {import('../Components/types').ObjectBrowserColumn[]} [columns] Columns to display; default: 'name', 'type', 'role', 'room', 'func', 'val'
+ * @property {import('../Components/types').ObjectBrowserType[]} [types] Object types to show; default: 'state' only
+ * @property {ioBroker.Languages} [lang] The language.
+ * @property {import('../Connection').default} socket The socket connection.
+ * @property {boolean} [notEditable] Can't objects be edited? (default: true)
+ * @property {string} [themeName] Theme name.
+ * @property {string} [themeType] Theme type.
+ * @property {import('../Components/types').ObjectBrowserCustomFilter} [customFilter] Custom filter.
+ * @property {string | string[]} [selected] The selected IDs.
+ * @property {string} [ok] The ok button text; default: OK (translated)
+ * @property {string} [cancel] The cancel button text; default: Cancel (translated)
+ * @property {() => void} onClose Close handler that is always called when the dialog is closed.
+ * @property {(selected: string | string[] | undefined, name: string) => void} onOk Handler that is called when the user presses OK.
+ * @property {{headerID: string; dialog: string; content: string}} [classes] The styling class names.
+ *
+ * @extends {React.Component<SelectIDProps>}
+ */
+
+
+var SelectID = /*#__PURE__*/function (_React$Component) {
+  _inherits(SelectID, _React$Component);
+
+  var _super = _createSuper(SelectID);
+
+  /**
+   * @param {SelectIDProps} props
+   */
+  function SelectID(props) {
+    var _this;
+
+    _classCallCheck(this, SelectID);
+
+    _this = _super.call(this, props);
+    _this.dialogName = _this.props.dialogName || 'default';
+    _this.dialogName = 'SelectID.' + _this.dialogName;
+    _this.filters = window.localStorage.getItem(_this.dialogName) || '{}';
+
+    try {
+      _this.filters = JSON.parse(_this.filters);
+    } catch (e) {
+      _this.filters = {};
+    }
+
+    var selected = _this.props.selected || [];
+
+    if (_typeof(selected) !== 'object') {
+      selected = [selected];
+    }
+
+    selected = selected.filter(function (id) {
+      return id;
+    });
+    _this.state = {
+      selected: selected,
+      name: '',
+      isMobile: window.innerWidth < 800
+    };
+    return _this;
+  }
+
+  _createClass(SelectID, [{
+    key: "handleCancel",
+    value: function handleCancel() {
+      this.props.onClose();
+    }
+  }, {
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onOk(this.props.multiSelect ? this.state.selected : this.state.selected[0] || '', this.state.name);
+      this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var title;
+
+      if (this.state.name || this.state.selected.length) {
+        if (this.state.selected.length === 1) {
+          title = [/*#__PURE__*/_react["default"].createElement("span", {
+            key: "selected"
+          }, _i18n["default"].t('ra_Selected'), " "), /*#__PURE__*/_react["default"].createElement("span", {
+            key: "id",
+            className: this.props.classes.headerID
+          }, (this.state.name || this.state.selected) + (this.state.name ? ' [' + this.state.selected + ']' : ''))];
+        } else {
+          title = [/*#__PURE__*/_react["default"].createElement("span", {
+            key: "selected"
+          }, _i18n["default"].t('ra_Selected'), " "), /*#__PURE__*/_react["default"].createElement("span", {
+            key: "id",
+            className: this.props.classes.headerID
+          }, _i18n["default"].t('%s items', this.state.selected.length))];
+        }
+      } else {
+        title = this.props.title || _i18n["default"].t('ra_Please select object ID...');
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        onClose: function onClose() {},
+        maxWidth: false,
+        classes: {
+          paper: _Utils["default"].clsx(this.props.classes.dialog, this.props.classes.dialogMobile)
+        },
+        fullWidth: true,
+        open: true,
+        "aria-labelledby": "selectid-dialog-title"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "selectid-dialog-title",
+        classes: {
+          root: this.props.classes.titleRoot
+        }
+      }, title), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
+        className: _Utils["default"].clsx(this.props.classes.content, this.props.classes.contentMobile)
+      }, /*#__PURE__*/_react["default"].createElement(_ObjectBrowser["default"], {
+        foldersFirst: this.props.foldersFirst,
+        imagePrefix: this.props.imagePrefix || this.props.prefix // prefix is for back compatibility
+        ,
+        defaultFilters: this.filters,
+        dialogName: this.dialogName,
+        showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true,
+        style: {
+          width: '100%',
+          height: '100%'
+        },
+        columns: this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'],
+        types: this.props.types || ['state'],
+        t: _i18n["default"].t,
+        lang: this.props.lang || _i18n["default"].getLanguage(),
+        socket: this.props.socket,
+        selected: this.state.selected,
+        multiSelect: this.props.multiSelect,
+        notEditable: this.props.notEditable === undefined ? true : this.props.notEditable,
+        name: this.state.name,
+        themeName: this.props.themeName,
+        themeType: this.props.themeType,
+        customFilter: this.props.customFilter,
+        onFilterChanged: function onFilterChanged(filterConfig) {
+          _this2.filters = filterConfig;
+          window.localStorage.setItem(_this2.dialogName, JSON.stringify(filterConfig));
+        },
+        onSelect: function onSelect(selected, name, isDouble) {
+          if (JSON.stringify(selected) !== JSON.stringify(_this2.state.selected)) {
+            _this2.setState({
+              selected: selected,
+              name: name
+            }, function () {
+              return isDouble && _this2.handleOk();
+            });
+          } else if (isDouble) {
+            _this2.handleOk();
+          }
+        },
+        filterFunc: this.props.filterFunc
+      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.handleOk();
+        },
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+        disabled: !this.state.selected.length,
+        color: "primary"
+      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        color: "grey",
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.handleCancel();
+        },
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)
+      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+    }
+  }]);
+
+  return SelectID;
+}(_react["default"].Component);
+
+SelectID.propTypes = {
+  dialogName: _propTypes["default"].string,
+  // where to store settings in localStorage
+  classes: _propTypes["default"].object,
+  onClose: _propTypes["default"].func,
+  notEditable: _propTypes["default"].bool,
+  onOk: _propTypes["default"].func.isRequired,
+  title: _propTypes["default"].string,
+  lang: _propTypes["default"].string,
+  foldersFirst: _propTypes["default"].bool,
+  isFloatComma: _propTypes["default"].bool,
+  dateFormat: _propTypes["default"].string,
+  selected: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
+  customFilter: _propTypes["default"].object,
+  // optional {common: {custom: true}} or {common: {custom: 'sql.0'}}
+  statesOnly: _propTypes["default"].bool,
+  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,
+  multiSelect: _propTypes["default"].bool,
+  types: _propTypes["default"].array,
+  // optional ['state', 'instance', 'channel']
+  columns: _propTypes["default"].array,
+  // optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons']
+  filterFunc: _propTypes["default"].func // function to filter out all unneccessary objects. It cannot be used together with "types"
+  // Example for function: `obj => obj.common && obj.common.type === 'boolean'` to show only boolean states
+
+};
+/** @type {typeof SelectID} */
+
+var _export = (0, _withStyles["default"])(styles)(SelectID);
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=SelectID.js.map

package/Dialogs/SelectID.js.map

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