@iobroker/adapter-react-v5 5.0.4 → 5.0.6

package/Components/ObjectBrowser.js

@@ -30,9 +30,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a, _ObjectBrowser_NON_EXPERT_NAMESPACES;
+var _a, _ObjectBrowserClass_NON_EXPERT_NAMESPACES;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ITEM_IMAGES = exports.getSelectIdIconFromObjects = void 0;
+exports.ObjectBrowserClass = exports.ITEM_IMAGES = exports.getSelectIdIconFromObjects = void 0;
 /**
  * Copyright 2020-2024, Denis Haev <dogafox@gmail.com>
  *
@@ -422,6 +422,10 @@ const styles = (theme) => ({
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis',
     },
+    cellValueTooltipImage: {
+        width: 100,
+        height: 'auto',
+    },
     cellValueTooltipBoth: {
         width: 220,
         display: 'inline-block',
@@ -1507,6 +1511,7 @@ function formatValue(options) {
     const { dateFormat, state, isFloatComma, texts, obj, } = options;
     const states = Utils_1.default.getStates(obj);
     const isCommon = obj.common;
+    let fileViewer;
     let v = 
     // @ts-expect-error deprecated from js-controller 6
     (isCommon === null || isCommon === void 0 ? void 0 : isCommon.type) === 'file'
@@ -1541,7 +1546,7 @@ function formatValue(options) {
                 // '2000-01-01T00:00:00' => 946681200000
                 v *= 1000; // maybe the time is in seconds (UNIX time)
             }
-            // null and undefined could not be here. See `let v = (isCommon && isCommon.type === 'file') ....` above
+            // "null" and undefined could not be here. See `let v = (isCommon && isCommon.type === 'file') ....` above
             v = v ? new Date(v).toString() : v;
         }
     }
@@ -1560,6 +1565,9 @@ function formatValue(options) {
         else if (type !== 'string') {
             v = v.toString();
         }
+        else if (v.startsWith('data:image/')) {
+            fileViewer = 'image';
+        }
         if (typeof v !== 'string') {
             v = v.toString();
         }
@@ -1576,39 +1584,43 @@ function formatValue(options) {
     if (isCommon === null || isCommon === void 0 ? void 0 : isCommon.unit) {
         valText.u = isCommon.unit;
     }
-    const valFull = [{ t: texts.value, v }];
-    if (state) {
-        if (state.ack !== undefined && state.ack !== null) {
-            valFull.push({ t: texts.ack, v: state.ack.toString() });
-        }
-        if (state.ts) {
-            valFull.push({ t: texts.ts, v: state.ts ? Utils_1.default.formatDate(new Date(state.ts), dateFormat) : '' });
-        }
-        if (state.lc) {
-            valFull.push({ t: texts.lc, v: state.lc ? Utils_1.default.formatDate(new Date(state.lc), dateFormat) : '' });
-        }
-        if (state.from) {
-            let from = state.from.toString();
-            if (from.startsWith('system.adapter.')) {
-                from = from.substring(15);
+    let valFull;
+    if (options.full) {
+        valFull = [{ t: texts.value, v }];
+        if (state) {
+            if (state.ack !== undefined && state.ack !== null) {
+                valFull.push({ t: texts.ack, v: state.ack.toString() });
             }
-            valFull.push({ t: texts.from, v: from });
-        }
-        if (state.user) {
-            let user = state.user.toString();
-            if (user.startsWith('system.user.')) {
-                user = user.substring(12);
+            if (state.ts) {
+                valFull.push({ t: texts.ts, v: state.ts ? Utils_1.default.formatDate(new Date(state.ts), dateFormat) : '' });
             }
-            valFull.push({ t: texts.user, v: user });
-        }
-        if (state.c) {
-            valFull.push({ t: texts.c, v: state.c });
+            if (state.lc) {
+                valFull.push({ t: texts.lc, v: state.lc ? Utils_1.default.formatDate(new Date(state.lc), dateFormat) : '' });
+            }
+            if (state.from) {
+                let from = state.from.toString();
+                if (from.startsWith('system.adapter.')) {
+                    from = from.substring(15);
+                }
+                valFull.push({ t: texts.from, v: from });
+            }
+            if (state.user) {
+                let user = state.user.toString();
+                if (user.startsWith('system.user.')) {
+                    user = user.substring(12);
+                }
+                valFull.push({ t: texts.user, v: user });
+            }
+            if (state.c) {
+                valFull.push({ t: texts.c, v: state.c });
+            }
+            valFull.push({ t: texts.quality, v: Utils_1.default.quality2text(state.q || 0).join(', '), nbr: true });
         }
-        valFull.push({ t: texts.quality, v: Utils_1.default.quality2text(state.q || 0).join(', '), nbr: true });
     }
     return {
         valText,
         valFull,
+        fileViewer,
     };
 }
 /**
@@ -1770,7 +1782,7 @@ const DEFAULT_FILTER = {
     custom: '',
     expertMode: false,
 };
-class ObjectBrowser extends react_1.Component {
+class ObjectBrowserClass extends react_1.Component {
     constructor(props) {
         super(props);
         this.localStorage = window._localStorage || window.localStorage;
@@ -2323,6 +2335,7 @@ class ObjectBrowser extends react_1.Component {
             beautifyJsonExport: true,
             excludeSystemRepositoriesFromExport: true,
             excludeTranslations: false,
+            tooltipInfo: null,
         };
         this.texts = {
             value: props.t('ra_tooltip_value'),
@@ -2547,7 +2560,7 @@ class ObjectBrowser extends react_1.Component {
     static isNonExpertId(
     /** id to test */
     id) {
-        return !!__classPrivateFieldGet(_a, _a, "f", _ObjectBrowser_NON_EXPERT_NAMESPACES).find(saveNamespace => id.startsWith(saveNamespace));
+        return !!__classPrivateFieldGet(_a, _a, "f", _ObjectBrowserClass_NON_EXPERT_NAMESPACES).find(saveNamespace => id.startsWith(saveNamespace));
     }
     expandAllSelected(cb) {
         const expanded = [...this.state.expanded];
@@ -3395,11 +3408,7 @@ class ObjectBrowser extends react_1.Component {
                     react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: this.state.excludeSystemRepositoriesFromExport, onChange: e => this.setState({ excludeSystemRepositoriesFromExport: e.target.checked }) }), label: this.props.t('Exclude system repositories from export JSON') }),
                     react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: this.state.excludeTranslations, onChange: e => this.setState({ excludeTranslations: e.target.checked }) }), label: this.props.t('Exclude translations (except english) from export JSON') })) : null)),
             react_1.default.createElement(material_1.DialogActions, null,
-                this.state.filter.expertMode || this.state.showAllExportOptions ? react_1.default.createElement(material_1.Button
-                // @ts-expect-error grey is valid color
-                , { 
-                    // @ts-expect-error grey is valid color
-                    color: "grey", variant: "outlined", onClick: () => this.setState({ showExportDialog: false, showAllExportOptions: false }, () => this._exportObjects({
+                this.state.filter.expertMode || this.state.showAllExportOptions ? react_1.default.createElement(material_1.Button, { color: "grey", variant: "outlined", onClick: () => this.setState({ showExportDialog: false, showAllExportOptions: false }, () => this._exportObjects({
                         isAll: true,
                         noStatesByExportImport: this.state.noStatesByExportImport,
                         beautify: this.state.beautifyJsonExport,
@@ -3409,11 +3418,7 @@ class ObjectBrowser extends react_1.Component {
                     react_1.default.createElement("span", { style: { marginRight: 8 } }, this.props.t('ra_All objects')),
                     "(",
                     Object.keys(this.objects).length,
-                    ")") : react_1.default.createElement(material_1.Button
-                // @ts-expect-error grey is valid color
-                , { 
-                    // @ts-expect-error grey is valid color
-                    color: "grey", variant: "outlined", startIcon: react_1.default.createElement(IconExpert_1.default, null), onClick: () => this.setState({ showAllExportOptions: true }) }, this.props.t('ra_Advanced options')),
+                    ")") : react_1.default.createElement(material_1.Button, { color: "grey", variant: "outlined", startIcon: react_1.default.createElement(IconExpert_1.default, null), onClick: () => this.setState({ showAllExportOptions: true }) }, this.props.t('ra_Advanced options')),
                 react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained", autoFocus: true, onClick: () => this.setState({ showExportDialog: false, showAllExportOptions: false }, () => this._exportObjects({
                         isAll: false,
                         noStatesByExportImport: this.state.noStatesByExportImport,
@@ -3425,11 +3430,7 @@ class ObjectBrowser extends react_1.Component {
                     "(",
                     this.state.showExportDialog,
                     ")"),
-                react_1.default.createElement(material_1.Button
-                // @ts-expect-error grey is valid color
-                , { 
-                    // @ts-expect-error grey is valid color
-                    color: "grey", variant: "contained", onClick: () => this.setState({ showExportDialog: false, showAllExportOptions: false }), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.setState({ showExportDialog: false, showAllExportOptions: false }), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Cancel'))));
     }
     handleJsonUpload(evt) {
         var _b;
@@ -3771,8 +3772,49 @@ class ObjectBrowser extends react_1.Component {
                 .catch(e => console.warn(`Cannot read history: ${e}`));
         }
     }
+    getTooltipInfo(id, cb) {
+        var _b, _c;
+        const obj = this.objects[id];
+        const state = this.states[id];
+        const classes = this.props.classes;
+        const { valFull, fileViewer } = formatValue({
+            state,
+            obj: obj,
+            texts: this.texts,
+            dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat,
+            isFloatComma: this.props.isFloatComma === undefined ? this.systemConfig.common.isFloatComma : this.props.isFloatComma,
+            full: true,
+        });
+        const valFullRx = [];
+        valFull.forEach(_item => {
+            if (_item.t === this.texts.quality && state.q) {
+                valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipBoth, key: _item.t },
+                    _item.t,
+                    ":\u00A0",
+                    _item.v));
+                // <div className={classes.cellValueTooltipValue} key={item.t + '_v'}>{item.v}</div>,
+                !_item.nbr && valFullRx.push(react_1.default.createElement("br", { key: `${_item.t}_br` }));
+            }
+            else {
+                valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipTitle, key: _item.t },
+                    _item.t,
+                    ":\u00A0"));
+                valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipValue, key: `${_item.t}_v` }, _item.v));
+                !_item.nbr && valFullRx.push(react_1.default.createElement("br", { key: `${_item.t}_br` }));
+            }
+        });
+        if (fileViewer === 'image') {
+            valFullRx.push(react_1.default.createElement("img", { className: classes.cellValueTooltipImage, src: state.val, alt: id }));
+        }
+        else if (this.defaultHistory &&
+            ((_c = (_b = this.objects[id]) === null || _b === void 0 ? void 0 : _b.common) === null || _c === void 0 ? void 0 : _c.custom) &&
+            this.objects[id].common.custom[this.defaultHistory]) {
+            valFullRx.push(react_1.default.createElement("svg", { key: "sparkline", className: "sparkline", "data-id": id, style: { fill: '#3d85de' }, width: "200", height: "30", strokeWidth: "3" }));
+        }
+        this.setState({ tooltipInfo: { el: valFullRx, id } }, () => cb && cb());
+    }
     renderColumnValue(id, item, classes) {
-        var _b, _c, _d;
+        var _b, _c;
         const obj = item.data.obj;
         if (!obj || !this.states) {
             return null;
@@ -3793,38 +3835,15 @@ class ObjectBrowser extends react_1.Component {
         const state = this.states[id];
         let info = item.data.state;
         if (!info) {
-            const { valFull, valText } = formatValue({
+            const { valText } = formatValue({
                 state,
                 obj: obj,
                 texts: this.texts,
                 dateFormat: this.props.dateFormat || this.systemConfig.common.dateFormat,
                 isFloatComma: this.props.isFloatComma === undefined ? this.systemConfig.common.isFloatComma : this.props.isFloatComma,
             });
-            const valFullRx = [];
             const valTextRx = [];
-            item.data.state = { valFullRx, valTextRx };
-            valFull.forEach(_item => {
-                if (_item.t === this.texts.quality && state.q) {
-                    valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipBoth, key: _item.t },
-                        _item.t,
-                        ":\u00A0",
-                        _item.v));
-                    // <div className={classes.cellValueTooltipValue} key={item.t + '_v'}>{item.v}</div>,
-                    !_item.nbr && valFullRx.push(react_1.default.createElement("br", { key: `${_item.t}_br` }));
-                }
-                else {
-                    valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipTitle, key: _item.t },
-                        _item.t,
-                        ":\u00A0"));
-                    valFullRx.push(react_1.default.createElement("div", { className: classes.cellValueTooltipValue, key: `${_item.t}_v` }, _item.v));
-                    !_item.nbr && valFullRx.push(react_1.default.createElement("br", { key: `${_item.t}_br` }));
-                }
-            });
-            if (this.defaultHistory &&
-                ((_d = (_c = this.objects[id]) === null || _c === void 0 ? void 0 : _c.common) === null || _d === void 0 ? void 0 : _d.custom) &&
-                this.objects[id].common.custom[this.defaultHistory]) {
-                valFullRx.push(react_1.default.createElement("svg", { key: "sparkline", className: "sparkline", "data-id": id, style: { fill: '#3d85de' }, width: "200", height: "30", strokeWidth: "3" }));
-            }
+            item.data.state = { valTextRx };
             const copyText = valText.v || '';
             valTextRx.push(react_1.default.createElement("span", { className: classes.newValue, key: `${valText.v.toString()}valText` }, valText.v.toString()));
             valText.u && valTextRx.push(react_1.default.createElement("span", { className: Utils_1.default.clsx(classes.cellValueTextUnit, classes.newValue), key: `${valText.v.toString()}unit` }, valText.u));
@@ -3841,10 +3860,10 @@ class ObjectBrowser extends react_1.Component {
         if (!this.state.filter.expertMode && item.data.button) {
             val = [react_1.default.createElement(icons_material_1.RoomService, { className: this.props.classes.cellValueButton })];
         }
-        return react_1.default.createElement(material_1.Tooltip, { key: "value", title: info.valFullRx, classes: {
+        return react_1.default.createElement(material_1.Tooltip, { key: "value", title: ((_c = this.state.tooltipInfo) === null || _c === void 0 ? void 0 : _c.el) || 'Calculating...', classes: {
                 tooltip: this.props.classes.cellValueTooltip,
                 popper: this.props.classes.cellValueTooltipBox,
-            }, onOpen: () => this.readHistory(id) },
+            }, onOpen: () => this.getTooltipInfo(id, () => this.readHistory(id)), onClose: () => { var _b; return ((_b = this.state.tooltipInfo) === null || _b === void 0 ? void 0 : _b.id) === id && this.setState({ tooltipInfo: null }); } },
             react_1.default.createElement("div", { style: info.style, className: classes.cellValueText }, val));
     }
     _syncEnum(id, enumIds, newArray, cb) {
@@ -4038,11 +4057,7 @@ class ObjectBrowser extends react_1.Component {
                     }, autoFocus: true }))),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.onColumnsEditCustomDialogClose(true), disabled: !this.state.customColumnDialogValueChanged, color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.t('ra_Update')),
-                react_1.default.createElement(material_1.Button
-                // @ts-expect-error grey is valid color
-                , { 
-                    // @ts-expect-error grey is valid color
-                    color: "grey", variant: "contained", onClick: () => this.onColumnsEditCustomDialogClose(), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Cancel'))));
+                react_1.default.createElement(material_1.Button, { color: "grey", variant: "contained", onClick: () => this.onColumnsEditCustomDialogClose(), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, this.props.t('ra_Cancel'))));
     }
     static getCustomValue(obj, it) {
         var _b;
@@ -4790,7 +4805,7 @@ class ObjectBrowser extends react_1.Component {
             this.toggleExpanded(selectedId);
         }
         if (event.code === 'Delete' && this.root && selectedId) {
-            const item = this.getItemFromRoot(this.root, selectedId);
+            const item = _a.getItemFromRoot(this.root, selectedId);
             if (item) {
                 const { obj } = item.data;
                 if (obj && !((_c = obj.common) === null || _c === void 0 ? void 0 : _c.dontDelete)) {
@@ -4802,7 +4817,7 @@ class ObjectBrowser extends react_1.Component {
     /**
      * Find the id from the root
      */
-    getItemFromRoot(
+    static getItemFromRoot(
     /** The current root */
     root, 
     /** the object id to find */
@@ -5388,7 +5403,8 @@ class ObjectBrowser extends react_1.Component {
                 this.props.modalEditOfAccessControl(this, this.state.modalEditOfAccessObjData));
     }
 }
-_a = ObjectBrowser;
+exports.ObjectBrowserClass = ObjectBrowserClass;
+_a = ObjectBrowserClass;
 /** Namespaces which are allowed to be edited by non-expert users */
-_ObjectBrowser_NON_EXPERT_NAMESPACES = { value: ['0_userdata.0.', 'alias.0.'] };
-exports.default = (0, withWidth_1.default)()((0, styles_1.withStyles)(styles)(ObjectBrowser));
+_ObjectBrowserClass_NON_EXPERT_NAMESPACES = { value: ['0_userdata.0.', 'alias.0.'] };
+exports.default = (0, withWidth_1.default)()((0, styles_1.withStyles)(styles)(ObjectBrowserClass));

package/Components/SaveCloseButtons.js

@@ -14,29 +14,20 @@ const styles = {
         marginRight: 8,
     },
 };
-/**
- * @typedef {object} SaveCloseButtonsProps
- * @property {boolean} noTextOnButtons Are the buttons without text
- * @property {any} theme Theme object (from this.state.theme)
- * @property {boolean} isIFrame bottom position 0 or 38 for iFrame
- * @property {boolean} newReact is used in new react
- * @property {function} onSave on Save handler
- * @property {function} onClose on Close handler
- *
- * @extends {React.Component<SaveCloseButtonsProps>}
- */
 class SaveCloseButtons extends react_1.default.Component {
-    /**
-     * @param {SaveCloseButtonsProps} props
-     */
     constructor(props) {
         super(props);
         const newReact = props.newReact === undefined ? true : props.newReact;
-        try {
-            this.isIFrame = !newReact && window.self !== window.top;
+        if (props.isIFrame !== undefined) {
+            this.isIFrame = props.isIFrame;
         }
-        catch (e) {
-            this.isIFrame = !newReact;
+        else {
+            try {
+                this.isIFrame = !newReact && window.self !== window.top;
+            }
+            catch (e) {
+                this.isIFrame = !newReact;
+            }
         }
     }
     render() {

package/Components/Schedule.js

@@ -234,7 +234,7 @@ class Schedule extends react_1.Component {
         this.timerOnce = null;
         this.timerFrom = null;
         this.timerTo = null;
-        let schedule = undefined;
+        let schedule;
         if (this.props.schedule && typeof this.props.schedule === 'string' && this.props.schedule[0] === '{') {
             try {
                 schedule = JSON.parse(this.props.schedule);
@@ -504,7 +504,7 @@ class Schedule extends react_1.Component {
         }
         // time
         if (schedule.time.exactTime) {
-            if (ASTRO.indexOf(schedule.time.start) !== -1) {
+            if (ASTRO.includes(schedule.time.start)) {
                 // at sunset
                 desc.push(i18n_1.default.t('sch_desc_atTime', i18n_1.default.t(`sch_astro_${schedule.time.start}`)));
             }

package/Components/SimpleCron/cron2text.js

@@ -207,7 +207,8 @@ function cronToText(cronSpec, withSeconds, locale) {
             item = (min - 1).toString(10);
         }
         // parse x
-        if ((value = getValue(item, offset, max)) !== null) {
+        value = getValue(item, offset, max);
+        if (value !== null) {
             add(curSched, name, value, value);
         }
         else if ((value = getValue(item.replace('W', ''), offset, max)) !== null) {
@@ -300,7 +301,7 @@ function cronToText(cronSpec, withSeconds, locale) {
     }
     function ordinal(number) {
         const b = number % 10;
-        const output = (toInt(number % 100 / 10) === 1) ? locale.ORDINALS.th :
+        const output = (toInt((number % 100) / 10) === 1) ? locale.ORDINALS.th :
             b === 1 ? locale.ORDINALS.st :
                 b === 2 ? locale.ORDINALS.nd :
                     b === 3 ? locale.ORDINALS.rd : locale.ORDINALS.th;
@@ -347,7 +348,8 @@ function cronToText(cronSpec, withSeconds, locale) {
         }
         const lastVal = numbers.pop() || 0;
         let outputText = '';
-        for (let i = 0, value; (value = numbers[i]); i++) {
+        for (let i = 0, value; numbers[i]; i++) {
+            value = numbers[i];
             if (outputText.length > 0) {
                 outputText += ', ';
             }

package/Components/SimpleCron/cronText.js

@@ -47,6 +47,6 @@ function convertCronToText(cron, lang) {
     const withSeconds = cron.split(' ').length === 6;
     const locale = (lang && jquery_cron_locale_1.default[lang]) || jquery_cron_locale_1.default.en;
     const text = (0, cron2text_1.default)(cron, withSeconds, locale);
-    return correctCasus(text /*, withSeconds*/);
+    return correctCasus(text /* , withSeconds */);
 }
 exports.default = convertCronToText;

package/Components/SimpleCron/index.js

@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.cron2state = void 0;
 const react_1 = __importDefault(require("react"));
 const styles_1 = require("@mui/styles");
-const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
-const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
-const Select_1 = __importDefault(require("@mui/material/Select"));
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
-const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+const material_1 = require("@mui/material");
 const cronText_1 = __importDefault(require("./cronText"));
 const i18n_1 = __importDefault(require("../../i18n"));
 const styles = {
@@ -456,7 +450,7 @@ class SimpleCron extends react_1.default.Component {
         const settings = type === 'intervalBetween' ? this.state.intervalBetween : this.state.specific;
         return react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: '100%', maxWidth: 600 } },
             react_1.default.createElement("h5", null, i18n_1.default.t('ra_On weekdays')),
-            [1, 2, 3, 4, 5, 6, 0].map(day => (react_1.default.createElement(FormControlLabel_1.default, { key: WEEKDAYS[day], control: react_1.default.createElement(Checkbox_1.default, { checked: settings.weekdays.includes(day), onChange: e => {
+            [1, 2, 3, 4, 5, 6, 0].map(day => react_1.default.createElement(material_1.FormControlLabel, { key: WEEKDAYS[day], control: react_1.default.createElement(material_1.Checkbox, { checked: settings.weekdays.includes(day), onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         const pos = _settings.weekdays.indexOf(day);
                         e.target.checked && pos === -1 && _settings.weekdays.push(day);
@@ -468,14 +462,14 @@ class SimpleCron extends react_1.default.Component {
                         else {
                             this.setState({ specific: _settings }, () => this.recalcCron());
                         }
-                    }, value: day.toString() }), label: i18n_1.default.t(WEEKDAYS[day]) }))));
+                    }, value: day.toString() }), label: i18n_1.default.t(WEEKDAYS[day]) })));
     }
     getControlsPeriodElements(type) {
         const settings = type === 'interval' ? this.state.interval : this.state.intervalBetween;
         if (this.state.extended) {
             return react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
                 react_1.default.createElement("h5", { style: { marginBottom: 5 } }, i18n_1.default.t('sc_period')),
-                react_1.default.createElement(TextField_1.default, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_minutes'), value: settings.minutes, onChange: e => {
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_minutes'), value: settings.minutes, onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         _settings.minutes = parseInt(e.target.value, 10);
                         if (_settings.minutes < 1) {
@@ -488,7 +482,7 @@ class SimpleCron extends react_1.default.Component {
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                         }
                     }, InputProps: { inputProps: { min: 1, max: 60 } }, type: "number", InputLabelProps: { shrink: true }, margin: "normal" }),
-                react_1.default.createElement(TextField_1.default, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_hours'), value: settings.hours, onChange: e => {
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_hours'), value: settings.hours, onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         _settings.hours = parseInt(e.target.value, 10);
                         if (_settings.hours < 1) {
@@ -504,7 +498,7 @@ class SimpleCron extends react_1.default.Component {
         }
         return react_1.default.createElement("div", { key: "period", style: { paddingLeft: 8, display: 'inline-block' } },
             react_1.default.createElement("h5", { style: { marginBottom: 5 } }, i18n_1.default.t('sc_period')),
-            react_1.default.createElement(TextField_1.default, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_every'), value: settings.period, onChange: e => {
+            react_1.default.createElement(material_1.TextField, { variant: "standard", style: { marginTop: 0, marginBottom: 0, verticalAlign: 'bottom' }, key: "value", label: i18n_1.default.t('sc_every'), value: settings.period, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.period = parseInt(e.target.value, 10);
                     if (_settings.period < 1) {
@@ -517,7 +511,7 @@ class SimpleCron extends react_1.default.Component {
                         this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                     }
                 }, InputProps: { inputProps: { min: 1, max: 60 } }, type: "number", InputLabelProps: { shrink: true }, margin: "normal" }),
-            react_1.default.createElement(Select_1.default, { variant: "standard", style: { verticalAlign: 'bottom' }, value: settings.unit, onChange: e => {
+            react_1.default.createElement(material_1.Select, { variant: "standard", style: { verticalAlign: 'bottom' }, value: settings.unit, onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.unit = e.target.value;
                     if (type === 'interval') {
@@ -527,15 +521,15 @@ class SimpleCron extends react_1.default.Component {
                         this.setState({ intervalBetween: _settings }, () => this.recalcCron());
                     }
                 } },
-                react_1.default.createElement(MenuItem_1.default, { value: "seconds" }, i18n_1.default.t('sc_seconds')),
+                react_1.default.createElement(material_1.MenuItem, { value: "seconds" }, i18n_1.default.t('sc_seconds')),
                 ")",
-                react_1.default.createElement(MenuItem_1.default, { value: "minutes" }, i18n_1.default.t('sc_minutes')),
+                react_1.default.createElement(material_1.MenuItem, { value: "minutes" }, i18n_1.default.t('sc_minutes')),
                 ")"));
     }
     getControlsTime(type) {
         const settings = type === 'once' ? this.state.once : this.state.specific;
-        return react_1.default.createElement(FormControl_1.default, { variant: "standard", className: this.props.classes.formControl, classes: { root: this.props.classes.formControlMarginRight } },
-            react_1.default.createElement(TextField_1.default, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", onChange: e => {
+        return react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.formControl, classes: { root: this.props.classes.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;
                     if (type === 'once') {
@@ -553,8 +547,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(FormControl_1.default, { variant: "standard", className: this.props.classes.formControl },
-            react_1.default.createElement(TextField_1.default, { 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", 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 => {
                     const _settings = JSON.parse(JSON.stringify(this.state.once));
                     _settings.date = e.target.value;
                     this.setState({ once: _settings }, () => this.recalcCron());
@@ -574,20 +568,20 @@ 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(FormControl_1.default, { variant: "standard", className: this.props.classes.formControl },
-                    react_1.default.createElement(InputLabel_1.default, { shrink: true, htmlFor: "age-label-placeholder" }, i18n_1.default.t('sc_from')),
-                    react_1.default.createElement(Select_1.default, { variant: "standard", style: { width: 100 }, value: settings.timeFrom, onChange: e => {
+                react_1.default.createElement(material_1.FormControl, { variant: "standard", className: this.props.classes.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(MenuItem_1.default, { key: `B_${hour}`, value: hour }, `${padding(hour)}:00`)))),
-                react_1.default.createElement(FormControl_1.default, { variant: "standard", className: this.props.classes.formControl },
-                    react_1.default.createElement(InputLabel_1.default, { shrink: true, htmlFor: "age-label-placeholder" }, i18n_1.default.t('sc_to')),
-                    react_1.default.createElement(Select_1.default, { variant: "standard", style: { width: 100 }, value: settings.timeTo, onChange: e => {
+                        } }, [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.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));
                             _settings.timeTo = parseInt(e.target.value, 10);
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
-                        } }, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24].map(hour => (react_1.default.createElement(MenuItem_1.default, { key: `A_${hour}`, value: hour }, `${padding(hour)}:00`)))))),
+                        } }, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24].map(hour => react_1.default.createElement(material_1.MenuItem, { key: `A_${hour}`, value: hour }, `${padding(hour)}:00`))))),
             this.getControlsWeekdaysElements('intervalBetween'),
         ];
     }
@@ -611,16 +605,16 @@ class SimpleCron extends react_1.default.Component {
     render() {
         return react_1.default.createElement("div", { className: this.props.classes.mainDiv },
             react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
-                react_1.default.createElement(TextField_1.default, { style: { width: '100%' }, value: this.state.cron, disabled: true })),
+                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(FormControl_1.default, { variant: "standard", style: { marginLeft: 8, marginTop: 8 }, className: this.props.classes.formControl },
-                    react_1.default.createElement(InputLabel_1.default, null, i18n_1.default.t('ra_Repeat')),
-                    react_1.default.createElement(Select_1.default, { variant: "standard", value: this.state.mode, onChange: e => this.onModeChange(e.target.value), inputProps: { name: 'mode', id: 'mode' } },
-                        react_1.default.createElement(MenuItem_1.default, { value: "once" }, i18n_1.default.t('sc_once')),
-                        react_1.default.createElement(MenuItem_1.default, { value: "interval" }, i18n_1.default.t('sc_interval')),
-                        react_1.default.createElement(MenuItem_1.default, { value: "intervalBetween" }, i18n_1.default.t('sc_intervalBetween')),
-                        react_1.default.createElement(MenuItem_1.default, { value: "specific" }, i18n_1.default.t('sc_specific'))))),
+                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.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')),
+                        react_1.default.createElement(material_1.MenuItem, { value: "interval" }, i18n_1.default.t('sc_interval')),
+                        react_1.default.createElement(material_1.MenuItem, { value: "intervalBetween" }, i18n_1.default.t('sc_intervalBetween')),
+                        react_1.default.createElement(material_1.MenuItem, { value: "specific" }, i18n_1.default.t('sc_specific'))))),
             this.state.mode === PERIODIC.once && this.getOnceElements(),
             this.state.mode === 'interval' && this.getIntervalElements(),
             this.state.mode === 'intervalBetween' && this.getIntervalBetweenElements(),

package/Components/TableResize.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- **/
+ * */
 import React from 'react';
 interface TableResizeProps {
     name?: string;

package/Components/TableResize.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  * MIT License
  *
- **/
+ * */
 const react_1 = __importStar(require("react"));
 const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");

package/Components/TextWithIcon.js

@@ -31,7 +31,7 @@ const styles = {
 };
 const TextWithIcon = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    let value = props.value;
+    const value = props.value;
     let item;
     const prefix = props.removePrefix || '';
     if (typeof value === 'string') {