@iobroker/adapter-react-v5 2.1.11 → 3.0.2

package/Components/CustomModal.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+
+var _i18n = _interopRequireDefault(require("../i18n"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var styles = function styles(theme) {
+  return {
+    modalWrapper: {
+      position: 'relative',
+      '[class*="MuiPaper-root MuiDialog-paper MuiPaper-elevation24 MuiDialog-paperScrollPaper MuiDialog-paperWidthXl MuiPaper-elevation24 MuiPaper-rounded"]': {
+        backgroundColor: '#f6f6f6'
+      }
+    },
+    modalDialog: {
+      minWidth: 400
+    },
+    overflowHidden: {
+      display: 'flex',
+      overflow: 'hidden'
+    },
+    titleIcon: {
+      marginRight: 5
+    },
+    content: {
+      fontSize: 16
+    }
+  };
+};
+
+var CustomModal = function CustomModal(_ref) {
+  var title = _ref.title,
+      fullWidth = _ref.fullWidth,
+      help = _ref.help,
+      maxWidth = _ref.maxWidth,
+      progress = _ref.progress,
+      icon = _ref.icon,
+      applyDisabled = _ref.applyDisabled,
+      applyButton = _ref.applyButton,
+      classes = _ref.classes,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      children = _ref.children,
+      titleButtonApply = _ref.titleButtonApply,
+      titleButtonClose = _ref.titleButtonClose,
+      onApply = _ref.onApply,
+      textInput = _ref.textInput,
+      defaultValue = _ref.defaultValue,
+      overflowHidden = _ref.overflowHidden;
+
+  var _useState = (0, _react.useState)(defaultValue),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setValue(defaultValue);
+  }, [defaultValue]);
+  var Icon = null;
+
+  if (icon) {
+    Icon = icon;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
+    open: open,
+    maxWidth: maxWidth || 'md',
+    fullWidth: !!fullWidth,
+    disableEscapeKeyDown: false,
+    onClose: onClose,
+    classes: {
+      paper: classes.modalDialog
+      /*paper: classes.background*/
+
+    },
+    className: classes.modalWrapper
+  }, title && /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, icon ? /*#__PURE__*/_react["default"].createElement(Icon, {
+    className: classes.titleIcon
+  }) : null, title), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
+    className: (0, _clsx["default"])(overflowHidden ? classes.overflowHidden : null, classes.content)
+  }, textInput && /*#__PURE__*/_react["default"].createElement(_material.TextField // className={className}
+  , {
+    autoComplete: "off",
+    fullWidth: true,
+    autoFocus: true,
+    variant: "outlined",
+    size: "medium" // rows={10}
+    ,
+    multiline: true,
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    } // customValue
+
+  }), children, help ? /*#__PURE__*/_react["default"].createElement("div", null, help) : null), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, applyButton && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+    disabled: progress || applyDisabled && defaultValue === value,
+    onClick: function onClick() {
+      return onApply(textInput ? value : '');
+    },
+    variant: "contained",
+    color: "primary"
+  }, _i18n["default"].t(titleButtonApply)), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "grey",
+    onClick: onClose,
+    disabled: progress,
+    variant: "contained",
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Close["default"], null)
+  }, _i18n["default"].t(titleButtonClose))));
+};
+
+CustomModal.defaultProps = {
+  open: false,
+  onApply: function onApply() {},
+  onClose: function onClose() {},
+  applyButton: true,
+  applyDisabled: false,
+  titleButtonClose: 'Cancel',
+  titleButtonApply: 'Ok',
+  overflowHidden: false,
+  help: ''
+};
+CustomModal.propTypes = {
+  icon: _propTypes["default"].object,
+  open: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
+  children: _propTypes["default"].any,
+  titleButtonClose: _propTypes["default"].string,
+  titleButtonApply: _propTypes["default"].string,
+  onApply: _propTypes["default"].func,
+  fullWidth: _propTypes["default"].bool,
+  maxWidth: _propTypes["default"].string,
+  help: _propTypes["default"].string
+};
+
+var _default = (0, _styles.withStyles)(styles)(CustomModal);
+
+exports["default"] = _default;
+//# sourceMappingURL=CustomModal.js.map

package/Components/CustomModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomModal.js","names":["styles","theme","modalWrapper","position","backgroundColor","modalDialog","minWidth","overflowHidden","display","overflow","titleIcon","marginRight","content","fontSize","CustomModal","title","fullWidth","help","maxWidth","progress","icon","applyDisabled","applyButton","classes","open","onClose","children","titleButtonApply","titleButtonClose","onApply","textInput","defaultValue","useState","value","setValue","useEffect","Icon","paper","clsx","e","target","i18n","t","defaultProps","propTypes","PropTypes","object","bool","func","any","string","withStyles"],"sources":["CustomModal.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\n\nimport Button from '@mui/material/Button';\nimport { Dialog, DialogActions, DialogContent, DialogTitle, TextField } from '@mui/material';\nimport { withStyles } from '@mui/styles';\n\nimport CheckIcon from '@mui/icons-material/Check';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport i18n from '../i18n';\n\nconst styles = theme => ({\n    modalWrapper: {\n        position: 'relative',\n        '[class*=\"MuiPaper-root MuiDialog-paper MuiPaper-elevation24 MuiDialog-paperScrollPaper MuiDialog-paperWidthXl MuiPaper-elevation24 MuiPaper-rounded\"]': {\n            backgroundColor: '#f6f6f6'\n        }\n    },\n    modalDialog: {\n        minWidth: 400\n    },\n    overflowHidden: {\n        display: 'flex',\n        overflow: 'hidden'\n    },\n    titleIcon: {\n        marginRight: 5,\n    },\n    content: {\n        fontSize: 16\n    },\n});\n\nconst CustomModal = ({ title, fullWidth, help, maxWidth, progress, icon, applyDisabled, applyButton, classes, open, onClose, children, titleButtonApply, titleButtonClose, onApply, textInput, defaultValue, overflowHidden }) => {\n    const [value, setValue] = useState(defaultValue);\n    useEffect(() => {\n        setValue(defaultValue);\n    }, [defaultValue]);\n\n    let Icon = null;\n\n    if (icon) {\n        Icon = icon;\n    }\n\n    return <Dialog\n        open={open}\n        maxWidth={maxWidth || 'md'}\n        fullWidth={!!fullWidth}\n        disableEscapeKeyDown={false}\n        onClose={onClose}\n        classes={{ paper: classes.modalDialog, /*paper: classes.background*/ }}\n        className={classes.modalWrapper}\n    >\n        {title && <DialogTitle>{icon ? <Icon className={classes.titleIcon}/> : null}{title}</DialogTitle>}\n        <DialogContent className={clsx(overflowHidden ? classes.overflowHidden : null, classes.content)}>\n            {textInput && <TextField\n                // className={className}\n                autoComplete=\"off\"\n                fullWidth\n                autoFocus\n                variant=\"outlined\"\n                size=\"medium\"\n                // rows={10}\n                multiline\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                // customValue\n            />}\n            {children}\n            {help ? <div>{help}</div> : null}\n        </DialogContent>\n        <DialogActions>\n            {applyButton && <Button\n                startIcon={<CheckIcon/>}\n                disabled={progress || (applyDisabled && defaultValue === value)}\n                onClick={() => onApply(textInput ? value : '')}\n                variant=\"contained\"\n                color=\"primary\"\n            >\n                {i18n.t(titleButtonApply)}\n            </Button>}\n            <Button\n                color=\"grey\"\n                onClick={onClose}\n                disabled={progress}\n                variant=\"contained\"\n                startIcon={<CloseIcon/>}\n            >\n                {i18n.t(titleButtonClose)}\n            </Button>\n        </DialogActions>\n    </Dialog>;\n}\n\nCustomModal.defaultProps = {\n    open: false,\n    onApply: () => { },\n    onClose: () => { },\n    applyButton: true,\n    applyDisabled: false,\n    titleButtonClose: 'Cancel',\n    titleButtonApply: 'Ok',\n    overflowHidden: false,\n    help: ''\n};\n\nCustomModal.propTypes = {\n    icon: PropTypes.object,\n    open: PropTypes.bool,\n    onClose: PropTypes.func,\n    children: PropTypes.any,\n    titleButtonClose: PropTypes.string,\n    titleButtonApply: PropTypes.string,\n    onApply: PropTypes.func,\n    fullWidth: PropTypes.bool,\n    maxWidth: PropTypes.string,\n    help: PropTypes.string,\n};\n\nexport default withStyles(styles)(CustomModal);\n"],"mappings":"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"}