@iobroker/adapter-react-v5 3.1.2 → 3.1.3

package/Components/TableResize.js

@@ -0,0 +1,305 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _Table = _interopRequireDefault(require("@mui/material/Table"));
+
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = function styles(theme) {
+  return {
+    table: {
+      display: 'grid',
+      '& tr': {
+        display: 'contents'
+      },
+      '& thead': {
+        display: 'contents'
+      },
+      '& tbody': {
+        display: 'contents'
+      },
+      '& th': {
+        // resizer
+        position: 'sticky',
+        userSelect: 'none'
+      },
+      '& .resize-handle': {
+        // resizer
+        display: 'block',
+        position: 'absolute',
+        cursor: 'col-resize',
+        width: 7,
+        right: 0,
+        top: 2,
+        bottom: 2,
+        zIndex: 1,
+        borderRight: '2px dotted #888',
+        '&:hover': {
+          borderColor: '#ccc',
+          borderRightStyle: 'solid'
+        },
+        '&.active': {
+          borderColor: '#517ea5',
+          borderRightStyle: 'solid'
+        }
+      }
+    }
+  };
+};
+
+var TableResize = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(TableResize, _Component);
+
+  var _super = _createSuper(TableResize);
+
+  function TableResize(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, TableResize);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resizerReset", function () {
+      for (var c = 0; c < _this.resizerCurrentWidths.length; c++) {
+        _this.resizerCurrentWidths[c] = (_this.props.initialWidths || [])[c] || 'auto';
+      }
+
+      window.localStorage.setItem("App.".concat(_this.props.name || 'history', ".table"), JSON.stringify(_this.resizerCurrentWidths));
+
+      _this.resizerApplyWidths();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resizerMouseMove", function (e) {
+      if (_this.resizerActiveDiv) {
+        var width = _this.resizerOldWidth + e.clientX - _this.resizerPosition;
+        var widthNext = _this.resizerOldWidthNext - e.clientX + _this.resizerPosition;
+
+        if ((!_this.resizerMin || width > _this.resizerMin) && (!_this.resizerMinNext || widthNext > _this.resizerMinNext)) {
+          _this.resizerCurrentWidths[_this.resizerActiveIndex] = width;
+          _this.resizerCurrentWidths[_this.resizerActiveIndex + 1] = widthNext;
+
+          _this.resizerApplyWidths();
+        }
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resizerMouseUp", function () {
+      window.localStorage.setItem("App.".concat(_this.props.name || 'history', ".table"), JSON.stringify(_this.resizerCurrentWidths));
+      _this.resizerActiveIndex = null;
+      _this.resizerActiveDiv = null;
+      window.removeEventListener('mousemove', _this.resizerMouseMove);
+      window.removeEventListener('mouseup', _this.resizerMouseUp);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resizerMouseDown", function (e) {
+      if (_this.resizerActiveIndex === null || _this.resizerActiveIndex === undefined) {
+        console.log('Mouse down ' + e.target.dataset.index);
+        _this.resizerActiveIndex = parseInt(e.target.dataset.index, 10);
+        _this.resizerActiveDiv = e.target;
+        _this.resizerMin = _this.props.minWidths ? _this.props.minWidths[_this.resizerActiveIndex] : 0;
+        _this.resizerMinNext = _this.props.minWidths ? _this.props.minWidths[_this.resizerActiveIndex + 1] : 0;
+        _this.resizerPosition = e.clientX;
+        var ths;
+
+        if (_this.resizerCurrentWidths[_this.resizerActiveIndex] === 'auto') {
+          ths = ths || _this.resizerRefTable.current.querySelectorAll('th');
+          _this.resizerCurrentWidths[_this.resizerActiveIndex] = ths[_this.resizerActiveIndex].offsetWidth;
+        }
+
+        if (_this.resizerCurrentWidths[_this.resizerActiveIndex + 1] === 'auto') {
+          ths = ths || _this.resizerRefTable.current.querySelectorAll('th');
+          _this.resizerCurrentWidths[_this.resizerActiveIndex + 1] = ths[_this.resizerActiveIndex + 1].offsetWidth;
+        }
+
+        _this.resizerOldWidth = _this.resizerCurrentWidths[_this.resizerActiveIndex];
+        _this.resizerOldWidthNext = _this.resizerCurrentWidths[_this.resizerActiveIndex + 1];
+        window.addEventListener('mousemove', _this.resizerMouseMove);
+        window.addEventListener('mouseup', _this.resizerMouseUp);
+      }
+    });
+    _this.resizerRefTable = /*#__PURE__*/_react["default"].createRef();
+    _this.resizerActiveIndex = null;
+    _this.resizerActiveDiv = null;
+    _this.resizerCurrentWidths = [];
+    var widthsStored = window.localStorage.getItem("App.".concat(_this.props.name || 'history', ".table"));
+    _this.widthFilled = false;
+
+    if (widthsStored) {
+      try {
+        _this.resizerCurrentWidths = JSON.parse(widthsStored);
+        _this.widthFilled = true;
+      } catch (e) {// ignore
+      }
+    }
+
+    return _this;
+  }
+
+  (0, _createClass2["default"])(TableResize, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.resizerInstall();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.resizerUninstall();
+    }
+  }, {
+    key: "resizerInstall",
+    value: function resizerInstall() {
+      var _this2 = this;
+
+      if (this.resizerRefTable.current && !this.resizerRefTable.current._installed) {
+        this.resizerRefTable.current._installed = true;
+        var ths = this.resizerRefTable.current.querySelectorAll('th');
+
+        if (this.widthFilled && this.resizerCurrentWidths.length !== ths.length) {
+          this.resizerCurrentWidths = [];
+          this.widthFilled = false;
+        }
+
+        for (var i = 0; i < ths.length; i++) {
+          !this.widthFilled && this.resizerCurrentWidths.push(ths[i].offsetWidth); // last column does need handle
+
+          if (i < ths.length - 1) {
+            var div = window.document.createElement('div');
+            div.dataset.index = i.toString();
+            div.onmousedown = this.resizerMouseDown;
+            div.ondblclick = this.resizerReset;
+            div.title = this.props.dblTitle || 'Double click to reset table layout';
+            div.className = 'resize-handle';
+            ths[i].appendChild(div);
+          }
+        }
+
+        if (this.widthFilled) {
+          this.resizerApplyWidths();
+        }
+      } else {
+        this.installTimeout = setTimeout(function () {
+          _this2.installTimeout = null;
+
+          _this2.resizerInstall();
+        }, 100);
+      }
+    }
+  }, {
+    key: "resizerUninstall",
+    value: function resizerUninstall() {
+      this.installTimeout && clearTimeout(this.installTimeout); // resizer
+
+      if (this.resizerRefTable.current && this.resizerRefTable.current._installed) {
+        this.resizerRefTable.current._installed = true;
+        var ths = this.resizerRefTable.current.querySelectorAll('th');
+
+        for (var i = 0; i < ths.length; i++) {
+          var div = ths[i].querySelector('.resize-handle');
+
+          if (div) {
+            div.onmousedown = null;
+            div.remove();
+          }
+        }
+      }
+    }
+  }, {
+    key: "resizerApplyWidths",
+    value: function resizerApplyWidths() {
+      var gridTemplateColumns = [];
+
+      if (this.resizerCurrentWidths.length) {
+        for (var c = 0; c < this.resizerCurrentWidths.length; c++) {
+          if (this.resizerCurrentWidths[c]) {
+            gridTemplateColumns.push(this.resizerCurrentWidths[c] !== 'auto' ? this.resizerCurrentWidths[c] + 'px' : 'auto');
+          } else if (this.props.initialWidths && this.props.initialWidths[c]) {
+            gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? this.props.initialWidths[c] + 'px' : 'auto');
+          } else {
+            gridTemplateColumns.push('auto');
+          }
+        }
+      } else if (this.props.initialWidths) {
+        for (var _c = 0; _c < this.props.initialWidths.length; _c++) {
+          if (this.props.initialWidths[_c]) {
+            gridTemplateColumns.push(this.props.initialWidths[_c] !== 'auto' ? this.props.initialWidths[_c] + 'px' : 'auto');
+          } else {
+            gridTemplateColumns.push('auto');
+          }
+        }
+      }
+
+      if (this.resizerRefTable.current && gridTemplateColumns.length) {
+        this.resizerRefTable.current.style.gridTemplateColumns = gridTemplateColumns.join(' ');
+      }
+
+      return gridTemplateColumns.length ? gridTemplateColumns.join(' ') : undefined;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.ready === false) {
+        return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], null);
+      }
+
+      var style = {
+        gridTemplateColumns: this.resizerApplyWidths()
+      };
+      return /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+        stickyHeader: this.props.stickyHeader,
+        size: this.props.size || 'small',
+        className: this.props.classes.table + (this.props.className ? ' ' + this.props.className : ''),
+        ref: this.resizerRefTable,
+        style: Object.assign({}, this.props.style || {}, style)
+      }, this.props.children);
+    }
+  }]);
+  return TableResize;
+}(_react.Component);
+
+TableResize.propTypes = {
+  name: _propTypes["default"].string,
+  ready: _propTypes["default"].bool,
+  stickyHeader: _propTypes["default"].bool,
+  size: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  initialWidths: _propTypes["default"].array,
+  minWidths: _propTypes["default"].array,
+  dblTitle: _propTypes["default"].string
+};
+
+var _default = (0, _styles.withStyles)(styles)(TableResize);
+
+exports["default"] = _default;
+//# sourceMappingURL=TableResize.js.map

package/Components/TableResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableResize.js","names":["styles","theme","table","display","position","userSelect","cursor","width","right","top","bottom","zIndex","borderRight","borderColor","borderRightStyle","TableResize","props","c","resizerCurrentWidths","length","initialWidths","window","localStorage","setItem","name","JSON","stringify","resizerApplyWidths","e","resizerActiveDiv","resizerOldWidth","clientX","resizerPosition","widthNext","resizerOldWidthNext","resizerMin","resizerMinNext","resizerActiveIndex","removeEventListener","resizerMouseMove","resizerMouseUp","undefined","console","log","target","dataset","index","parseInt","minWidths","ths","resizerRefTable","current","querySelectorAll","offsetWidth","addEventListener","React","createRef","widthsStored","getItem","widthFilled","parse","resizerInstall","resizerUninstall","_installed","i","push","div","document","createElement","toString","onmousedown","resizerMouseDown","ondblclick","resizerReset","title","dblTitle","className","appendChild","installTimeout","setTimeout","clearTimeout","querySelector","remove","gridTemplateColumns","style","join","ready","stickyHeader","size","classes","Object","assign","children","Component","propTypes","PropTypes","string","bool","object","array","withStyles"],"sources":["TableResize.jsx"],"sourcesContent":["/**\n * Copyright 2022, bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles} from '@mui/styles';\n\nimport Table from '@mui/material/Table';\nimport Skeleton from '@mui/material/Skeleton';\n\nconst styles = theme => ({\n    table: {\n        display: 'grid',\n        '& tr': {\n            display: 'contents',\n        },\n        '& thead': {\n            display: 'contents',\n        },\n        '& tbody': {\n            display: 'contents',\n        },\n        '& th': { // resizer\n            position: 'sticky',\n            userSelect: 'none',\n        },\n        '& .resize-handle': { // resizer\n            display: 'block',\n            position: 'absolute',\n            cursor: 'col-resize',\n            width: 7,\n            right: 0,\n            top: 2,\n            bottom: 2,\n            zIndex: 1,\n            borderRight: '2px dotted #888',\n            '&:hover': {\n                borderColor: '#ccc',\n                borderRightStyle: 'solid',\n            }\n            , '&.active': {\n                borderColor: '#517ea5',\n                borderRightStyle: 'solid',\n            }\n        }\n    },\n});\n\nclass TableResize extends Component {\n    constructor(props) {\n        super(props);\n        this.resizerRefTable = React.createRef();\n        this.resizerActiveIndex = null;\n        this.resizerActiveDiv = null;\n        this.resizerCurrentWidths = [];\n        const widthsStored = window.localStorage.getItem(`App.${this.props.name || 'history'}.table`);\n        this.widthFilled = false;\n\n        if (widthsStored) {\n            try {\n                this.resizerCurrentWidths = JSON.parse(widthsStored);\n                this.widthFilled = true;\n            } catch (e) {\n                // ignore\n            }\n        }\n    }\n\n    componentDidMount() {\n        this.resizerInstall();\n    }\n\n    componentWillUnmount() {\n        this.resizerUninstall();\n    }\n\n    resizerInstall() {\n        if (this.resizerRefTable.current && !this.resizerRefTable.current._installed) {\n            this.resizerRefTable.current._installed = true;\n            const ths = this.resizerRefTable.current.querySelectorAll('th');\n            if (this.widthFilled && this.resizerCurrentWidths.length !== ths.length) {\n                this.resizerCurrentWidths = [];\n                this.widthFilled = false;\n            }\n\n            for (let i = 0; i < ths.length; i++) {\n                !this.widthFilled && this.resizerCurrentWidths.push(ths[i].offsetWidth);\n\n                // last column does need handle\n                if (i < ths.length - 1) {\n                    const div = window.document.createElement('div');\n                    div.dataset.index = i.toString();\n                    div.onmousedown = this.resizerMouseDown;\n                    div.ondblclick = this.resizerReset;\n                    div.title = this.props.dblTitle || 'Double click to reset table layout';\n                    div.className = 'resize-handle';\n                    ths[i].appendChild(div);\n                }\n            }\n            if (this.widthFilled) {\n                this.resizerApplyWidths();\n            }\n        } else {\n            this.installTimeout = setTimeout(() => {\n                this.installTimeout = null;\n                this.resizerInstall()\n            }, 100);\n        }\n    }\n\n    resizerReset = () => {\n        for (let c = 0; c < this.resizerCurrentWidths.length; c++) {\n            this.resizerCurrentWidths[c] = (this.props.initialWidths || [])[c] || 'auto';\n        }\n\n        window.localStorage.setItem(`App.${this.props.name || 'history'}.table`, JSON.stringify(this.resizerCurrentWidths));\n        this.resizerApplyWidths();\n    }\n\n    resizerUninstall() {\n        this.installTimeout && clearTimeout(this.installTimeout);\n\n        // resizer\n        if (this.resizerRefTable.current && this.resizerRefTable.current._installed) {\n            this.resizerRefTable.current._installed = true;\n            const ths = this.resizerRefTable.current.querySelectorAll('th');\n            for (let i = 0; i < ths.length; i++) {\n                const div = ths[i].querySelector('.resize-handle');\n                if (div) {\n                    div.onmousedown = null;\n                    div.remove();\n                }\n            }\n        }\n    }\n\n    resizerApplyWidths() {\n        const gridTemplateColumns = [];\n        if (this.resizerCurrentWidths.length) {\n            for (let c = 0; c < this.resizerCurrentWidths.length; c++) {\n                if (this.resizerCurrentWidths[c]) {\n                    gridTemplateColumns.push(this.resizerCurrentWidths[c] !== 'auto' ? this.resizerCurrentWidths[c] + 'px' : 'auto');\n                } else if (this.props.initialWidths && this.props.initialWidths[c]) {\n                    gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? this.props.initialWidths[c] + 'px' : 'auto');\n                } else {\n                    gridTemplateColumns.push('auto');\n                }\n            }\n        } else if (this.props.initialWidths) {\n            for (let c = 0; c < this.props.initialWidths.length; c++) {\n                if (this.props.initialWidths[c]) {\n                    gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? this.props.initialWidths[c] + 'px' : 'auto');\n                } else {\n                    gridTemplateColumns.push('auto');\n                }\n            }\n        }\n\n        if (this.resizerRefTable.current && gridTemplateColumns.length) {\n            this.resizerRefTable.current.style.gridTemplateColumns = gridTemplateColumns.join(' ');\n        }\n\n        return gridTemplateColumns.length ? gridTemplateColumns.join(' ') : undefined;\n    }\n\n    resizerMouseMove = e => {\n        if (this.resizerActiveDiv) {\n            const width = this.resizerOldWidth + e.clientX - this.resizerPosition;\n            const widthNext = this.resizerOldWidthNext - e.clientX + this.resizerPosition;\n            if ((!this.resizerMin     || width     > this.resizerMin) &&\n                (!this.resizerMinNext || widthNext > this.resizerMinNext)) {\n                this.resizerCurrentWidths[this.resizerActiveIndex] = width;\n                this.resizerCurrentWidths[this.resizerActiveIndex + 1] = widthNext;\n                this.resizerApplyWidths();\n            }\n        }\n    }\n\n    resizerMouseUp = () => {\n        window.localStorage.setItem(`App.${this.props.name || 'history'}.table`, JSON.stringify(this.resizerCurrentWidths));\n\n        this.resizerActiveIndex = null;\n        this.resizerActiveDiv = null;\n        window.removeEventListener('mousemove', this.resizerMouseMove);\n        window.removeEventListener('mouseup', this.resizerMouseUp);\n    }\n\n    resizerMouseDown = e => {\n        if (this.resizerActiveIndex === null || this.resizerActiveIndex === undefined) {\n            console.log('Mouse down ' + e.target.dataset.index);\n            this.resizerActiveIndex = parseInt(e.target.dataset.index, 10);\n            this.resizerActiveDiv = e.target;\n            this.resizerMin = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex] : 0;\n            this.resizerMinNext = this.props.minWidths ? this.props.minWidths[this.resizerActiveIndex + 1] : 0;\n            this.resizerPosition = e.clientX;\n            let ths;\n            if (this.resizerCurrentWidths[this.resizerActiveIndex] === 'auto') {\n                ths = ths || this.resizerRefTable.current.querySelectorAll('th');\n                this.resizerCurrentWidths[this.resizerActiveIndex] = ths[this.resizerActiveIndex].offsetWidth;\n            }\n            if (this.resizerCurrentWidths[this.resizerActiveIndex + 1] === 'auto') {\n                ths = ths || this.resizerRefTable.current.querySelectorAll('th');\n                this.resizerCurrentWidths[this.resizerActiveIndex + 1] = ths[this.resizerActiveIndex + 1].offsetWidth;\n            }\n\n            this.resizerOldWidth = this.resizerCurrentWidths[this.resizerActiveIndex];\n            this.resizerOldWidthNext = this.resizerCurrentWidths[this.resizerActiveIndex + 1];\n\n            window.addEventListener('mousemove', this.resizerMouseMove);\n            window.addEventListener('mouseup', this.resizerMouseUp);\n        }\n    };\n\n    render() {\n        if (this.props.ready === false) {\n            return <Skeleton />;\n        }\n\n        const style = { gridTemplateColumns: this.resizerApplyWidths() };\n\n        return <Table\n            stickyHeader={this.props.stickyHeader}\n            size={this.props.size || 'small'}\n            className={ this.props.classes.table + (this.props.className ? ' ' + this.props.className : '')}\n            ref={ this.resizerRefTable }\n            style={ Object.assign({}, this.props.style || {}, style) }\n        >\n            { this.props.children }\n        </Table>;\n    }\n}\n\nTableResize.propTypes = {\n    name: PropTypes.string,\n    ready: PropTypes.bool,\n    stickyHeader: PropTypes.bool,\n    size: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    initialWidths: PropTypes.array,\n    minWidths: PropTypes.array,\n    dblTitle: PropTypes.string,\n};\n\nexport default withStyles(styles)(TableResize);"],"mappings":"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"}

package/README.md

@@ -641,6 +641,9 @@ If you still have questions, try to find an answer [here](https://mui.com/guides
 -->
 
 ## Changelog
+### 3.1.3 (2022-06-13)
+* (bluefox) Added table with resized headers
+
 ### 3.1.2 (2022-06-09)
 * (bluefox) Added new document icon (read only)
 

package/i18n/de.json

@@ -264,8 +264,8 @@
   "ra_Folder → State": "Ordner → Zustand",
   "ra_Folder → Channel → State": "Ordner → Kanal → Zustand",
   "ra_Folder → Device → Channel → State": "Ordner → Gerät → Kanal → Zustand",
-  "ra_Device → Channel → State": "Gerät → Kanal → Status",
-  "ra_Channel → State": "Kanal → Status",
+  "ra_Device → Channel → State": "Gerät → Kanal → Zustand",
+  "ra_Channel → State": "Kanal → Zustand",
   "ra_Non-experts may create new objects only in \"0_userdata.0\" or \"alias.0\".": "Nicht-Experten dürfen neue Objekte nur in \"0_userdata.0\" oder \"alias.0\" erstellen.",
   "ra_The experts may create objects everywhere but from second level (e.g. \"vis.0\" or \"javascript.0\").": "Die Experten können Objekte überall erstellen, außer auf der zweiten Ebene (z. B. \"vis.0\" oder \"javascript.0\").",
   "ra_expertMode": "Expertenmodus",
@@ -310,5 +310,6 @@
   "ra_Move up": "Nach oben",
   "ra_Move down": "Nach unten",
   "ra_Delete current row": "Aktuelle Zeile löschen",
-  "ra_All items are filtered out": "Alle Elemente werden herausgefiltert"
+  "ra_All items are filtered out": "Alle Elemente werden herausgefiltert",
+  "ra_Double click to reset table layout": "Doppelklicken, um das Tabellenlayout zurückzusetzen"
 }

package/i18n/en.json

@@ -310,5 +310,6 @@
   "ra_Move up": "Move up",
   "ra_Move down": "Move down",
   "ra_Delete current row": "Delete current row",
-  "ra_All items are filtered out": "All items are filtered out"
+  "ra_All items are filtered out": "All items are filtered out",
+  "ra_Double click to reset table layout": "Double click to reset table layout"
 }

package/i18n/es.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Ascender",
   "ra_Move down": "Mover hacia abajo",
   "ra_Delete current row": "Eliminar fila actual",
-  "ra_All items are filtered out": "Todos los elementos se filtran"
+  "ra_All items are filtered out": "Todos los elementos se filtran",
+  "ra_Double click to reset table layout": "Haga doble clic para restablecer el diseño de la tabla"
 }

package/i18n/fr.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Déplacer vers le haut",
   "ra_Move down": "Descendre",
   "ra_Delete current row": "Supprimer la ligne actuelle",
-  "ra_All items are filtered out": "Tous les éléments sont filtrés"
+  "ra_All items are filtered out": "Tous les éléments sont filtrés",
+  "ra_Double click to reset table layout": "Double-cliquez pour réinitialiser la disposition du tableau"
 }

package/i18n/it.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Andare avanti",
   "ra_Move down": "Abbassati",
   "ra_Delete current row": "Elimina la riga corrente",
-  "ra_All items are filtered out": "Tutti gli elementi vengono filtrati"
+  "ra_All items are filtered out": "Tutti gli elementi vengono filtrati",
+  "ra_Double click to reset table layout": "Fare doppio clic per ripristinare il layout della tabella"
 }

package/i18n/nl.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Omhoog gaan",
   "ra_Move down": "Naar beneden verplaatsen",
   "ra_Delete current row": "Huidige rij verwijderen",
-  "ra_All items are filtered out": "Alle items zijn uitgefilterd"
+  "ra_All items are filtered out": "Alle items zijn uitgefilterd",
+  "ra_Double click to reset table layout": "Dubbelklik om de tafelindeling te resetten"
 }

package/i18n/pl.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Podnieść",
   "ra_Move down": "Padnij",
   "ra_Delete current row": "Usuń bieżący wiersz",
-  "ra_All items are filtered out": "Wszystkie pozycje są odfiltrowane"
+  "ra_All items are filtered out": "Wszystkie pozycje są odfiltrowane",
+  "ra_Double click to reset table layout": "Kliknij dwukrotnie, aby zresetować układ tabeli"
 }

package/i18n/pt.json

@@ -297,5 +297,6 @@
   "ra_Move up": "Subir",
   "ra_Move down": "Mover para baixo",
   "ra_Delete current row": "Excluir linha atual",
-  "ra_All items are filtered out": "Todos os itens são filtrados"
+  "ra_All items are filtered out": "Todos os itens são filtrados",
+  "ra_Double click to reset table layout": "Clique duas vezes para redefinir o layout da tabela"
 }

package/i18n/ru.json

@@ -310,5 +310,6 @@
   "ra_Move up": "Вверх",
   "ra_Move down": "Вниз",
   "ra_Delete current row": "Удалить текущую строку",
-  "ra_All items are filtered out": "Все элементы отфильтрованы"
+  "ra_All items are filtered out": "Все элементы отфильтрованы",
+  "ra_Double click to reset table layout": "Дважды щелкните, чтобы сбросить макет таблицы"
 }

package/i18n/zh-cn.json

@@ -297,5 +297,6 @@
   "ra_Move up": "提升",
   "ra_Move down": "下移",
   "ra_Delete current row": "删除当前行",
-  "ra_All items are filtered out": "所有项目都被过滤掉"
+  "ra_All items are filtered out": "所有项目都被过滤掉",
+  "ra_Double click to reset table layout": "双击重置表格布局"
 }

package/package.json

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