@iobroker/adapter-react-v5 0.0.2

package/Dialogs/SimpleCron.js

@@ -0,0 +1,177 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
+
+var _SimpleCron = _interopRequireDefault(require("../Components/SimpleCron"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+// Generate cron expression
+var styles = function styles(theme) {
+  return {
+    headerID: {
+      fontWeight: 'bold',
+      fontStyle: 'italic'
+    },
+    radio: {
+      display: 'inline-block'
+    },
+    dialogPaper: {
+      height: 'calc(100% - 96px)'
+    }
+  };
+};
+
+var DialogSimpleCron = /*#__PURE__*/function (_React$Component) {
+  _inherits(DialogSimpleCron, _React$Component);
+
+  var _super = _createSuper(DialogSimpleCron);
+
+  function DialogSimpleCron(props) {
+    var _this;
+
+    _classCallCheck(this, DialogSimpleCron);
+
+    _this = _super.call(this, 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?$/, '');
+      }
+    }
+
+    _this.state = {
+      cron: cron
+    };
+    return _this;
+  }
+
+  _createClass(DialogSimpleCron, [{
+    key: "handleCancel",
+    value: function handleCancel() {
+      this.props.onClose();
+    }
+  }, {
+    key: "handleOk",
+    value: function handleOk() {
+      this.props.onOk(this.state.cron);
+      this.props.onClose();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        onClose: function onClose() {},
+        maxWidth: "md",
+        fullWidth: true,
+        classes: {
+          paper: this.props.classes.dialogPaper
+        },
+        open: true,
+        "aria-labelledby": "cron-dialog-title"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "cron-dialog-title"
+      }, this.props.title || _i18n["default"].t('ra_Define CRON...')), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
+        style: {
+          height: '100%',
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_SimpleCron["default"], {
+        cronExpression: this.state.cron,
+        onChange: function onChange(cron) {
+          return _this2.setState({
+            cron: cron
+          });
+        },
+        language: _i18n["default"].getLanguage()
+      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.handleOk();
+        },
+        color: "primary",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null)
+      }, this.props.ok || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.handleCancel();
+        },
+        color: "grey",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Cancel["default"], null)
+      }, this.props.cancel || _i18n["default"].t('ra_Cancel'))));
+    }
+  }]);
+
+  return DialogSimpleCron;
+}(_react["default"].Component);
+
+DialogSimpleCron.propTypes = {
+  classes: _propTypes["default"].object,
+  onClose: _propTypes["default"].func,
+  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,
+  language: _propTypes["default"].string
+};
+
+var _default = (0, _withStyles["default"])(styles)(DialogSimpleCron);
+
+exports["default"] = _default;
+//# sourceMappingURL=SimpleCron.js.map

package/Dialogs/SimpleCron.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SimpleCron.js"],"names":["styles","theme","headerID","fontWeight","fontStyle","radio","display","dialogPaper","height","DialogSimpleCron","props","cron","replace","trim","state","onClose","onOk","paper","classes","title","I18n","t","overflow","setState","getLanguage","handleOk","ok","handleCancel","cancel","React","Component","propTypes","PropTypes","object","func","isRequired","string","simple","bool","language"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\nimport Button from '@mui/material/Button';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport Dialog from '@mui/material/Dialog';\n\nimport IconOk from '@mui/icons-material/Check';\nimport IconCancel from '@mui/icons-material/Cancel';\n\nimport SimpleCron from '../Components/SimpleCron';\n\nimport I18n from '../i18n';\n\n// Generate cron expression\n\nconst styles = theme => ({\n    headerID: {\n        fontWeight: 'bold',\n        fontStyle: 'italic'\n    },\n    radio: {\n        display: 'inline-block'\n    },\n    dialogPaper: {\n        height: 'calc(100% - 96px)'\n    },\n});\n\nclass DialogSimpleCron extends React.Component {\n    constructor(props) {\n        super(props);\n\n        let cron;\n        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^[\"']/, '')[0] !== '{') {\n            cron = this.props.cron.replace(/['\"]/g, '').trim();\n        } else {\n            cron = this.props.cron || '{}';\n            if (typeof cron === 'string') {\n                cron = cron.replace(/^[\"']/, '').replace(/[\"']\\n?$/, '');\n            }\n        }\n\n        this.state =  {\n            cron,\n        };\n    }\n\n    handleCancel() {\n        this.props.onClose();\n    }\n\n    handleOk() {\n        this.props.onOk(this.state.cron);\n        this.props.onClose();\n    }\n\n    render() {\n        return <Dialog\n            onClose={() => {}}\n            maxWidth=\"md\"\n            fullWidth={true}\n            classes={{paper: this.props.classes.dialogPaper}}\n            open={true}\n            aria-labelledby=\"cron-dialog-title\"\n        >\n            <DialogTitle id=\"cron-dialog-title\">{this.props.title || I18n.t('ra_Define CRON...')}</DialogTitle>\n            <DialogContent style={{height: '100%', overflow: 'hidden'}}>\n                <SimpleCron\n                    cronExpression={this.state.cron}\n                    onChange={cron => this.setState({cron})}\n                    language={I18n.getLanguage()}\n                />\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" onClick={() => this.handleOk()} color=\"primary\" startIcon={<IconOk />}>{this.props.ok || I18n.t('ra_Ok')}</Button>\n                <Button variant=\"contained\" onClick={() => this.handleCancel()} color=\"grey\" startIcon={<IconCancel />}>{this.props.cancel || I18n.t('ra_Cancel')}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nDialogSimpleCron.propTypes = {\n    classes: PropTypes.object,\n    onClose: PropTypes.func,\n    onOk: PropTypes.func.isRequired,\n    title: PropTypes.string,\n    cron: PropTypes.string,\n    cancel: PropTypes.string,\n    ok: PropTypes.string,\n    simple: PropTypes.bool,\n    language: PropTypes.string\n\n};\n\nexport default withStyles(styles)(DialogSimpleCron);\n"],"file":"SimpleCron.js"}

package/Dialogs/TextInput.js

@@ -0,0 +1,194 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+// FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
+var withWidth = function withWidth() {
+  return function (WrappedComponent) {
+    return function (props) {
+      return /*#__PURE__*/_react["default"].createElement(WrappedComponent, _extends({}, props, {
+        width: "xs"
+      }));
+    };
+  };
+};
+
+var styles = {};
+/**
+ * @typedef {object} TextInputProps
+ * @property {string} [key] The key to identify this component.
+ * @property {(text: string | null) => void} onClose The dialog close callback.
+ * @property {string} titleText The title text.
+ * @property {string} [promptText] Prompt text (default: empty).
+ * @property {string} [labelText] Label text (default: empty).
+ * @property {string} cancelText The text of the cancel button.
+ * @property {string} applyText The text of the apply button.
+ * @property {(text: string) => string} [verify] The verification callback. Return a non-empty string if there was an error.
+ * @property {(text: string) => string} [rule] The text replacement callback.
+ * @property {'text' | 'number' | 'password' | 'email'} [type] The type of the textbox (default: text).
+ * @property {string} [input] The input when opening the dialog.
+ *
+ * @extends {React.Component<TextInputProps>}
+ */
+
+var TextInput = /*#__PURE__*/function (_React$Component) {
+  _inherits(TextInput, _React$Component);
+
+  var _super = _createSuper(TextInput);
+
+  /**
+   * @param {Readonly<TextInputProps>} props
+   */
+  function TextInput(props) {
+    var _this;
+
+    _classCallCheck(this, TextInput);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      text: _this.props.input || '',
+      error: ''
+    };
+    return _this;
+  }
+
+  _createClass(TextInput, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        onClose: function onClose() {
+          return _this2.props.onClose(null);
+        },
+        "aria-labelledby": "form-dialog-title"
+      }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+        id: "form-dialog-title"
+      }, this.props.titleText), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, this.props.promptText), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        variant: "standard",
+        autoFocus: true,
+        margin: "dense",
+        error: !!this.state.error,
+        title: this.state.error,
+        value: this.state.text,
+        label: this.props.labelText || '',
+        type: this.props.type || 'text',
+        onKeyPress: function onKeyPress(e) {
+          return e.charCode === 13 && _this2.state.text && _this2.props.onClose(_this2.state.text);
+        },
+        onChange: function onChange(e) {
+          var error = '';
+
+          if (_this2.props.verify) {
+            error = !_this2.props.verify(e.target.value);
+          }
+
+          if (_this2.props.rule) {
+            _this2.setState({
+              text: _this2.props.rule(e.target.value),
+              error: error
+            });
+          } else {
+            _this2.setState({
+              text: e.target.value,
+              error: error
+            });
+          }
+        },
+        fullWidth: true
+      })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "contained",
+        disabled: !this.state.text || this.state.error,
+        onClick: function onClick() {
+          return _this2.props.onClose(_this2.state.text);
+        },
+        color: "primary",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null)
+      }, this.props.applyText), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        color: "grey",
+        variant: "contained",
+        onClick: function onClick() {
+          return _this2.props.onClose(null);
+        },
+        startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
+      }, this.props.cancelText)));
+    }
+  }]);
+
+  return TextInput;
+}(_react["default"].Component);
+
+TextInput.propTypes = {
+  onClose: _propTypes["default"].func.isRequired,
+  titleText: _propTypes["default"].string.isRequired,
+  promptText: _propTypes["default"].string,
+  labelText: _propTypes["default"].string,
+  cancelText: _propTypes["default"].string.isRequired,
+  applyText: _propTypes["default"].string.isRequired,
+  verify: _propTypes["default"].func,
+  replace: _propTypes["default"].func,
+  type: _propTypes["default"].string,
+  // text, number, password, email
+  input: _propTypes["default"].string
+};
+/** @type {typeof TextInput} */
+
+var _export = withWidth()((0, _withStyles["default"])(styles)(TextInput));
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=TextInput.js.map

package/Dialogs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextInput.js"],"names":["withWidth","WrappedComponent","props","styles","TextInput","state","text","input","error","onClose","titleText","promptText","labelText","type","e","charCode","verify","target","value","rule","setState","applyText","cancelText","React","Component","propTypes","PropTypes","func","isRequired","string","replace","_export"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\n\nimport IconClose from '@mui/icons-material/Close';\nimport IconCheck from '@mui/icons-material/Check';\n\n// FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth\nconst withWidth = () => (WrappedComponent) => (props) => <WrappedComponent {...props} width=\"xs\" />;\n\nconst styles = {\n\n};\n\n/**\n * @typedef {object} TextInputProps\n * @property {string} [key] The key to identify this component.\n * @property {(text: string | null) => void} onClose The dialog close callback.\n * @property {string} titleText The title text.\n * @property {string} [promptText] Prompt text (default: empty).\n * @property {string} [labelText] Label text (default: empty).\n * @property {string} cancelText The text of the cancel button.\n * @property {string} applyText The text of the apply button.\n * @property {(text: string) => string} [verify] The verification callback. Return a non-empty string if there was an error.\n * @property {(text: string) => string} [rule] The text replacement callback.\n * @property {'text' | 'number' | 'password' | 'email'} [type] The type of the textbox (default: text).\n * @property {string} [input] The input when opening the dialog.\n *\n * @extends {React.Component<TextInputProps>}\n */\nclass TextInput extends React.Component {\n    /**\n     * @param {Readonly<TextInputProps>} props\n     */\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            text: this.props.input || '',\n            error: ''\n        }\n    }\n    render() {\n        return <Dialog open={true} onClose={() => this.props.onClose(null)} aria-labelledby=\"form-dialog-title\">\n            <DialogTitle id=\"form-dialog-title\">{this.props.titleText}</DialogTitle>\n            <DialogContent>\n                <DialogContentText>\n                    {this.props.promptText}\n                </DialogContentText>\n                <TextField\n                    variant=\"standard\" \n                    autoFocus\n                    margin=\"dense\"\n                    error={!!this.state.error}\n                    title={this.state.error}\n                    value={this.state.text}\n                    label={this.props.labelText || ''}\n                    type={this.props.type || 'text'}\n                    onKeyPress={e => e.charCode === 13 && this.state.text && this.props.onClose(this.state.text)}\n                    onChange={e => {\n                        let error = '';\n                        if (this.props.verify) {\n                            error = !this.props.verify(e.target.value);\n                        }\n\n                        if (this.props.rule) {\n                            this.setState({text: this.props.rule(e.target.value), error});\n                        } else {\n                            this.setState({text: e.target.value, error});\n                        }\n                    }}\n                    fullWidth\n                />\n            </DialogContent>\n            <DialogActions>\n                <Button variant=\"contained\" disabled={!this.state.text || this.state.error} onClick={() => this.props.onClose(this.state.text)}\n                        color=\"primary\" startIcon={<IconCheck />}>{this.props.applyText}</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={() => this.props.onClose(null)} startIcon={<IconClose />}>{this.props.cancelText}</Button>\n            </DialogActions>\n        </Dialog>;\n    }\n}\n\nTextInput.propTypes = {\n    onClose: PropTypes.func.isRequired,\n    titleText: PropTypes.string.isRequired,\n    promptText: PropTypes.string,\n    labelText: PropTypes.string,\n    cancelText: PropTypes.string.isRequired,\n    applyText: PropTypes.string.isRequired,\n    verify: PropTypes.func,\n    replace: PropTypes.func,\n    type: PropTypes.string, // text, number, password, email\n    input: PropTypes.string,\n};\n\n/** @type {typeof TextInput} */\nconst _export = withWidth()(withStyles(styles)(TextInput));\nexport default _export;"],"file":"TextInput.js"}