@iobroker/adapter-react-v5 7.0.1 → 7.1.0

package/Components/Schedule.js

@@ -121,16 +121,7 @@ const styles = {
         pb: '10px',
     }),
 };
-const WEEKDAYS = [
-    'Sunday',
-    'Monday',
-    'Tuesday',
-    'Wednesday',
-    'Thursday',
-    'Friday',
-    'Saturday',
-    'Sunday',
-];
+const WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
 const MONTHS = [
     'January',
     'February',
@@ -239,14 +230,14 @@ class Schedule extends react_1.Component {
             try {
                 schedule = JSON.parse(this.props.schedule);
             }
-            catch (e) {
+            catch (_a) {
                 // ignore
             }
         }
         else if (typeof this.props.schedule === 'object') {
             schedule = this.props.schedule;
         }
-        if ((!schedule || !Object.keys(schedule).length)) {
+        if (!schedule || !Object.keys(schedule).length) {
             setTimeout(() => this.onChange(this.state.schedule, true), 200);
             schedule = DEFAULT;
         }
@@ -323,7 +314,10 @@ class Schedule extends react_1.Component {
                 if (!copy.valid.to) {
                     delete copy.valid.to;
                 }
-                if (copy.period.days === 1 || copy.period.weeks === 1 || copy.period.months === 1 || copy.period.years === 1) {
+                if (copy.period.days === 1 ||
+                    copy.period.weeks === 1 ||
+                    copy.period.months === 1 ||
+                    copy.period.years === 1) {
                     const from = Schedule.string2date(copy.valid.from);
                     const today = new Date();
                     today.setHours(0);
@@ -346,7 +340,7 @@ class Schedule extends react_1.Component {
             try {
                 schedule = JSON.parse(schedule);
             }
-            catch (e) {
+            catch (_a) {
                 return '';
             }
         }
@@ -376,7 +370,12 @@ class Schedule extends react_1.Component {
                         // on weekends
                         desc.push(i18n_1.default.t('sch_desc_onWeekends'));
                     }
-                    else if (daysOfWeek.length === 5 && daysOfWeek[0] === 1 && daysOfWeek[1] === 2 && daysOfWeek[2] === 3 && daysOfWeek[3] === 4 && daysOfWeek[4] === 5) {
+                    else if (daysOfWeek.length === 5 &&
+                        daysOfWeek[0] === 1 &&
+                        daysOfWeek[1] === 2 &&
+                        daysOfWeek[2] === 3 &&
+                        daysOfWeek[3] === 4 &&
+                        daysOfWeek[4] === 5) {
                         // on workdays
                         desc.push(i18n_1.default.t('sch_desc_onWorkdays'));
                     }
@@ -418,7 +417,12 @@ class Schedule extends react_1.Component {
                     // on weekends
                     desc.push(i18n_1.default.t('sch_desc_onWeekends'));
                 }
-                else if (daysOfWeek.length === 5 && daysOfWeek[0] === 1 && daysOfWeek[1] === 2 && daysOfWeek[2] === 3 && daysOfWeek[3] === 4 && daysOfWeek[4] === 5) {
+                else if (daysOfWeek.length === 5 &&
+                    daysOfWeek[0] === 1 &&
+                    daysOfWeek[1] === 2 &&
+                    daysOfWeek[2] === 3 &&
+                    daysOfWeek[3] === 4 &&
+                    daysOfWeek[4] === 5) {
                     // on workdays
                     desc.push(i18n_1.default.t('sch_desc_onWorkdays'));
                 }
@@ -500,7 +504,9 @@ class Schedule extends react_1.Component {
             else {
                 desc.push(i18n_1.default.t('sch_desc_everyNYears', schedule.period.years.toString()));
             }
-            desc.push(i18n_1.default.t('sch_desc_onDate', schedule.period.yearDate.toString(), schedule.period.yearMonth ? i18n_1.default.t(MONTHS[schedule.period.yearMonth - 1]) : i18n_1.default.t('sch_desc_everyMonth')));
+            desc.push(i18n_1.default.t('sch_desc_onDate', schedule.period.yearDate.toString(), schedule.period.yearMonth
+                ? i18n_1.default.t(MONTHS[schedule.period.yearMonth - 1])
+                : i18n_1.default.t('sch_desc_everyMonth')));
         }
         // time
         if (schedule.time.exactTime) {
@@ -532,7 +538,9 @@ class Schedule extends react_1.Component {
                 // every N minutes
                 desc.push(i18n_1.default.t('sch_desc_everyNHours', schedule.time.interval.toString()));
             }
-            const start = ASTRO.indexOf(schedule.time.start) !== -1 ? i18n_1.default.t(`sch_astro_${schedule.time.start}`) : schedule.time.start;
+            const start = ASTRO.indexOf(schedule.time.start) !== -1
+                ? i18n_1.default.t(`sch_astro_${schedule.time.start}`)
+                : schedule.time.start;
             const end = ASTRO.indexOf(schedule.time.end) !== -1 ? i18n_1.default.t(`sch_astro_${schedule.time.end}`) : schedule.time.end;
             if (start !== '00:00' || (end !== '24:00' && end !== '23:59')) {
                 // from HH:mm to HH:mm
@@ -574,7 +582,7 @@ class Schedule extends react_1.Component {
             night = true;
             fromTo = false;
         }
-        return react_1.default.createElement("div", { key: "timePeriod", style: styles.rowDiv },
+        return (react_1.default.createElement("div", { key: "timePeriod", style: styles.rowDiv },
             react_1.default.createElement("div", { style: styles.modeDiv },
                 react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !schedule.time.exactTime, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -583,7 +591,7 @@ class Schedule extends react_1.Component {
                         } }), label: i18n_1.default.t('sch_intervalTime') })),
             react_1.default.createElement("div", { style: styles.settingsDiv },
                 react_1.default.createElement("div", { style: styles.settingsDiv },
-                    !schedule.time.exactTime && react_1.default.createElement("div", null,
+                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
                         react_1.default.createElement("div", null,
                             react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!fromTo, onClick: () => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -598,70 +606,78 @@ class Schedule extends react_1.Component {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.time.start = e.target.value;
                                         this.onChange(_schedule);
-                                    }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_from'), margin: "normal" }),
+                                    }, slotProps: {
+                                        inputLabel: { shrink: true },
+                                    }, label: i18n_1.default.t('sch_from'), margin: "normal" }),
                                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", value: this.state.schedule.time.end, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.time.end = e.target.value;
                                         this.onChange(_schedule);
-                                    }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_to'), margin: "normal" }),
-                            ])),
-                    !schedule.time.exactTime && react_1.default.createElement("div", null,
+                                    }, slotProps: {
+                                        inputLabel: { shrink: true },
+                                    }, label: i18n_1.default.t('sch_to'), margin: "normal" }),
+                            ]))),
+                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
                         react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!wholeDay, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = '00:00';
                                     _schedule.time.end = '24:00';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_wholeDay') })),
-                    !schedule.time.exactTime && react_1.default.createElement("div", null,
+                                } }), label: i18n_1.default.t('sch_wholeDay') }))),
+                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
                         react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!day, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = 'sunrise';
                                     _schedule.time.end = 'sunset';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_astroDay') })),
-                    !schedule.time.exactTime && react_1.default.createElement("div", null,
+                                } }), label: i18n_1.default.t('sch_astroDay') }))),
+                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
                         react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!night, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = 'sunset';
                                     _schedule.time.end = 'sunrise';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_astroNight') }))),
-                !schedule.time.exactTime && this.getPeriodSettingsMinutes()));
+                                } }), label: i18n_1.default.t('sch_astroNight') })))),
+                !schedule.time.exactTime && this.getPeriodSettingsMinutes())));
     }
     getTimeExactElements() {
         const isAstro = ASTRO.includes(this.state.schedule.time.start);
-        return react_1.default.createElement("div", { key: "timeExact", style: styles.rowDiv },
+        return (react_1.default.createElement("div", { key: "timeExact", style: styles.rowDiv },
             react_1.default.createElement("div", { style: styles.modeDiv },
                 react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!this.state.schedule.time.exactTime, onClick: () => {
                             const schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             schedule.time.exactTime = true;
                             this.onChange(schedule);
                         } }), label: i18n_1.default.t('sch_exactTime') })),
-            this.state.schedule.time.exactTime && react_1.default.createElement(material_1.Select, { variant: "standard", value: isAstro ? this.state.schedule.time.start : '00:00', onChange: e => {
+            this.state.schedule.time.exactTime && (react_1.default.createElement(material_1.Select, { variant: "standard", value: isAstro ? this.state.schedule.time.start : '00:00', onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.start = e.target.value;
                     this.onChange(_schedule);
                 } },
                 react_1.default.createElement(material_1.MenuItem, { key: "specific", value: "00:00" }, i18n_1.default.t('sch_specificTime')),
-                ASTRO.map(event => react_1.default.createElement(material_1.MenuItem, { key: event, value: event }, i18n_1.default.t(`sch_astro_${event}`)))),
-            this.state.schedule.time.exactTime && !isAstro &&
-                react_1.default.createElement("div", { style: styles.settingsDiv },
-                    react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", 
-                        // inputComponent={TextTime}
-                        onChange: e => {
-                            const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                            _schedule.time.start = e.target.value;
-                            this.onChange(_schedule);
-                        }, InputLabelProps: { shrink: true }, margin: "normal" })));
+                ASTRO.map(event => (react_1.default.createElement(material_1.MenuItem, { key: event, value: event }, i18n_1.default.t(`sch_astro_${event}`)))))),
+            this.state.schedule.time.exactTime && !isAstro && (react_1.default.createElement("div", { style: styles.settingsDiv },
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", 
+                    // inputComponent={TextTime}
+                    onChange: e => {
+                        const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                        _schedule.time.start = e.target.value;
+                        this.onChange(_schedule);
+                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
     }
     static getDivider() {
         return react_1.default.createElement("hr", { style: styles.hr });
     }
     getPeriodModes() {
         const schedule = this.state.schedule;
-        const isOnce = !schedule.period.dows && !schedule.period.months && !schedule.period.dates && !schedule.period.years && !schedule.period.days && !schedule.period.weeks;
+        const isOnce = !schedule.period.dows &&
+            !schedule.period.months &&
+            !schedule.period.dates &&
+            !schedule.period.years &&
+            !schedule.period.days &&
+            !schedule.period.weeks;
         if (isOnce && !schedule.period.once) {
             schedule.period.once = Schedule.now2string(true);
         }
@@ -682,7 +698,7 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 0;
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodOnce') })),
-                isOnce && react_1.default.createElement("div", { style: styles.settingsDiv },
+                isOnce && (react_1.default.createElement("div", { style: styles.settingsDiv },
                     react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputDate, type: "date", ref: this.refOnce, key: "exactDateAt", defaultValue: string2USdate(schedule.period.once), 
                         // InputProps={{inputComponent: TextTime}}
                         onChange: e => {
@@ -703,7 +719,7 @@ class Schedule extends react_1.Component {
                                     this.onChange(_schedule);
                                 }
                             }, 1500, e.target.value);
-                        }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_at'), margin: "normal" }))),
+                        }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_at'), margin: "normal" })))),
             // ----- days ---
             react_1.default.createElement(material_1.Box, { component: "div", key: "days", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowDays) },
                 react_1.default.createElement("div", { style: styles.modeDiv },
@@ -777,7 +793,7 @@ class Schedule extends react_1.Component {
                             } }), label: i18n_1.default.t('sch_periodMonthly') })),
                 react_1.default.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsMonthly(),
-                    schedule.period.months ? react_1.default.createElement(material_1.Box, null,
+                    schedule.period.months ? (react_1.default.createElement(material_1.Box, null,
                         react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) },
                             react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputRadio, checked: !!schedule.period.dates, onClick: () => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -786,7 +802,8 @@ class Schedule extends react_1.Component {
                                         for (let i = 1; i <= 31; i++) {
                                             dates.push(i);
                                         }
-                                        _schedule.period.dates = _schedule.period.dates || JSON.stringify(dates);
+                                        _schedule.period.dates =
+                                            _schedule.period.dates || JSON.stringify(dates);
                                         _schedule.period.dows = '';
                                         _schedule.period.years = 0;
                                         _schedule.period.yearDate = 0;
@@ -796,7 +813,7 @@ class Schedule extends react_1.Component {
                                         _schedule.period.once = '';
                                         this.onChange(_schedule);
                                     } }), label: i18n_1.default.t('sch_periodDates') })),
-                        react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates())) : null)),
+                        react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates()))) : null)),
             // ----- years ---
             react_1.default.createElement(material_1.Box, { component: "div", key: "years", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowYears) },
                 react_1.default.createElement("div", { style: styles.modeDiv },
@@ -815,15 +832,17 @@ class Schedule extends react_1.Component {
                             } }), label: i18n_1.default.t('sch_periodYearly') })),
                 react_1.default.createElement("div", { style: styles.settingsDiv },
                     react_1.default.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsYearly()),
-                    !!schedule.period.years && react_1.default.createElement("div", { style: styles.settingsDiv },
+                    !!schedule.period.years && (react_1.default.createElement("div", { style: styles.settingsDiv },
                         react_1.default.createElement("span", null, i18n_1.default.t('sch_on')),
                         react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.yearDate, style: styles.inputEvery, type: "number", inputProps: { min: 1, max: 31 }, onChange: e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.yearDate = parseInt(e.target.value, 10);
-                                if (_schedule.period.yearDate < 1)
+                                if (_schedule.period.yearDate < 1) {
                                     _schedule.period.yearDate = 31;
-                                if (_schedule.period.yearDate > 31)
+                                }
+                                if (_schedule.period.yearDate > 31) {
                                     _schedule.period.yearDate = 1;
+                                }
                                 this.onChange(_schedule);
                             } }),
                         react_1.default.createElement(material_1.Select, { variant: "standard", value: schedule.period.yearMonth, onChange: e => {
@@ -832,11 +851,11 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             } },
                             react_1.default.createElement(material_1.MenuItem, { key: "every", value: 0 }, i18n_1.default.t('sch_yearEveryMonth')),
-                            MONTHS.map((month, i) => react_1.default.createElement(material_1.MenuItem, { key: month, value: i + 1 }, i18n_1.default.t(month))))))),
+                            MONTHS.map((month, i) => (react_1.default.createElement(material_1.MenuItem, { key: month, value: i + 1 }, i18n_1.default.t(month))))))))),
         ];
     }
     getPeriodSettingsMinutes() {
-        return react_1.default.createElement("div", { style: { display: 'inline-block' } },
+        return (react_1.default.createElement("div", { style: { display: 'inline-block' } },
             react_1.default.createElement("label", null, i18n_1.default.t('sch_every')),
             react_1.default.createElement(material_1.Input, { value: this.state.schedule.time.interval, style: Object.assign(Object.assign({}, styles.inputEvery), { verticalAlign: 'bottom' }), type: "number", inputProps: { min: 1 }, onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -849,7 +868,7 @@ class Schedule extends react_1.Component {
                     this.onChange(_schedule);
                 } },
                 react_1.default.createElement(material_1.MenuItem, { value: PERIODS.minutes }, i18n_1.default.t('sch_periodMinutes')),
-                react_1.default.createElement(material_1.MenuItem, { value: PERIODS.hours }, i18n_1.default.t('sch_periodHours'))));
+                react_1.default.createElement(material_1.MenuItem, { value: PERIODS.hours }, i18n_1.default.t('sch_periodHours')))));
     }
     getPeriodSettingsWeekdays() {
         // || this.state.schedule.period.dows === '[1, 2, 3, 4, 5]' || this.state.schedule.period.dows === '[0, 6]'
@@ -883,29 +902,28 @@ class Schedule extends react_1.Component {
                             }
                             this.onChange(_schedule);
                         } }), label: i18n_1.default.t('sch_periodWeekdays') }),
-                isSpecific && (schedule.period.days === 1 || schedule.period.weeks) &&
-                    react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { width: 150 }) }, [1, 2, 3, 4, 5, 6, 0].map(i => react_1.default.createElement(material_1.FormControlLabel, { key: `specific_${i}`, style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: schedule.period.dows.includes(i.toString()), onChange: e => {
-                                const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                                let daysOfWeek;
-                                try {
-                                    daysOfWeek = JSON.parse(_schedule.period.dows);
-                                }
-                                catch (err) {
-                                    daysOfWeek = [];
-                                }
-                                if (e.target.checked && !daysOfWeek.includes(i)) {
-                                    daysOfWeek.push(i);
-                                }
-                                else if (!e.target.checked && daysOfWeek.includes(i)) {
-                                    daysOfWeek.splice(daysOfWeek.indexOf(i), 1);
-                                }
-                                daysOfWeek.sort((a, b) => a - b);
-                                _schedule.period.dows = JSON.stringify(daysOfWeek);
-                                if (_schedule.period.days) {
-                                    _schedule.period.days = 1;
-                                }
-                                this.onChange(_schedule);
-                            } }), label: i18n_1.default.t(WEEKDAYS[i]) })))),
+                isSpecific && (schedule.period.days === 1 || schedule.period.weeks) && (react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { width: 150 }) }, [1, 2, 3, 4, 5, 6, 0].map(i => (react_1.default.createElement(material_1.FormControlLabel, { key: `specific_${i}`, style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: schedule.period.dows.includes(i.toString()), onChange: e => {
+                            const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                            let daysOfWeek;
+                            try {
+                                daysOfWeek = JSON.parse(_schedule.period.dows);
+                            }
+                            catch (_a) {
+                                daysOfWeek = [];
+                            }
+                            if (e.target.checked && !daysOfWeek.includes(i)) {
+                                daysOfWeek.push(i);
+                            }
+                            else if (!e.target.checked && daysOfWeek.includes(i)) {
+                                daysOfWeek.splice(daysOfWeek.indexOf(i), 1);
+                            }
+                            daysOfWeek.sort((a, b) => a - b);
+                            _schedule.period.dows = JSON.stringify(daysOfWeek);
+                            if (_schedule.period.days) {
+                                _schedule.period.days = 1;
+                            }
+                            this.onChange(_schedule);
+                        } }), label: i18n_1.default.t(WEEKDAYS[i]) })))))),
         ];
     }
     getPeriodSettingsDaily() {
@@ -978,7 +996,7 @@ class Schedule extends react_1.Component {
             dates.push(i);
         }
         const parsedDates = JSON.parse(schedule.period.dates);
-        return react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { maxWidth: 620 }) },
+        return (react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { maxWidth: 620 }) },
             react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: parsedDates.length === 31, onChange: () => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         const _dates = [];
@@ -993,28 +1011,28 @@ class Schedule extends react_1.Component {
                         _schedule.period.dates = '[]';
                         this.onChange(_schedule);
                     } }), label: i18n_1.default.t('sch_no_one') }),
-            parsedDates.length !== 31 && !!parsedDates.length &&
-                react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
-                            const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                            const result = [];
-                            const _parsedDates = JSON.parse(_schedule.period.dates);
-                            for (let i = 1; i <= 31; i++) {
-                                if (!_parsedDates.includes(i)) {
-                                    result.push(i);
-                                }
+            parsedDates.length !== 31 && !!parsedDates.length && (react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
+                        const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                        const result = [];
+                        const _parsedDates = JSON.parse(_schedule.period.dates);
+                        for (let i = 1; i <= 31; i++) {
+                            if (!_parsedDates.includes(i)) {
+                                result.push(i);
                             }
-                            result.sort((a, b) => a - b);
-                            _schedule.period.dates = JSON.stringify(result);
-                            this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_invert') }),
+                        }
+                        result.sort((a, b) => a - b);
+                        _schedule.period.dates = JSON.stringify(result);
+                        this.onChange(_schedule);
+                    } }), label: i18n_1.default.t('sch_invert') })),
             react_1.default.createElement("div", null),
-            dates.map(i => react_1.default.createElement(material_1.FormControlLabel, { key: `date_${i}`, style: !i ? Object.assign(Object.assign({}, styles.inputDateDay), { opacity: 0, cursor: 'default', userSelect: 'none', pointerEvents: 'none' }) : styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: JSON.parse(schedule.period.dates).includes(i), onChange: e => {
+            dates.map(i => (react_1.default.createElement(material_1.FormControlLabel, { key: `date_${i}`, style: !i
+                    ? Object.assign(Object.assign({}, styles.inputDateDay), { opacity: 0, cursor: 'default', userSelect: 'none', pointerEvents: 'none' }) : styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: JSON.parse(schedule.period.dates).includes(i), onChange: e => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         let _dates;
                         try {
                             _dates = JSON.parse(_schedule.period.dates);
                         }
-                        catch (err) {
+                        catch (_a) {
                             _dates = [];
                         }
                         if (e.target.checked && !_dates.includes(i)) {
@@ -1026,10 +1044,12 @@ class Schedule extends react_1.Component {
                         _dates.sort((a, b) => a - b);
                         _schedule.period.dates = JSON.stringify(_dates);
                         this.onChange(_schedule);
-                    } }), label: i < 10 ? [
-                    react_1.default.createElement("span", { key: "0", style: { opacity: 0 } }, "0"),
-                    react_1.default.createElement("span", { key: "num" }, i),
-                ] : i })));
+                    } }), label: i < 10
+                    ? [
+                        react_1.default.createElement("span", { key: "0", style: { opacity: 0 } }, "0"),
+                        react_1.default.createElement("span", { key: "num" }, i),
+                    ]
+                    : i })))));
     }
     getPeriodSettingsMonthly() {
         if (!this.state.schedule.period.months) {
@@ -1050,12 +1070,14 @@ class Schedule extends react_1.Component {
                             _schedule.period.months = 2;
                             this.onChange(_schedule);
                         } }), label: i18n_1.default.t('sch_periodEvery') }),
-                typeof schedule.period.months === 'number' && schedule.period.months > 1 && [
+                typeof schedule.period.months === 'number' &&
+                    schedule.period.months > 1 && [
                     react_1.default.createElement(material_1.Input, { key: "input", value: schedule.period.months, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = parseInt(e.target.value, 10);
-                            if (_schedule.period.months < 1)
+                            if (_schedule.period.months < 1) {
                                 _schedule.period.months = 1;
+                            }
                             this.onChange(_schedule);
                         } }),
                     react_1.default.createElement("span", { key: "text" }, i18n_1.default.t('sch_periodMonth')),
@@ -1066,56 +1088,56 @@ class Schedule extends react_1.Component {
                             _schedule.period.months = '[1,2,3,4,5,6,7,8,9,10,11,12]';
                             this.onChange(_schedule);
                         } }), label: i18n_1.default.t('sch_periodSpecificMonths') }),
-                typeof schedule.period.months === 'string' &&
-                    react_1.default.createElement(material_1.FormGroup, { row: true, style: styles.inputGroup },
-                        react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: parsedMonths.length === 12, onChange: () => {
-                                    const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                                    const months = [];
-                                    for (let i = 1; i <= 12; i++) {
-                                        months.push(i);
-                                    }
-                                    _schedule.period.months = JSON.stringify(months);
-                                    this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_all') }),
-                        react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: !parsedMonths.length, onChange: () => {
-                                    const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                                    _schedule.period.months = '[]';
-                                    this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_no_one') }),
-                        parsedMonths.length !== 12 && !!parsedMonths.length &&
-                            react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
-                                        const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                                        const result = [];
-                                        const _parsedMonths = JSON.parse(_schedule.period.months);
-                                        for (let i = 1; i <= 12; i++) {
-                                            if (!_parsedMonths.includes(i)) {
-                                                result.push(i);
-                                            }
-                                        }
-                                        result.sort((a, b) => a - b);
-                                        _schedule.period.months = JSON.stringify(result);
-                                        this.onChange(_schedule);
-                                    } }), label: i18n_1.default.t('sch_invert') }),
-                        react_1.default.createElement("div", null),
-                        MONTHS.map((month, i) => react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: typeof schedule.period.months === 'string' ? JSON.parse(schedule.period.months).includes(i + 1) : schedule.period.months === i, onChange: e => {
-                                    const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
-                                    let months;
-                                    try {
-                                        months = JSON.parse(_schedule.period.months);
-                                    }
-                                    catch (err) {
-                                        months = [];
-                                    }
-                                    if (e.target.checked && !months.includes(i + 1)) {
-                                        months.push(i + 1);
-                                    }
-                                    else if (!e.target.checked && months.includes(i + 1)) {
-                                        months.splice(months.indexOf(i + 1), 1);
+                typeof schedule.period.months === 'string' && (react_1.default.createElement(material_1.FormGroup, { row: true, style: styles.inputGroup },
+                    react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: parsedMonths.length === 12, onChange: () => {
+                                const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                                const months = [];
+                                for (let i = 1; i <= 12; i++) {
+                                    months.push(i);
+                                }
+                                _schedule.period.months = JSON.stringify(months);
+                                this.onChange(_schedule);
+                            } }), label: i18n_1.default.t('sch_all') }),
+                    react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: !parsedMonths.length, onChange: () => {
+                                const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                                _schedule.period.months = '[]';
+                                this.onChange(_schedule);
+                            } }), label: i18n_1.default.t('sch_no_one') }),
+                    parsedMonths.length !== 12 && !!parsedMonths.length && (react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
+                                const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                                const result = [];
+                                const _parsedMonths = JSON.parse(_schedule.period.months);
+                                for (let i = 1; i <= 12; i++) {
+                                    if (!_parsedMonths.includes(i)) {
+                                        result.push(i);
                                     }
-                                    months.sort((a, b) => a - b);
-                                    _schedule.period.months = JSON.stringify(months);
-                                    this.onChange(_schedule);
-                                } }), label: i18n_1.default.t(month) })))),
+                                }
+                                result.sort((a, b) => a - b);
+                                _schedule.period.months = JSON.stringify(result);
+                                this.onChange(_schedule);
+                            } }), label: i18n_1.default.t('sch_invert') })),
+                    react_1.default.createElement("div", null),
+                    MONTHS.map((month, i) => (react_1.default.createElement(material_1.FormControlLabel, { key: `month_${i}`, style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: typeof schedule.period.months === 'string'
+                                ? JSON.parse(schedule.period.months).includes(i + 1)
+                                : schedule.period.months === i, onChange: e => {
+                                const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
+                                let months;
+                                try {
+                                    months = JSON.parse(_schedule.period.months);
+                                }
+                                catch (_a) {
+                                    months = [];
+                                }
+                                if (e.target.checked && !months.includes(i + 1)) {
+                                    months.push(i + 1);
+                                }
+                                else if (!e.target.checked && months.includes(i + 1)) {
+                                    months.splice(months.indexOf(i + 1), 1);
+                                }
+                                months.sort((a, b) => a - b);
+                                _schedule.period.months = JSON.stringify(months);
+                                this.onChange(_schedule);
+                            } }), label: i18n_1.default.t(month) })))))),
         ];
     }
     getPeriodSettingsYearly() {
@@ -1140,8 +1162,9 @@ class Schedule extends react_1.Component {
                     react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.years, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.years = parseInt(e.target.value, 10);
-                            if (_schedule.period.years < 1)
+                            if (_schedule.period.years < 1) {
                                 _schedule.period.years = 1;
+                            }
                             this.onChange(_schedule);
                         } }),
                     react_1.default.createElement("span", { key: "text" }, i18n_1.default.t('sch_periodYear')),
@@ -1171,7 +1194,7 @@ class Schedule extends react_1.Component {
     getValidSettings() {
         const schedule = this.state.schedule;
         // ----- from ---
-        return react_1.default.createElement("div", { style: styles.rowDiv },
+        return (react_1.default.createElement("div", { style: styles.rowDiv },
             react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.modeDiv), { verticalAlign: 'middle' }) },
                 react_1.default.createElement("span", { style: { fontWeight: 'bold', paddingRight: 10 } }, i18n_1.default.t('sch_valid')),
                 react_1.default.createElement("span", null, i18n_1.default.t('sch_validFrom'))),
@@ -1201,7 +1224,7 @@ class Schedule extends react_1.Component {
                             _schedule.valid.to = _schedule.valid.to ? '' : Schedule.now2string(true);
                             this.onChange(_schedule);
                         } }), label: i18n_1.default.t('sch_validTo') }),
-                !!schedule.valid.to && react_1.default.createElement(material_1.TextField, { variant: "standard", inputRef: this.refTo, style: Object.assign(Object.assign({}, styles.inputDate), { marginRight: 10 }), key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
+                !!schedule.valid.to && (react_1.default.createElement(material_1.TextField, { variant: "standard", inputRef: this.refTo, style: Object.assign(Object.assign({}, styles.inputDate), { marginRight: 10 }), key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
                     // inputComponent={TextDate}
                     onChange: e => {
                         this.timerTo && clearTimeout(this.timerTo);
@@ -1220,10 +1243,10 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             }
                         }, 1500, e.target.value);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" })));
+                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
     }
     render() {
-        return react_1.default.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },
+        return (react_1.default.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },
             react_1.default.createElement("div", null, this.state.desc),
             react_1.default.createElement("div", { style: styles.scrollWindow },
                 react_1.default.createElement("h5", null, i18n_1.default.t('sch_time')),
@@ -1233,7 +1256,7 @@ class Schedule extends react_1.Component {
                 react_1.default.createElement("h5", null, i18n_1.default.t('sch_period')),
                 this.getPeriodModes(),
                 !this.state.schedule.period.once && Schedule.getDivider(),
-                !this.state.schedule.period.once && this.getValidSettings()));
+                !this.state.schedule.period.once && this.getValidSettings())));
     }
 }
 exports.default = Schedule;