@iobroker/adapter-react-v5 3.1.1 → 3.1.4

package/Components/TableResize.js

@@ -0,0 +1,323 @@
+"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 || 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 || 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 = [];
+    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');
+        var widthsStored = (window._localStorage || 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
+          }
+        }
+
+        if (this.widthFilled) {
+          if (this.resizerCurrentWidths.length !== ths.length) {
+            this.resizerCurrentWidths = [];
+            this.widthFilled = false;
+          } else {
+            var tableWidth = this.resizerRefTable.current.offsetWidth;
+            var storedWidth = 0;
+
+            for (var w = 0; w < this.resizerCurrentWidths.length; w++) {
+              if (isFinite(this.resizerCurrentWidths[w])) {
+                storedWidth += this.resizerCurrentWidths[w];
+              } else {
+                storedWidth = null;
+                break;
+              }
+            }
+
+            if (storedWidth !== null && Math.abs(storedWidth - tableWidth) > 20) {
+              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","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","resizerInstall","resizerUninstall","_installed","widthsStored","getItem","widthFilled","parse","tableWidth","storedWidth","w","isFinite","Math","abs","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    }\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\n            const widthsStored = (window._localStorage || 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            if (this.widthFilled) {\n                if (this.resizerCurrentWidths.length !== ths.length) {\n                    this.resizerCurrentWidths = [];\n                    this.widthFilled = false;\n                } else {\n                    const tableWidth = this.resizerRefTable.current.offsetWidth;\n                    let storedWidth = 0;\n                    for (let w = 0; w < this.resizerCurrentWidths.length; w++) {\n                        if (isFinite(this.resizerCurrentWidths[w])) {\n                            storedWidth += this.resizerCurrentWidths[w];\n                        } else {\n                            storedWidth = null;\n                            break;\n                        }\n                    }\n                    if (storedWidth !== null && Math.abs(storedWidth - tableWidth) > 20) {\n                        this.resizerCurrentWidths = [];\n                        this.widthFilled = false;\n                    }\n                }\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 || 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 || 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/Components/TreeTable.js

@@ -271,7 +271,7 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
 
     (0, _classCallCheck2["default"])(this, TreeTable);
     _this = _super.call(this, props);
-    var opened = window.localStorage.getItem(_this.props.name || 'iob-table') || '[]';
+    var opened = (window._localStorage || window.localStorage).getItem(_this.props.name || 'iob-table') || '[]';
 
     try {
       opened = JSON.parse(opened) || [];
@@ -697,7 +697,7 @@ var TreeTable = /*#__PURE__*/function (_React$Component) {
               opened.splice(pos, 1);
             }
 
-            window.localStorage.setItem(_this10.props.name || 'iob-table', JSON.stringify(opened));
+            (window._localStorage || window.localStorage).setItem(_this10.props.name || 'iob-table', JSON.stringify(opened));
 
             _this10.setState({
               opened: opened