@iobroker/adapter-react-v5 3.1.4 → 3.1.7

package/Components/JsonConfigComponent/ConfigFile.js

@@ -0,0 +1,183 @@
+"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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+
+var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
+
+var _FileSelect = _interopRequireDefault(require("../../Dialogs/FileSelect"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+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; } }
+
+var styles = function styles(theme) {
+  return {
+    fullWidth: {
+      width: '100%'
+    },
+    fullWidthOneButton: {
+      width: 'calc(100% - 65px)'
+    }
+  };
+};
+
+var IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp'];
+var AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];
+var VIDEO_EXT = ['avi', 'mp4', 'mov'];
+var DOC_EXT = ['txt', 'log', 'html', 'htm'];
+var JS_EXT = ['json', 'js', 'ts'];
+
+var ConfigFile = /*#__PURE__*/function (_ConfigGeneric) {
+  (0, _inherits2["default"])(ConfigFile, _ConfigGeneric);
+
+  var _super = _createSuper(ConfigFile);
+
+  function ConfigFile() {
+    (0, _classCallCheck2["default"])(this, ConfigFile);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(ConfigFile, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigFile.prototype), "componentDidMount", this).call(this);
+
+      var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
+
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "renderFileBrowser",
+    value: function renderFileBrowser() {
+      var _this = this;
+
+      if (!this.state.showFileBrowser) {
+        return null;
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(_FileSelect["default"], {
+          imagePrefix: this.props.imagePrefix,
+          socket: this.props.socket,
+          selected: this.state.value,
+          onClose: function onClose() {
+            return _this.setState({
+              showFileBrowser: false
+            });
+          },
+          onOk: function onOk(value) {
+            _this.setState({
+              value: value
+            }, function () {
+              return _this.onChange(_this.props.attr, _this.props.schema.trim === false ? value : (value || '').trim());
+            });
+          },
+          selectOnlyFolders: this.props.schema.selectOnlyFolders,
+          allowUpload: this.props.schema.allowUpload,
+          allowDownload: this.props.schema.allowDownload,
+          allowCreateFolder: this.props.schema.allowCreateFolder,
+          allowView: this.props.schema.allowView,
+          showToolbar: this.props.schema.showToolbar,
+          limitPath: this.props.schema.limitPath
+        });
+      }
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(error, disabled, defaultValue) {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: this.props.classes.fullWidth
+      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        variant: "standard",
+        className: this.props.classes.fullWidthOneButton,
+        value: this.state.value === null || this.state.value === undefined ? '' : this.state.value,
+        error: !!error,
+        disabled: !!disabled,
+        inputProps: {
+          maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,
+          readOnly: !!this.props.schema.disableEdit
+        },
+        onChange: function onChange(e) {
+          var value = e.target.value;
+
+          _this2.setState({
+            value: value
+          }, function () {
+            return _this2.onChange(_this2.props.attr, _this2.props.schema.trim === false ? value : (value || '').trim());
+          });
+        },
+        placeholder: this.getText(this.props.schema.placeholder),
+        label: this.getText(this.props.schema.label),
+        helperText: this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)
+      }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "outlined",
+        onClick: function onClick() {
+          return _this2.setState({
+            showFileBrowser: true
+          });
+        }
+      }, "..."), this.renderFileBrowser());
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var value = _ConfigGeneric2["default"].getValue(props.data, props.attr);
+
+      if (value === null || value === undefined || value.toString().trim() !== (state.value || '').toString().trim()) {
+        return {
+          value: value
+        };
+      } else {
+        return null;
+      }
+    }
+  }]);
+  return ConfigFile;
+}(_ConfigGeneric2["default"]);
+
+ConfigFile.propTypes = {
+  socket: _propTypes["default"].object.isRequired,
+  themeType: _propTypes["default"].string,
+  themeName: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  data: _propTypes["default"].object.isRequired,
+  schema: _propTypes["default"].object,
+  onError: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  imagePrefix: _propTypes["default"].func
+};
+
+var _default = (0, _styles.withStyles)(styles)(ConfigFile);
+
+exports["default"] = _default;
+//# sourceMappingURL=ConfigFile.js.map

package/Components/JsonConfigComponent/ConfigFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFile.js","names":["styles","theme","fullWidth","width","fullWidthOneButton","IMAGE_EXT","AUDIO_EXT","VIDEO_EXT","DOC_EXT","JS_EXT","ConfigFile","value","ConfigGeneric","getValue","props","data","attr","setState","state","showFileBrowser","imagePrefix","socket","onChange","schema","trim","selectOnlyFolders","allowUpload","allowDownload","allowCreateFolder","allowView","showToolbar","limitPath","error","disabled","defaultValue","classes","undefined","maxLength","max","readOnly","disableEdit","e","target","getText","placeholder","label","renderHelp","help","helpLink","noTranslation","renderFileBrowser","toString","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigFile.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport FileSelectDialog from '../../Dialogs/FileSelect';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    fullWidthOneButton: {\n        width: 'calc(100% - 65px)'\n    },\n\n});\n\nconst IMAGE_EXT = ['jpg', 'jpeg', 'svg', 'png', 'webp'];\nconst AUDIO_EXT = ['mp3', 'ogg', 'wav', 'aac'];\nconst VIDEO_EXT = ['avi', 'mp4', 'mov'];\nconst DOC_EXT = ['txt', 'log', 'html', 'htm'];\nconst JS_EXT = ['json', 'js', 'ts'];\n\nclass ConfigFile extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n        this.setState({ value });\n    }\n\n    static getDerivedStateFromProps(props, state) {\n        const value = ConfigGeneric.getValue(props.data, props.attr);\n        if (value === null || value === undefined || value.toString().trim() !== (state.value ||  '').toString().trim()) {\n            return { value };\n        } else {\n            return null;\n        }\n    }\n\n    renderFileBrowser() {\n        if (!this.state.showFileBrowser) {\n            return null;\n        } else {\n            return <FileSelectDialog\n                imagePrefix={this.props.imagePrefix}\n                socket={this.props.socket}\n                selected={this.state.value}\n                onClose={() => this.setState({ showFileBrowser: false})}\n                onOk={value => {\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                selectOnlyFolders={this.props.schema.selectOnlyFolders}\n                allowUpload={this.props.schema.allowUpload}\n                allowDownload={this.props.schema.allowDownload}\n                allowCreateFolder={this.props.schema.allowCreateFolder}\n                allowView={this.props.schema.allowView}\n                showToolbar={this.props.schema.showToolbar}\n                limitPath={this.props.schema.limitPath}\n            />;\n        }\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        return <div className={this.props.classes.fullWidth}>\n            <TextField\n                variant=\"standard\"\n                className={this.props.classes.fullWidthOneButton}\n                value={this.state.value === null || this.state.value === undefined ? '' : this.state.value}\n                error={!!error}\n                disabled={!!disabled}\n                inputProps={{\n                    maxLength: this.props.schema.maxLength || this.props.schema.max || undefined,\n                    readOnly: !!this.props.schema.disableEdit\n                }}\n                onChange={e => {\n                    const value = e.target.value;\n                    this.setState({ value }, () =>\n                        this.onChange(this.props.attr, this.props.schema.trim === false ? value : (value || '').trim()));\n                }}\n                placeholder={this.getText(this.props.schema.placeholder)}\n                label={this.getText(this.props.schema.label)}\n                helperText={this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}\n            />\n            <Button variant=\"outlined\" onClick={() => this.setState({ showFileBrowser: true })}>...</Button>\n            {this.renderFileBrowser()}\n        </div>;\n    }\n}\n\nConfigFile.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    imagePrefix: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigFile);"],"mappings":"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"}