@iobroker/adapter-react-v5 4.13.3 → 4.13.4

package/Components/TabContent.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
 interface TabContentProps {
     overflow?: string;
-    classes: {
-        root: string;
-        overflowAuto: string;
-    };
+    classes: Record<string, string>;
     children: React.ReactNode;
 }
-/** @type {typeof TabContent} */
-declare const _export: React.JSXElementConstructor<Omit<TabContentProps, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "overflowAuto"> & object>;
-export default _export;
+declare const _default: React.JSXElementConstructor<Omit<TabContentProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Components/TabContent.js

@@ -23,6 +23,4 @@ class TabContent extends react_1.default.Component {
         return react_1.default.createElement(material_1.Grid, { item: true, className: Utils_1.default.clsx(classes.root, this.props.overflow === 'auto' ? classes.overflowAuto : '') }, this.props.children);
     }
 }
-/** @type {typeof TabContent} */
-const _export = (0, styles_1.withStyles)(styles)(TabContent);
-exports.default = _export;
+exports.default = (0, styles_1.withStyles)(styles)(TabContent);

package/Components/TableResize.d.ts

@@ -1,14 +1,21 @@
-declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
-    name: PropTypes.Requireable<string>;
-    ready: PropTypes.Requireable<boolean>;
-    stickyHeader: PropTypes.Requireable<boolean>;
-    size: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    initialWidths: PropTypes.Requireable<any[]>;
-    minWidths: PropTypes.Requireable<any[]>;
-    dblTitle: PropTypes.Requireable<string>;
-}>, "classes"> & import("@mui/styles").StyledComponentProps<"table"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
+/**
+ * Copyright 2022-2024, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ **/
 import React from 'react';
+interface TableResizeProps {
+    name?: string;
+    ready?: boolean;
+    stickyHeader?: boolean;
+    size?: 'small' | 'medium';
+    className: string;
+    style?: React.CSSProperties;
+    initialWidths?: (number | 'auto')[];
+    minWidths?: number[];
+    dblTitle?: string;
+    children?: React.ReactNode;
+}
+declare const _default: React.JSXElementConstructor<Omit<TableResizeProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Components/TableResize.js

@@ -1,282 +1,264 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * Copyright 2022-2023, Denis Haev <dogafox@gmail.com>
- *
- * MIT License
- *
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Copyright 2022-2024, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
  **/
-var styles = function styles() {
-  return {
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/styles");
+const material_1 = require("@mui/material");
+const styles = {
     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'
+        display: 'grid',
+        '& tr': {
+            display: 'contents',
         },
-        '&.active': {
-          borderColor: '#517ea5',
-          borderRightStyle: 'solid'
-        }
-      }
-    }
-  };
+        '& thead': {
+            display: 'contents',
+        },
+        '& tbody': {
+            display: 'contents',
+        },
+        '& th': {
+            position: 'sticky',
+            userSelect: 'none',
+        },
+        '& .resize-handle': {
+            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) {
-  function TableResize(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, TableResize);
-    _this = _callSuper(this, TableResize, [props]);
-    (0, _defineProperty2["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"])(_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"])(_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"])(_this, "resizerMouseDown", function (e) {
-      if (_this.resizerActiveIndex === null || _this.resizerActiveIndex === undefined) {
-        console.log("Mouse down ".concat(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, _inherits2["default"])(TableResize, _Component);
-  return (0, _createClass2["default"])(TableResize, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.resizerInstall();
+class TableResize extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.widthFilled = false;
+        this.installTimeout = null;
+        this.resizerMin = 0;
+        this.resizerMinNext = 0;
+        this.resizerPosition = 0;
+        this.resizerOldWidth = 0;
+        this.resizerOldWidthNext = 0;
+        this.resizerReset = () => {
+            for (let c = 0; c < this.resizerCurrentWidths.length; c++) {
+                this.resizerCurrentWidths[c] = (this.props.initialWidths || [])[c] || 'auto';
+            }
+            (window._localStorage || window.localStorage).setItem(`App.${this.props.name || 'history'}.table`, JSON.stringify(this.resizerCurrentWidths));
+            this.resizerApplyWidths();
+        };
+        this.resizerMouseMove = (e) => {
+            if (this.resizerActiveDiv && this.resizerActiveIndex !== null) {
+                const width = this.resizerOldWidth + e.clientX - this.resizerPosition;
+                const 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();
+                }
+            }
+        };
+        this.resizerMouseUp = () => {
+            (window._localStorage || window.localStorage).setItem(`App.${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);
+        };
+        this.resizerMouseDown = (e) => {
+            var _a, _b, _c, _d;
+            if (this.resizerActiveIndex === null || this.resizerActiveIndex === undefined) {
+                console.log(`Mouse down ${(_a = e.target) === null || _a === void 0 ? void 0 : _a.dataset.index}`);
+                this.resizerActiveIndex = parseInt(((_b = e.target) === null || _b === void 0 ? void 0 : _b.dataset.index) || '0', 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;
+                let ths;
+                if (this.resizerCurrentWidths[this.resizerActiveIndex] === 'auto') {
+                    ths = (_c = this.resizerRefTable.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll('th');
+                    if (ths) {
+                        this.resizerCurrentWidths[this.resizerActiveIndex] = ths[this.resizerActiveIndex].offsetWidth;
+                    }
+                }
+                if (this.resizerCurrentWidths[this.resizerActiveIndex + 1] === 'auto') {
+                    ths = ths || ((_d = this.resizerRefTable.current) === null || _d === void 0 ? void 0 : _d.querySelectorAll('th'));
+                    if (ths) {
+                        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 = react_1.default.createRef();
+        this.resizerActiveIndex = null;
+        this.resizerActiveDiv = null;
+        this.resizerCurrentWidths = [];
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.resizerUninstall();
+    componentDidMount() {
+        this.resizerInstall();
     }
-  }, {
-    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 = [];
+    componentWillUnmount() {
+        this.resizerUninstall();
+    }
+    resizerInstall() {
+        if (this.resizerRefTable.current && !this.resizerRefTable.current._installed) {
+            this.resizerRefTable.current._installed = true;
+            const ths = this.resizerRefTable.current.querySelectorAll('th');
+            const widthsStored = (window._localStorage || window.localStorage).getItem(`App.${this.props.name || 'history'}.table`);
             this.widthFilled = false;
-          } else {
-            var tableWidth = this.resizerRefTable.current.offsetWidth;
-            var storedWidth = 0;
-            for (var w = 0; w < this.resizerCurrentWidths.length; w++) {
-              // eslint-disable-next-line no-restricted-properties
-              if (window.isFinite(this.resizerCurrentWidths[w])) {
-                storedWidth += this.resizerCurrentWidths[w];
-              } else {
-                storedWidth = null;
-                break;
-              }
+            if (widthsStored) {
+                try {
+                    this.resizerCurrentWidths = JSON.parse(widthsStored);
+                    this.widthFilled = true;
+                }
+                catch (e) {
+                    // ignore
+                }
             }
-            if (storedWidth !== null && Math.abs(storedWidth - tableWidth) > 20) {
-              this.resizerCurrentWidths = [];
-              this.widthFilled = false;
+            if (this.widthFilled) {
+                if (this.resizerCurrentWidths.length !== ths.length) {
+                    this.resizerCurrentWidths = [];
+                    this.widthFilled = false;
+                }
+                else {
+                    const tableWidth = this.resizerRefTable.current.offsetWidth;
+                    let storedWidth = 0;
+                    for (let w = 0; w < this.resizerCurrentWidths.length; w++) {
+                        // eslint-disable-next-line no-restricted-properties
+                        if (window.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 (let i = 0; i < ths.length; i++) {
+                !this.widthFilled && this.resizerCurrentWidths.push(ths[i].offsetWidth);
+                // last column does need a handle
+                if (i < ths.length - 1) {
+                    const 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();
             }
-          }
-        }
-        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(() => {
+                this.installTimeout = null;
+                this.resizerInstall();
+            }, 100);
         }
-      } 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();
-          }
+    resizerUninstall() {
+        this.installTimeout && clearTimeout(this.installTimeout);
+        this.installTimeout = null;
+        // resizer
+        if (this.resizerRefTable.current && this.resizerRefTable.current._installed) {
+            this.resizerRefTable.current._installed = false;
+            const ths = this.resizerRefTable.current.querySelectorAll('th');
+            for (let i = 0; i < ths.length; i++) {
+                const 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' ? "".concat(this.resizerCurrentWidths[c], "px") : 'auto');
-          } else if (this.props.initialWidths && this.props.initialWidths[c]) {
-            gridTemplateColumns.push(this.props.initialWidths[c] !== 'auto' ? "".concat(this.props.initialWidths[c], "px") : 'auto');
-          } else {
-            gridTemplateColumns.push('auto');
-          }
+    resizerApplyWidths() {
+        const gridTemplateColumns = [];
+        if (this.resizerCurrentWidths.length) {
+            for (let 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' ? "".concat(this.props.initialWidths[_c], "px") : 'auto');
-          } else {
-            gridTemplateColumns.push('auto');
-          }
+        else if (this.props.initialWidths) {
+            for (let 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;
+        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.className.table + (this.props.className ? " ".concat(this.props.className) : ''),
-        ref: this.resizerRefTable,
-        style: _objectSpread(_objectSpread({}, this.props.style || {}), style)
-      }, this.props.children);
+    render() {
+        if (this.props.ready === false) {
+            return react_1.default.createElement(material_1.Skeleton, null);
+        }
+        const style = { gridTemplateColumns: this.resizerApplyWidths() };
+        return react_1.default.createElement(material_1.Table, { stickyHeader: this.props.stickyHeader, size: this.props.size || 'small', className: this.props.className, ref: this.resizerRefTable, style: (Object.assign(Object.assign({}, this.props.style || {}), style)) }, this.props.children);
     }
-  }]);
-}(_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 = exports["default"] = (0, _styles.withStyles)(styles)(TableResize);
-//# sourceMappingURL=TableResize.js.map
+}
+exports.default = (0, styles_1.withStyles)(styles)(TableResize);