@iobroker/adapter-react-v5 4.11.3 → 4.11.5

package/Dialogs/ComplexCron.d.ts

@@ -1,13 +1,14 @@
-declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
-    classes: PropTypes.Requireable<object>;
-    onClose: PropTypes.Validator<(...args: any[]) => any>;
-    onOk: PropTypes.Validator<(...args: any[]) => any>;
-    title: PropTypes.Requireable<string>;
-    cron: PropTypes.Requireable<string>;
-    cancel: PropTypes.Requireable<string>;
-    ok: PropTypes.Requireable<string>;
-    clearButton: PropTypes.Requireable<boolean>;
-}>, "classes"> & import("@mui/styles").StyledComponentProps<"radio" | "headerID" | "dialogPaper"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+interface DialogCronProps {
+    onClose: () => void;
+    onOk: (cron: string | false) => void;
+    title?: string;
+    cron?: string;
+    cancel?: string;
+    ok?: string;
+    clear?: string;
+    classes: Record<string, string>;
+    clearButton?: boolean;
+}
+declare const _default: React.JSXElementConstructor<Omit<DialogCronProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Dialogs/ComplexCron.js

@@ -1,143 +1,72 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _ComplexCron = _interopRequireDefault(require("../Components/ComplexCron"));
-var _i18n = _interopRequireDefault(require("../i18n"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 icons_material_1 = require("@mui/icons-material");
+const ComplexCron_1 = __importDefault(require("../Components/ComplexCron"));
+const i18n_1 = __importDefault(require("../i18n"));
 // Generate cron expression
-var styles = function styles() {
-  return {
+const styles = {
     headerID: {
-      fontWeight: 'bold',
-      fontStyle: 'italic'
+        fontWeight: 'bold',
+        fontStyle: 'italic',
     },
     radio: {
-      display: 'inline-block'
+        display: 'inline-block',
     },
     dialogPaper: {
-      height: 'calc(100% - 96px)'
-    }
-  };
+        height: 'calc(100% - 96px)',
+    },
 };
-var DialogComplexCron = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DialogComplexCron, _React$Component);
-  function DialogComplexCron(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DialogComplexCron);
-    _this = _callSuper(this, DialogComplexCron, [props]);
-    var cron;
-    if (_this.props.cron && typeof _this.props.cron === 'string' && _this.props.cron.replace(/^["']/, '')[0] !== '{') {
-      cron = _this.props.cron.replace(/['"]/g, '').trim();
-    } else {
-      cron = _this.props.cron || '{}';
-      if (typeof cron === 'string') {
-        cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
-      }
+class DialogComplexCron extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        let cron;
+        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^["']/, '')[0] !== '{') {
+            cron = this.props.cron.replace(/['"]/g, '').trim();
+        }
+        else {
+            cron = this.props.cron || '{}';
+            if (typeof cron === 'string') {
+                cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
+            }
+        }
+        this.state = {
+            cron,
+        };
     }
-    _this.state = {
-      cron: cron
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(DialogComplexCron, [{
-    key: "handleCancel",
-    value: function handleCancel() {
-      this.props.onClose();
+    handleCancel() {
+        this.props.onClose();
     }
-  }, {
-    key: "handleOk",
-    value: function handleOk() {
-      this.props.onOk(this.state.cron);
-      this.props.onClose();
+    handleOk() {
+        this.props.onOk(this.state.cron);
+        this.props.onClose();
     }
-  }, {
-    key: "handleClear",
-    value: function handleClear() {
-      this.props.onOk(false);
-      this.props.onClose();
+    handleClear() {
+        this.props.onOk(false);
+        this.props.onClose();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        onClose: function onClose() {},
-        maxWidth: "md",
-        fullWidth: true,
-        classes: {
-          paper: this.props.classes.dialogPaper
-        },
-        open: !0,
-        "aria-labelledby": "cron-dialog-title"
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, {
-        id: "cron-dialog-title"
-      }, this.props.title || _i18n["default"].t('ra_Define schedule...')), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
-        style: {
-          height: '100%',
-          overflow: 'hidden'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_ComplexCron["default"], {
-        cronExpression: this.state.cron,
-        onChange: function onChange(cron) {
-          return _this2.setState({
-            cron: cron
-          });
-        },
-        language: _i18n["default"].getLanguage()
-      })), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, !!this.props.clearButton && /*#__PURE__*/_react["default"].createElement(_material.Button
-      // @ts-expect-error
-      , {
-        color: "grey",
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleClear();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null)
-      }, this.props.clear || _i18n["default"].t('ra_Clear')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleOk();
-        },
-        color: "primary",
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Check, null)
-      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_material.Button
-      // @ts-expect-error
-      , {
-        color: "grey",
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleCancel();
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Cancel, null)
-      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+    render() {
+        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, classes: { paper: this.props.classes.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
+            react_1.default.createElement(material_1.DialogTitle, { id: "cron-dialog-title" }, this.props.title || i18n_1.default.t('ra_Define schedule...')),
+            react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
+                react_1.default.createElement(ComplexCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
+            react_1.default.createElement(material_1.DialogActions, null,
+                !!this.props.clearButton && react_1.default.createElement(material_1.Button
+                // @ts-expect-error
+                , { 
+                    // @ts-expect-error
+                    color: "grey", variant: "contained", onClick: () => this.handleClear(), startIcon: react_1.default.createElement(icons_material_1.Delete, null) }, this.props.clear || i18n_1.default.t('ra_Clear')),
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button
+                // @ts-expect-error
+                , { 
+                    // @ts-expect-error
+                    color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
     }
-  }]);
-  return DialogComplexCron;
-}(_react["default"].Component);
-DialogComplexCron.propTypes = {
-  classes: _propTypes["default"].object,
-  onClose: _propTypes["default"].func.isRequired,
-  onOk: _propTypes["default"].func.isRequired,
-  title: _propTypes["default"].string,
-  cron: _propTypes["default"].string,
-  cancel: _propTypes["default"].string,
-  ok: _propTypes["default"].string,
-  clearButton: _propTypes["default"].bool
-};
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(DialogComplexCron);
-//# sourceMappingURL=ComplexCron.js.map
+}
+exports.default = (0, styles_1.withStyles)(styles)(DialogComplexCron);

package/Dialogs/Cron.d.ts

@@ -1,15 +1,18 @@
-declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
-    classes: PropTypes.Requireable<object>;
-    onClose: PropTypes.Validator<(...args: any[]) => any>;
-    onOk: PropTypes.Validator<(...args: any[]) => any>;
-    title: PropTypes.Requireable<string>;
-    cron: PropTypes.Requireable<string>;
-    cancel: PropTypes.Requireable<string>;
-    ok: PropTypes.Requireable<string>;
-    simple: PropTypes.Requireable<boolean>;
-    complex: PropTypes.Requireable<boolean>;
-    noWizard: PropTypes.Requireable<boolean>;
-}>, "classes"> & import("@mui/styles").StyledComponentProps<"radio" | "headerID" | "dialogPaper"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+interface DialogCronProps {
+    onClose: () => void;
+    onOk: (cron: string) => void;
+    title?: string;
+    cron?: string;
+    cancel?: string;
+    ok?: string;
+    /** show only simple configuration */
+    simple?: boolean;
+    /** show only complex configuration */
+    complex?: boolean;
+    /** do not show wizard */
+    noWizard?: boolean;
+    classes: Record<string, string>;
+}
+declare const _default: React.JSXElementConstructor<Omit<DialogCronProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Dialogs/Cron.js

@@ -1,197 +1,106 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _ComplexCron = _interopRequireDefault(require("../Components/ComplexCron"));
-var _SimpleCron = _interopRequireDefault(require("../Components/SimpleCron"));
-var _Schedule = _interopRequireDefault(require("../Components/Schedule"));
-var _i18n = _interopRequireDefault(require("../i18n"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 icons_material_1 = require("@mui/icons-material");
+const ComplexCron_1 = __importDefault(require("../Components/ComplexCron"));
+const SimpleCron_1 = __importStar(require("../Components/SimpleCron"));
+const Schedule_1 = __importDefault(require("../Components/Schedule"));
+const i18n_1 = __importDefault(require("../i18n"));
 // Generate cron expression
-
-var styles = function styles() {
-  return {
+const styles = {
     headerID: {
-      fontWeight: 'bold',
-      fontStyle: 'italic'
+        fontWeight: 'bold',
+        fontStyle: 'italic',
     },
     radio: {
-      display: 'inline-block'
+        display: 'inline-block',
     },
     dialogPaper: {
-      height: 'calc(100% - 96px)'
-    }
-  };
+        height: 'calc(100% - 96px)',
+    },
 };
-var DialogCron = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DialogCron, _React$Component);
-  function DialogCron(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, DialogCron);
-    _this = _callSuper(this, DialogCron, [props]);
-    var cron;
-    if (_this.props.cron && typeof _this.props.cron === 'string' && _this.props.cron.replace(/^["']/, '')[0] !== '{') {
-      cron = _this.props.cron.replace(/['"]/g, '').trim();
-    } else {
-      cron = _this.props.cron || '{}';
-      if (typeof cron === 'string') {
-        cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
-      }
+class DialogCron extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        let cron;
+        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^["']/, '')[0] !== '{') {
+            cron = this.props.cron.replace(/['"]/g, '').trim();
+        }
+        else {
+            cron = this.props.cron || '{}';
+            if (typeof cron === 'string') {
+                cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
+            }
+        }
+        this.state = {
+            cron,
+            mode: this.props.simple ? 'simple' :
+                (this.props.complex ? 'complex' :
+                    ((typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard ?
+                        'wizard' :
+                        ((0, SimpleCron_1.cron2state)(this.props.cron || '* * * * *') ? 'simple' : 'complex'))),
+        };
     }
-    _this.state = {
-      cron: cron,
-      mode: _this.props.simple ? 'simple' : _this.props.complex ? 'complex' : ((0, _typeof2["default"])(cron) === 'object' || cron[0] === '{') && !_this.props.noWizard ? 'wizard' : _SimpleCron["default"].cron2state(_this.props.cron || '* * * * *') ? 'simple' : 'complex'
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(DialogCron, [{
-    key: "handleCancel",
-    value: function handleCancel() {
-      this.props.onClose();
+    handleCancel() {
+        this.props.onClose();
     }
-  }, {
-    key: "handleOk",
-    value: function handleOk() {
-      this.props.onOk(this.state.cron);
-      this.props.onClose();
+    handleOk() {
+        this.props.onOk(this.state.cron);
+        this.props.onClose();
     }
-  }, {
-    key: "setMode",
-    value: function setMode(mode) {
-      this.setState({
-        mode: mode
-      });
+    setMode(mode) {
+        this.setState({ mode });
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        onClose: function onClose() {},
-        maxWidth: "md",
-        fullWidth: true,
-        classes: {
-          paper: this.props.classes.dialogPaper
-        },
-        open: !0,
-        "aria-labelledby": "cron-dialog-title"
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, {
-        id: "cron-dialog-title"
-      }, this.props.title || _i18n["default"].t('ra_Define schedule...')), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
-        style: {
-          height: '100%',
-          overflow: 'hidden'
-        }
-      }, this.props.simple && this.props.complex || !this.props.simple && !this.props.complex ? /*#__PURE__*/_react["default"].createElement("div", null, !this.props.simple && !this.props.complex && !this.props.noWizard && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
-        key: "wizard",
-        checked: this.state.mode === 'wizard',
-        onChange: function onChange() {
-          return _this2.setMode('wizard');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("label", {
-        onClick: function onClick() {
-          return _this2.setMode('wizard');
-        },
-        style: this.state.mode !== 'wizard' ? {
-          color: 'lightgrey'
-        } : {}
-      }, _i18n["default"].t('sc_wizard'))), (!this.props.simple && !this.props.complex || this.props.simple) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
-        key: "simple",
-        checked: this.state.mode === 'simple',
-        onChange: function onChange() {
-          return _this2.setMode('simple');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("label", {
-        onClick: function onClick() {
-          return _this2.setMode('simple');
-        },
-        style: this.state.mode !== 'simple' ? {
-          color: 'lightgrey'
-        } : {}
-      }, _i18n["default"].t('sc_simple'))), (!this.props.simple && !this.props.complex || this.props.complex) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Radio, {
-        key: "complex",
-        checked: this.state.mode === 'complex',
-        onChange: function onChange() {
-          return _this2.setMode('complex');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("label", {
-        onClick: function onClick() {
-          return _this2.setMode('complex');
-        },
-        style: this.state.mode !== 'complex' ? {
-          color: 'lightgrey'
-        } : {}
-      }, _i18n["default"].t('sc_cron')))) : null, this.state.mode === 'simple' && /*#__PURE__*/_react["default"].createElement(_SimpleCron["default"], {
-        cronExpression: this.state.cron,
-        onChange: function onChange(cron) {
-          return _this2.setState({
-            cron: cron
-          });
-        },
-        language: _i18n["default"].getLanguage()
-      }), this.state.mode === 'wizard' && /*#__PURE__*/_react["default"].createElement(_Schedule["default"], {
-        schedule: this.state.cron,
-        onChange: function onChange(cron) {
-          return _this2.setState({
-            cron: cron
-          });
-        },
-        language: _i18n["default"].getLanguage()
-      }), this.state.mode === 'complex' && /*#__PURE__*/_react["default"].createElement(_ComplexCron["default"], {
-        cronExpression: this.state.cron,
-        onChange: function onChange(cron) {
-          return _this2.setState({
-            cron: cron
-          });
-        },
-        language: _i18n["default"].getLanguage()
-      })), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleOk();
-        },
-        color: "primary",
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Check, null)
-      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.handleCancel();
-        },
-        color: "grey",
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Cancel, null)
-      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+    render() {
+        return react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, classes: { paper: this.props.classes.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
+            react_1.default.createElement(material_1.DialogTitle, { id: "cron-dialog-title" }, this.props.title || i18n_1.default.t('ra_Define schedule...')),
+            react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
+                (this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? react_1.default.createElement("div", null,
+                    !this.props.simple && !this.props.complex && !this.props.noWizard && react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.Radio, { key: "wizard", checked: this.state.mode === 'wizard', onChange: () => this.setMode('wizard') }),
+                        react_1.default.createElement("label", { onClick: () => this.setMode('wizard'), style: this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_wizard'))),
+                    ((!this.props.simple && !this.props.complex) || this.props.simple) && react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.Radio, { key: "simple", checked: this.state.mode === 'simple', onChange: () => this.setMode('simple') }),
+                        react_1.default.createElement("label", { onClick: () => this.setMode('simple'), style: this.state.mode !== 'simple' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_simple'))),
+                    ((!this.props.simple && !this.props.complex) || this.props.complex) && react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.Radio, { key: "complex", checked: this.state.mode === 'complex', onChange: () => this.setMode('complex') }),
+                        react_1.default.createElement("label", { onClick: () => this.setMode('complex'), style: this.state.mode !== 'complex' ? { color: 'lightgrey' } : {} }, i18n_1.default.t('sc_cron')))) : null,
+                this.state.mode === 'simple' && react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() }),
+                this.state.mode === 'wizard' && react_1.default.createElement(Schedule_1.default, { schedule: this.state.cron, onChange: cron => this.setState({ cron }) }),
+                this.state.mode === 'complex' && react_1.default.createElement(ComplexCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
+            react_1.default.createElement(material_1.DialogActions, null,
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), 
+                    // @ts-expect-error grey is allowed color
+                    color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel'))));
     }
-  }]);
-  return DialogCron;
-}(_react["default"].Component);
-DialogCron.propTypes = {
-  classes: _propTypes["default"].object,
-  onClose: _propTypes["default"].func.isRequired,
-  onOk: _propTypes["default"].func.isRequired,
-  title: _propTypes["default"].string,
-  cron: _propTypes["default"].string,
-  cancel: _propTypes["default"].string,
-  ok: _propTypes["default"].string,
-  simple: _propTypes["default"].bool,
-  // show only simple configuration
-  complex: _propTypes["default"].bool,
-  // show only complex configuration
-  noWizard: _propTypes["default"].bool // do not show wizard
-};
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(DialogCron);
-//# sourceMappingURL=Cron.js.map
+}
+exports.default = (0, styles_1.withStyles)(styles)(DialogCron);

package/Dialogs/SimpleCron.d.ts

@@ -1,12 +1,12 @@
-declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
-    classes: PropTypes.Requireable<object>;
-    onClose: PropTypes.Validator<(...args: any[]) => any>;
-    onOk: PropTypes.Validator<(...args: any[]) => any>;
-    title: PropTypes.Requireable<string>;
-    cron: PropTypes.Requireable<string>;
-    cancel: PropTypes.Requireable<string>;
-    ok: PropTypes.Requireable<string>;
-}>, "classes"> & import("@mui/styles").StyledComponentProps<"radio" | "headerID" | "dialogPaper"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+interface DialogCronProps {
+    onClose: () => void;
+    onOk: (cron: string) => void;
+    title?: string;
+    cron?: string;
+    cancel?: string;
+    ok?: string;
+    classes: Record<string, string>;
+}
+declare const _default: React.JSXElementConstructor<Omit<DialogCronProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;