@iobroker/adapter-react-v5 0.0.2

package/Components/Router.js

@@ -0,0 +1,152 @@
+"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"));
+
+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); }
+
+/**
+ * @template P Type of the properties object.
+ * @template S Type of the internal state object.
+ * @extends {React.Component<P, S>}
+ */
+var Router = /*#__PURE__*/function (_React$Component) {
+  _inherits(Router, _React$Component);
+
+  var _super = _createSuper(Router);
+
+  /**
+   * @param {P} props The React properties of this component.
+   */
+  function Router(props) {
+    var _this;
+
+    _classCallCheck(this, Router);
+
+    _this = _super.call(this, props);
+    _this.onHashChangedBound = _this.onHashChanged.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Router, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener('hashchange', this.onHashChangedBound);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('hashchange', this.onHashChangedBound);
+    }
+  }, {
+    key: "onHashChanged",
+    value: function onHashChanged() {// override this function
+    }
+    /**
+     * Gets the location object.
+     * @returns {{ tab: string; dialog: string; id: string; arg: string; }}
+     */
+
+  }], [{
+    key: "getLocation",
+    value: function getLocation() {
+      var hash = window.location.hash;
+      hash = hash.replace(/^#/, '');
+      var parts = hash.split('/').map(function (item) {
+        try {
+          return item ? decodeURIComponent(item) : '';
+        } catch (e) {
+          console.error('Router: Cannot decode ' + item);
+          return item || '';
+        }
+      }); // #tabName/dialogName/deviceId
+
+      return {
+        tab: parts[0] || '',
+        dialog: parts[1] || '',
+        id: parts[2] || '',
+        arg: parts[3] || ''
+      };
+    }
+    /**
+     * Navigate to a new location. Any parameters that are not set will be taken from the current location.
+     * @param {string | undefined} [tab]
+     * @param {string | undefined} [dialog]
+     * @param {string | undefined} [id]
+     * @param {string | undefined} [arg]
+     */
+
+  }, {
+    key: "doNavigate",
+    value: function doNavigate(tab, dialog, id, arg) {
+      var hash = '';
+      var location = Router.getLocation();
+
+      if (arg !== undefined && !id) {
+        id = location.id;
+      }
+
+      if (id && !dialog) {
+        dialog = location.dialog;
+      }
+
+      if (dialog && !tab) {
+        tab = location.tab;
+      } else if (tab === null) {
+        tab = location.tab;
+      }
+
+      if (tab) {
+        hash = '#' + tab;
+
+        if (dialog) {
+          hash += '/' + dialog;
+
+          if (id) {
+            hash += '/' + id;
+
+            if (arg !== undefined) {
+              hash += '/' + arg;
+            }
+          }
+        }
+      }
+
+      if (window.location.hash !== hash) {
+        window.location.hash = hash;
+      }
+    }
+  }]);
+
+  return Router;
+}(_react["default"].Component);
+
+var _default = Router;
+exports["default"] = _default;
+//# sourceMappingURL=Router.js.map

package/Components/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Router.js"],"names":["Router","props","onHashChangedBound","onHashChanged","bind","window","addEventListener","removeEventListener","hash","location","replace","parts","split","map","item","decodeURIComponent","e","console","error","tab","dialog","id","arg","getLocation","undefined","React","Component"],"mappings":"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","sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\n\n/**\n * @template P Type of the properties object.\n * @template S Type of the internal state object.\n * @extends {React.Component<P, S>}\n */\nclass Router extends React.Component {\n    /**\n     * @param {P} props The React properties of this component.\n     */\n    constructor(props) {\n        super(props);\n        this.onHashChangedBound = this.onHashChanged.bind(this);\n    }\n\n    componentDidMount() {\n        window.addEventListener('hashchange', this.onHashChangedBound);\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('hashchange', this.onHashChangedBound);\n    }\n\n    onHashChanged() {\n        // override this function\n    }\n\n    /**\n     * Gets the location object.\n     * @returns {{ tab: string; dialog: string; id: string; arg: string; }}\n     */\n    static getLocation() {\n        let hash = window.location.hash;\n        hash = hash.replace(/^#/, '');\n        const parts = hash.split('/').map(item => {\n            try {\n                return item ? decodeURIComponent(item) : ''\n            } catch (e) {\n                console.error('Router: Cannot decode ' + item);\n                return item || '';\n            }\n        });\n        // #tabName/dialogName/deviceId\n        return {\n            tab:    parts[0] || '',\n            dialog: parts[1] || '',\n            id:     parts[2] || '',\n            arg:    parts[3] || ''\n        };\n    }\n\n    /**\n     * Navigate to a new location. Any parameters that are not set will be taken from the current location.\n     * @param {string | undefined} [tab]\n     * @param {string | undefined} [dialog]\n     * @param {string | undefined} [id]\n     * @param {string | undefined} [arg]\n     */\n    static doNavigate(tab, dialog, id, arg) {\n        let hash = '';\n        const location = Router.getLocation();\n        if (arg !== undefined && !id) {\n            id = location.id;\n        }\n        if (id && !dialog) {\n            dialog = location.dialog;\n        }\n        if (dialog && !tab) {\n            tab = location.tab;\n        } else\n        if (tab === null) {\n            tab = location.tab;\n        }\n\n        if (tab) {\n            hash = '#' + tab;\n            if (dialog) {\n                hash += '/' + dialog;\n\n                if (id) {\n                    hash += '/' + id;\n                    if (arg !== undefined) {\n                        hash += '/' + arg;\n                    }\n                }\n            }\n        }\n        if (window.location.hash !== hash) {\n            window.location.hash = hash;\n        }\n    }\n}\n\nexport default Router;"],"file":"Router.js"}

package/Components/SaveCloseButtons.js

@@ -0,0 +1,177 @@
+"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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+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 {
+    buttonIcon: {
+      marginRight: 8
+    }
+  };
+};
+/**
+ * @typedef {object} LogoProps
+ * @property {boolean} noTextOnButtons Are the buttons without text
+ * @property {any} theme Theme object (from this.state.theme)
+ * @property {boolean} isIFrame bottom position 0 or 38 for iFrame
+ * @property {function} onSave on Save handler
+ * @property {function} onClose on Close handler
+ *
+ * @extends {React.Component<LogoProps>}
+ */
+
+
+var SaveCloseButtons = /*#__PURE__*/function (_React$Component) {
+  _inherits(SaveCloseButtons, _React$Component);
+
+  var _super = _createSuper(SaveCloseButtons);
+
+  function SaveCloseButtons(props) {
+    var _this;
+
+    _classCallCheck(this, SaveCloseButtons);
+
+    _this = _super.call(this, props);
+
+    try {
+      _this.isIFrame = !props.newReact && window.self !== window.top;
+    } catch (e) {
+      _this.isIFrame = !props.newReact;
+    }
+
+    return _this;
+  }
+
+  _createClass(SaveCloseButtons, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var noTextOnButtons = this.props.noTextOnButtons;
+      var buttonStyle = {
+        borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,
+        height: this.props.theme.saveToolbar.button.height || 32
+      };
+      var style = {
+        bottom: this.isIFrame ? 38 : 0,
+        left: this.props.paddingLeft || 0,
+        right: 0,
+        position: 'absolute',
+        background: this.props.theme.saveToolbar.background
+      };
+
+      if (this.props.dense) {
+        style.minHeight = 48;
+      }
+
+      if (this.props.error) {
+        buttonStyle.border = '1px solid red';
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], {
+        position: "absolute",
+        style: style
+      }, /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
+        variant: "extended",
+        "aria-label": "Save",
+        disabled: !this.props.changed || this.props.error,
+        onClick: function onClick() {
+          return _this2.props.onSave(false);
+        },
+        style: buttonStyle
+      }, /*#__PURE__*/_react["default"].createElement(_Save["default"], {
+        className: !noTextOnButtons ? this.props.classes.buttonIcon : ''
+      }), !noTextOnButtons && _i18n["default"].t('ra_Save')), /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
+        variant: "extended",
+        "aria-label": "Save and close",
+        disabled: !this.props.changed || this.props.error,
+        onClick: function onClick() {
+          return _this2.props.onSave(true);
+        },
+        style: Object.assign({}, buttonStyle, {
+          marginLeft: 10
+        })
+      }, /*#__PURE__*/_react["default"].createElement(_Save["default"], {
+        className: !noTextOnButtons ? this.props.classes.buttonIcon : ''
+      }), !noTextOnButtons ? _i18n["default"].t('ra_Save and close') : '+', noTextOnButtons && /*#__PURE__*/_react["default"].createElement(_Close["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          flexGrow: 1
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
+        variant: "extended",
+        "aria-label": "Close",
+        onClick: function onClick() {
+          return _this2.props.onClose();
+        },
+        style: buttonStyle
+      }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+        className: !noTextOnButtons ? this.props.classes.buttonIcon : ''
+      }), !noTextOnButtons && _i18n["default"].t('ra_Close')));
+    }
+  }]);
+
+  return SaveCloseButtons;
+}(_react["default"].Component);
+
+SaveCloseButtons.propTypes = {
+  dense: _propTypes["default"].bool,
+  paddingLeft: _propTypes["default"].number,
+  noTextOnButtons: _propTypes["default"].bool,
+  theme: _propTypes["default"].object,
+  isIFrame: _propTypes["default"].bool,
+  changed: _propTypes["default"].bool.isRequired,
+  error: _propTypes["default"].bool,
+  onSave: _propTypes["default"].func.isRequired,
+  onClose: _propTypes["default"].func.isRequired,
+  newReact: _propTypes["default"].bool
+};
+/** @type {typeof SaveCloseButtons} */
+
+var _export = (0, _withStyles["default"])(styles)(SaveCloseButtons);
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=SaveCloseButtons.js.map

package/Components/SaveCloseButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SaveCloseButtons.js"],"names":["styles","theme","buttonIcon","marginRight","SaveCloseButtons","props","isIFrame","newReact","window","self","top","e","noTextOnButtons","buttonStyle","borderRadius","saveToolbar","button","height","style","bottom","left","paddingLeft","right","position","background","dense","minHeight","error","border","changed","onSave","classes","I18n","t","Object","assign","marginLeft","flexGrow","onClose","React","Component","propTypes","PropTypes","bool","number","object","isRequired","func","_export"],"mappings":"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","sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport Fab from '@mui/material/Fab';\nimport PropTypes from 'prop-types';\n\nimport Toolbar from '@mui/material/Toolbar';\n\nimport I18n from '../i18n';\n\nimport IconSave from '@mui/icons-material/Save';\nimport IconClose from '@mui/icons-material/Close';\n\nconst styles = theme => ({\n    buttonIcon: {\n        marginRight: 8\n    },\n});\n\n/**\n * @typedef {object} LogoProps\n * @property {boolean} noTextOnButtons Are the buttons without text\n * @property {any} theme Theme object (from this.state.theme)\n * @property {boolean} isIFrame bottom position 0 or 38 for iFrame\n * @property {function} onSave on Save handler\n * @property {function} onClose on Close handler\n *\n * @extends {React.Component<LogoProps>}\n */\nclass SaveCloseButtons extends React.Component {\n    constructor(props) {\n        super(props);\n        try {\n            this.isIFrame = !props.newReact && window.self !== window.top;\n        } catch (e) {\n            this.isIFrame = !props.newReact;\n        }\n    }\n\n    render() {\n        const noTextOnButtons = this.props.noTextOnButtons;\n        const buttonStyle = {\n            borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,\n            height:       this.props.theme.saveToolbar.button.height       || 32,\n        };\n\n        const style = {\n            bottom: this.isIFrame ? 38 : 0,\n            left: this.props.paddingLeft || 0,\n            right: 0,\n            position: 'absolute',\n            background: this.props.theme.saveToolbar.background\n        };\n        if (this.props.dense) {\n            style.minHeight = 48;\n        }\n\n        if (this.props.error) {\n            buttonStyle.border = '1px solid red';\n        }\n\n        return <Toolbar position=\"absolute\" style={style}>\n            <Fab\n                variant=\"extended\"\n                aria-label=\"Save\"\n                disabled={!this.props.changed || this.props.error}\n                onClick={() => this.props.onSave(false)}\n                style={buttonStyle}\n            >\n                <IconSave className={!noTextOnButtons ? this.props.classes.buttonIcon : ''}/>{!noTextOnButtons && I18n.t('ra_Save')}\n            </Fab>\n            <Fab\n                variant=\"extended\"\n                aria-label=\"Save and close\"\n                disabled={!this.props.changed || this.props.error}\n                onClick={() => this.props.onSave(true)}\n                style={Object.assign({}, buttonStyle, {marginLeft: 10})}>\n                <IconSave className={!noTextOnButtons ? this.props.classes.buttonIcon : ''}/>\n                {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}\n                {noTextOnButtons && <IconClose/>}\n            </Fab>\n            <div style={{flexGrow: 1}}/>\n            <Fab variant=\"extended\" aria-label=\"Close\" onClick={() => this.props.onClose()} style={buttonStyle}>\n                <IconClose className={!noTextOnButtons ? this.props.classes.buttonIcon : ''}/>{!noTextOnButtons && I18n.t('ra_Close')}\n            </Fab>\n        </Toolbar>;\n    }\n}\n\nSaveCloseButtons.propTypes = {\n    dense: PropTypes.bool,\n    paddingLeft: PropTypes.number,\n    noTextOnButtons: PropTypes.bool,\n    theme: PropTypes.object,\n    isIFrame: PropTypes.bool,\n    changed: PropTypes.bool.isRequired,\n    error: PropTypes.bool,\n    onSave: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    newReact: PropTypes.bool,\n};\n\n/** @type {typeof SaveCloseButtons} */\nconst _export = withStyles(styles)(SaveCloseButtons);\nexport default _export;"],"file":"SaveCloseButtons.js"}