@iobroker/adapter-react-v5 5.0.8 → 6.0.1

package/Components/SelectWithIcon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { InputProps } from '@mui/material/Input';
 import { ThemeType, Translate } from '../types';
 interface SelectWithIconProps {
@@ -18,8 +18,21 @@ interface SelectWithIconProps {
     removePrefix?: string;
     allowNone?: boolean;
     inputProps?: InputProps['inputProps'];
-    classes: Record<string, string>;
     dense?: boolean;
 }
-declare const _default: React.JSXElementConstructor<Omit<SelectWithIconProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+interface TextWithIconItem {
+    name: string;
+    value: string;
+    icon?: string;
+    color?: string;
+}
+interface SelectWithIconState {
+    list: TextWithIconItem[];
+}
+declare class SelectWithIcon extends Component<SelectWithIconProps, SelectWithIconState> {
+    private readonly wordDifferent;
+    private timeout;
+    constructor(props: SelectWithIconProps);
+    render(): React.JSX.Element;
+}
+export default SelectWithIcon;

package/Components/SelectWithIcon.js

@@ -27,7 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");
 const Icon_1 = __importDefault(require("./Icon"));
 const Utils_1 = __importDefault(require("./Utils"));
@@ -119,9 +118,11 @@ class SelectWithIcon extends react_1.Component {
             Object.assign(style, this.props.style);
         }
         const select = react_1.default.createElement(material_1.Select, { variant: "standard", disabled: this.props.disabled, value: this.props.value, inputProps: this.props.inputProps, renderValue: ( /* value */) => react_1.default.createElement("span", null,
-                (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: this.props.classes.icon }) : null, item === null || item === void 0 ? void 0 :
-                item.name), classes: {
-                root: Utils_1.default.clsx(this.props.value === this.props.different ? this.props.classes.different : '', this.props.dense ? this.props.className : ''),
+                (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, style: styles.icon }) : null, item === null || item === void 0 ? void 0 :
+                item.name), sx: {
+                '&.MuiSelect-root': this.props.value === this.props.different ? styles.different : {},
+            }, classes: {
+                root: this.props.dense ? this.props.className : '',
             }, style: style, onChange: el => {
                 if (this.props.different && el.target.value !== this.props.different) {
                     let pos = null;
@@ -139,8 +140,11 @@ class SelectWithIcon extends react_1.Component {
                     }
                 }
                 this.props.onChange(this.props.removePrefix ? el.target.value.replace(this.props.removePrefix, '') : el.target.value);
-            } }, this.state.list.map(el => react_1.default.createElement(material_1.MenuItem, { className: this.props.different && el.value === this.props.different ? this.props.classes.different : '', style: this.props.different && el.value === this.props.different ? {} : { color: el.color || undefined, backgroundColor: Utils_1.default.getInvertedColor(el.color || '', this.props.themeType) }, key: el.value, value: el.value },
-            el.icon ? react_1.default.createElement(Icon_1.default, { src: el.icon, className: this.props.classes.icon }) : null,
+            } }, this.state.list.map(el => react_1.default.createElement(material_1.MenuItem, { style: this.props.different && el.value === this.props.different ? styles.different : {
+                color: el.color || undefined,
+                backgroundColor: Utils_1.default.getInvertedColor(el.color || '', this.props.themeType),
+            }, key: el.value, value: el.value },
+            el.icon ? react_1.default.createElement(Icon_1.default, { src: el.icon, style: styles.icon }) : null,
             el.name)));
         if (this.props.dense) {
             return select;
@@ -150,4 +154,4 @@ class SelectWithIcon extends react_1.Component {
             select);
     }
 }
-exports.default = (0, styles_1.withStyles)(styles)(SelectWithIcon);
+exports.default = SelectWithIcon;

package/Components/SimpleCron/index.d.ts

@@ -4,7 +4,6 @@ interface SimpleCronProps {
     cronExpression?: string;
     onChange: (cron: string) => void;
     language: ioBroker.Languages;
-    classes: Record<string, string>;
 }
 interface SimpleCronState {
     extended: boolean;
@@ -35,5 +34,22 @@ interface SimpleCronState {
     };
 }
 export declare function cron2state(cron: string, force?: boolean): Partial<SimpleCronState> | null;
-declare const _default: React.JSXElementConstructor<Omit<SimpleCronProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+declare class SimpleCron extends React.Component<SimpleCronProps, SimpleCronState> {
+    constructor(props: SimpleCronProps);
+    static periodArray2text(list: number[], max?: number): string;
+    static text2weekdays(text: string): number[];
+    static state2cron(state: Partial<SimpleCronState>): string;
+    recalcCron(): void;
+    getControlsWeekdaysElements(type: 'intervalBetween' | 'specific'): React.JSX.Element;
+    getControlsPeriodElements(type: 'interval' | 'intervalBetween'): React.JSX.Element;
+    getControlsTime(type: 'once' | 'specific'): React.JSX.Element;
+    getControlsDate(): React.JSX.Element;
+    getOnceElements(): React.JSX.Element;
+    getIntervalElements(): React.JSX.Element;
+    getIntervalBetweenElements(): React.JSX.Element[];
+    getSpecificTimeElements(): React.JSX.Element[];
+    onModeChange(mode: 'once' | 'interval' | 'intervalBetween' | 'specific'): void;
+    onChange(cron: string): void;
+    render(): React.JSX.Element;
+}
+export default SimpleCron;

package/Components/SimpleCron/index.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cron2state = void 0;
 const react_1 = __importDefault(require("react"));
-const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");
 const cronText_1 = __importDefault(require("./cronText"));
 const i18n_1 = __importDefault(require("../../i18n"));
@@ -528,7 +527,7 @@ class SimpleCron extends react_1.default.Component {
     }
     getControlsTime(type) {
         const settings = type === 'once' ? this.state.once : this.state.specific;
-        return react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.formControl, classes: { root: this.props.classes.formControlMarginRight } },
+        return react_1.default.createElement(material_1.FormControl, { variant: "standard", sx: Object.assign(Object.assign({}, styles.formControl), { '&.MuiFormControl-root': styles.formControlMarginRight }) },
             react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.time = e.target.value;
@@ -547,8 +546,8 @@ class SimpleCron extends react_1.default.Component {
             settings.date = `${d.getDate()}.${padding(d.getMonth() + 1)}`;
         }
         // <InputLabel htmlFor="formatted-text-mask-input">{I18n.t('sc_at')}</InputLabel>
-        return react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.formControl },
-            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "date", label: i18n_1.default.t('sc_date'), value: settings.date, type: "text", inputProps: { className: this.props.classes.formControlPaddingTop }, onChange: e => {
+        return react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
+            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "date", label: i18n_1.default.t('sc_date'), value: settings.date, type: "text", inputProps: { style: styles.formControlPaddingTop }, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state.once));
                     _settings.date = e.target.value;
                     this.setState({ once: _settings }, () => this.recalcCron());
@@ -568,14 +567,14 @@ class SimpleCron extends react_1.default.Component {
             this.getControlsPeriodElements('intervalBetween'),
             react_1.default.createElement("div", { key: "between", style: { paddingLeft: 8, display: 'inline-block', verticalAlign: 'top' } },
                 react_1.default.createElement("h5", { style: { marginBottom: 5 } }, i18n_1.default.t('sc_hours')),
-                react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.formControl },
+                react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
                     react_1.default.createElement(material_1.InputLabel, { shrink: true, htmlFor: "age-label-placeholder" }, i18n_1.default.t('sc_from')),
                     react_1.default.createElement(material_1.Select, { variant: "standard", style: { width: 100 }, value: settings.timeFrom, onChange: e => {
                             const _settings = JSON.parse(JSON.stringify(this.state.intervalBetween));
                             _settings.timeFrom = parseInt(e.target.value, 10);
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                         } }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(hour => react_1.default.createElement(material_1.MenuItem, { key: `B_${hour}`, value: hour }, `${padding(hour)}:00`)))),
-                react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.formControl },
+                react_1.default.createElement(material_1.FormControl, { variant: "standard", style: styles.formControl },
                     react_1.default.createElement(material_1.InputLabel, { shrink: true, htmlFor: "age-label-placeholder" }, i18n_1.default.t('sc_to')),
                     react_1.default.createElement(material_1.Select, { variant: "standard", style: { width: 100 }, value: settings.timeTo, onChange: e => {
                             const _settings = JSON.parse(JSON.stringify(this.state.intervalBetween));
@@ -603,12 +602,12 @@ class SimpleCron extends react_1.default.Component {
         }
     }
     render() {
-        return react_1.default.createElement("div", { className: this.props.classes.mainDiv },
+        return react_1.default.createElement("div", { style: styles.mainDiv },
             react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
                 react_1.default.createElement(material_1.TextField, { style: { width: '100%' }, value: this.state.cron, disabled: true })),
             react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } }, (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(material_1.FormControl, { variant: "standard", style: { marginLeft: 8, marginTop: 8 }, className: this.props.classes.formControl },
+                react_1.default.createElement(material_1.FormControl, { variant: "standard", style: Object.assign(Object.assign({}, styles.formControl), { marginLeft: 8, marginTop: 8 }) },
                     react_1.default.createElement(material_1.InputLabel, null, i18n_1.default.t('ra_Repeat')),
                     react_1.default.createElement(material_1.Select, { variant: "standard", value: this.state.mode, onChange: e => this.onModeChange(e.target.value), inputProps: { name: 'mode', id: 'mode' } },
                         react_1.default.createElement(material_1.MenuItem, { value: "once" }, i18n_1.default.t('sc_once')),
@@ -621,4 +620,4 @@ class SimpleCron extends react_1.default.Component {
             this.state.mode === 'specific' && this.getSpecificTimeElements());
     }
 }
-exports.default = (0, styles_1.withStyles)(styles)(SimpleCron);
+exports.default = SimpleCron;

package/Components/TabContainer.d.ts

@@ -3,11 +3,10 @@ interface TabContainerProps {
     elevation?: number;
     overflow?: string;
     className?: string;
+    style?: React.CSSProperties;
     onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
     tabIndex?: number;
-    classes: Record<string, string>;
     children: React.ReactNode;
 }
-/** @type {typeof TabContainer} */
-declare const _export: React.JSXElementConstructor<Omit<TabContainerProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _export;
+declare function TabContainer(props: TabContainerProps): React.JSX.Element;
+export default TabContainer;

package/Components/TabContainer.js

@@ -4,9 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");
-const Utils_1 = __importDefault(require("./Utils"));
 const styles = {
     root: {
         width: '100%',
@@ -20,9 +18,7 @@ const styles = {
     },
 };
 function TabContainer(props) {
-    return react_1.default.createElement(material_1.Paper, { elevation: !Number.isNaN(props.elevation) ? props.elevation : 1, className: Utils_1.default.clsx(props.classes.root, { [props.classes.overflowHidden]: props.overflow !== 'visible' }, props.className), onKeyDown: props.onKeyDown, tabIndex: props.tabIndex },
-        react_1.default.createElement(material_1.Grid, { container: true, direction: "column", wrap: "nowrap", className: props.classes.container }, props.children));
+    return react_1.default.createElement(material_1.Paper, { elevation: !Number.isNaN(props.elevation) ? props.elevation : 1, className: props.className, style: Object.assign(Object.assign(Object.assign({}, styles.root), (props.overflow !== 'visible' ? styles.overflowHidden : undefined)), props.style), onKeyDown: props.onKeyDown, tabIndex: props.tabIndex },
+        react_1.default.createElement(material_1.Grid, { container: true, direction: "column", wrap: "nowrap", sx: styles.container }, props.children));
 }
-/** @type {typeof TabContainer} */
-const _export = (0, styles_1.withStyles)(styles)(TabContainer);
-exports.default = _export;
+exports.default = TabContainer;

package/Components/TabContent.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 interface TabContentProps {
     overflow?: string;
-    classes: Record<string, string>;
     children: React.ReactNode;
 }
-declare const _default: React.JSXElementConstructor<Omit<TabContentProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+declare function TabContent(props: TabContentProps): React.JSX.Element;
+export default TabContent;

package/Components/TabContent.js

@@ -5,9 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
 const react_1 = __importDefault(require("react"));
-const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");
-const Utils_1 = __importDefault(require("./Utils"));
 const styles = {
     root: {
         height: '100%',
@@ -18,6 +16,6 @@ const styles = {
     },
 };
 function TabContent(props) {
-    return react_1.default.createElement(material_1.Grid, { item: true, className: Utils_1.default.clsx(props.classes.root, props.overflow === 'auto' ? props.classes.overflowAuto : '') }, props.children);
+    return react_1.default.createElement(material_1.Grid, { item: true, sx: Object.assign(Object.assign({}, styles.root), (props.overflow === 'auto' ? styles.overflowAuto : undefined)) }, props.children);
 }
-exports.default = (0, styles_1.withStyles)(styles)(TabContent);
+exports.default = TabContent;

package/Components/TableResize.d.ts

@@ -4,7 +4,7 @@
  * MIT License
  *
  * */
-import React from 'react';
+import React, { Component } from 'react';
 interface TableResizeProps {
     name?: string;
     ready?: boolean;
@@ -17,5 +17,28 @@ interface TableResizeProps {
     dblTitle?: string;
     children?: React.ReactNode;
 }
-declare const _default: React.JSXElementConstructor<Omit<TableResizeProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+declare class TableResize extends Component<TableResizeProps> {
+    private readonly resizerRefTable;
+    private resizerActiveIndex;
+    private resizerActiveDiv;
+    private resizerCurrentWidths;
+    private widthFilled;
+    private installTimeout;
+    private resizerMin;
+    private resizerMinNext;
+    private resizerPosition;
+    private resizerOldWidth;
+    private resizerOldWidthNext;
+    constructor(props: TableResizeProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    resizerInstall(): void;
+    resizerReset: () => void;
+    resizerUninstall(): void;
+    resizerApplyWidths(): string;
+    resizerMouseMove: (e: MouseEvent) => void;
+    resizerMouseUp: () => void;
+    resizerMouseDown: (e: MouseEvent) => void;
+    render(): React.JSX.Element;
+}
+export default TableResize;

package/Components/TableResize.js

@@ -30,45 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * */
 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': {
-            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',
-            },
-        },
-    },
-};
 class TableResize extends react_1.Component {
     constructor(props) {
         super(props);
@@ -261,4 +223,4 @@ class TableResize extends react_1.Component {
         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);
     }
 }
-exports.default = (0, styles_1.withStyles)(styles)(TableResize);
+exports.default = TableResize;

package/Components/TextWithIcon.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { ThemeType } from '../types';
 interface TextWithIconProps {
     lang: ioBroker.Languages;
-    themeType?: 'dark' | 'light';
+    themeType?: ThemeType;
     value: string | Record<string, any>;
     list?: ioBroker.Object[] | Record<string, ioBroker.Object>;
     options?: Record<string, any>;
@@ -16,7 +17,6 @@ interface TextWithIconProps {
     };
     icon?: string;
     color?: string;
-    classes: Record<string, string>;
 }
-declare const _default: React.JSXElementConstructor<Omit<TextWithIconProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+declare const TextWithIcon: (props: TextWithIconProps) => React.JSX.Element;
+export default TextWithIcon;

package/Components/TextWithIcon.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const styles_1 = require("@mui/styles");
 const Icon_1 = __importDefault(require("./Icon"));
 const Utils_1 = __importDefault(require("./Utils"));
 const styles = {
@@ -37,7 +36,7 @@ const TextWithIcon = (props) => {
     if (typeof value === 'string') {
         const list = props.list || props.options;
         if (list) {
-            // if list is array, then it is list of ioBroker.Object
+            // if a list is array, then it is list of ioBroker.Object
             if (Array.isArray(list)) {
                 const _item = list.find((obj) => obj._id === prefix + value);
                 if (_item) {
@@ -108,11 +107,11 @@ const TextWithIcon = (props) => {
     }
     const style = (item === null || item === void 0 ? void 0 : item.color) ? {
         border: `1px solid ${Utils_1.default.invertColor(item === null || item === void 0 ? void 0 : item.color)}`,
-        color: Utils_1.default.getInvertedColor(item === null || item === void 0 ? void 0 : item.color, props.themeType, true) || undefined,
+        color: Utils_1.default.getInvertedColor(item === null || item === void 0 ? void 0 : item.color, props.themeType || 'light', true) || undefined,
         backgroundColor: item === null || item === void 0 ? void 0 : item.color,
     } : {};
-    return react_1.default.createElement("div", { style: Object.assign(Object.assign({}, props.style), style), className: Utils_1.default.clsx(props.className, props.classes.div, (_g = props.moreClasses) === null || _g === void 0 ? void 0 : _g.root), title: props.title || item.value },
-        (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: Utils_1.default.clsx(props.classes.icon, (_h = props.moreClasses) === null || _h === void 0 ? void 0 : _h.icon) }) : null,
-        react_1.default.createElement("div", { className: Utils_1.default.clsx(props.classes.text, (_j = props.moreClasses) === null || _j === void 0 ? void 0 : _j.text) }, item === null || item === void 0 ? void 0 : item.name));
+    return react_1.default.createElement("div", { style: Object.assign({}, props.style, styles.div, style), className: Utils_1.default.clsx(props.className, (_g = props.moreClasses) === null || _g === void 0 ? void 0 : _g.root), title: props.title || item.value },
+        (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: (_h = props.moreClasses) === null || _h === void 0 ? void 0 : _h.icon, style: styles.icon }) : null,
+        react_1.default.createElement("div", { style: styles.text, className: (_j = props.moreClasses) === null || _j === void 0 ? void 0 : _j.text }, item === null || item === void 0 ? void 0 : item.name));
 };
-exports.default = (0, styles_1.withStyles)(styles)(TextWithIcon);
+exports.default = TextWithIcon;

package/Components/TreeTable.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { Component } from 'react';
 import type Connection from '../Connection';
+import { IobTheme } from '../types';
 interface Column {
     cellStyle?: Record<string, any>;
-    editComponent?: React.ComponentType<{
+    editComponent?: React.FC<{
         value: any;
         rowData: Record<string, any>;
         onChange: (newValue: any) => void;
@@ -36,7 +37,43 @@ interface TreeTableProps {
     /** Shift in pixels for every level */
     levelShift?: number;
     adapterName: string;
-    classes: Record<string, string>;
+    theme: IobTheme;
 }
-declare const _default: React.JSXElementConstructor<Omit<TreeTableProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+interface TreeTableState {
+    opened: string[];
+    editMode: number | false;
+    deleteMode: number | false;
+    editData: Record<string, any> | null;
+    order: 'desc' | 'asc';
+    update: string[] | null;
+    orderBy: string;
+    showSelectColor: boolean;
+    selectIdValue?: string | null;
+    showSelectId?: boolean;
+    data?: Record<string, any>[];
+}
+declare class TreeTable extends Component<TreeTableProps, TreeTableState> {
+    private selectCallback;
+    private updateTimeout;
+    constructor(props: TreeTableProps);
+    static getDerivedStateFromProps(props: TreeTableProps, state: TreeTableState): Partial<TreeTableState>;
+    renderCellEdit(item: Record<string, any>, col: Column): React.JSX.Element;
+    onChange(col: Column, oldValue: string | number | boolean, newValue: string | number | boolean): void;
+    renderCellEditSelect(col: Column, val: string | number): React.JSX.Element;
+    renderCellEditString(col: Column, val: string): React.JSX.Element;
+    renderCellEditNumber(col: Column, val: number): React.JSX.Element;
+    renderCellEditCustom(col: Column, val: any, item: Record<string, any>): React.JSX.Element;
+    renderCellEditBoolean(col: Column, val: boolean): React.JSX.Element;
+    renderSelectColorDialog(): React.JSX.Element;
+    renderCellEditColor(col: Column, val: string): React.JSX.Element;
+    renderSelectIdDialog(): React.JSX.Element;
+    renderCellEditObjectID(col: Column, val: string): React.JSX.Element;
+    static renderCellNonEdit(item: Record<string, any>, col: Column): any;
+    renderCell(item: Record<string, any>, col: Column, level: number, i: number): React.JSX.Element;
+    renderCellWithSubField(item: Record<string, any>, col: Column): React.JSX.Element;
+    renderLine(item: Record<string, any>, level?: number): React.JSX.Element | React.JSX.Element[] | null;
+    handleRequestSort(property: string): void;
+    renderHead(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default TreeTable;