@iobroker/adapter-react-v5 3.0.12 → 3.0.15

package/Components/Loaders/Vendor.js

@@ -23,12 +23,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 
-require("./Vendor.css");
-
 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; } }
 
+// import './Vendor.css'
+var vendorStyles = "\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n";
 /**
  * @typedef {object} LoaderVendorProps
  * @property {string} [key] The key to identify this component.
@@ -38,6 +38,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  *
  * @extends {React.Component<LoaderVendorProps>}
  */
+
 var LoaderVendor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(LoaderVendor, _React$Component);
 
@@ -52,6 +53,14 @@ var LoaderVendor = /*#__PURE__*/function (_React$Component) {
     (0, _classCallCheck2["default"])(this, LoaderVendor);
     _this = _super.call(this, props);
     _this.size = _this.props.size || 200;
+
+    if (!window.document.getElementById('vendor-iobroker-component')) {
+      var style = window.document.createElement('style');
+      style.setAttribute('id', 'vendor-iobroker-component');
+      style.innerHTML = vendorStyles;
+      window.document.head.appendChild(style);
+    }
+
     return _this;
   }
 

package/Components/Loaders/Vendor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vendor.js","names":["LoaderVendor","props","size","theme","themeType","display","flexDirection","height","width","margin","flexGrow","React","Component","propTypes","PropTypes","number","string","_export"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport './Vendor.css'\n\n/**\n * @typedef {object} LoaderVendorProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'vendor-logo-back logo-background-' + theme} style={{\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            width: '10%',\n            margin: 'auto'\n        }}>\n            <div style={{flexGrow: 1}}/>\n            <CircularProgress color=\"secondary\" size={200} thickness={5}/>\n            <div style={{flexGrow: 1}}/>\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,Y;;;;;EACF;AACJ;AACA;EACI,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IACA,MAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;IAFe;EAGlB;;;;WAED,kBAAS;MACL,IAAMC,KAAK,GAAG,KAAKF,KAAL,CAAWG,SAAX,IAAwB,KAAKH,KAAL,CAAWE,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,sCAAsCA,KAAtD;QAA6D,KAAK,EAAE;UACvEE,OAAO,EAAE,MAD8D;UAEvEC,aAAa,EAAE,QAFwD;UAGvEC,MAAM,EAAE,MAH+D;UAIvEC,KAAK,EAAE,KAJgE;UAKvEC,MAAM,EAAE;QAL+D;MAApE,gBAOH;QAAK,KAAK,EAAE;UAACC,QAAQ,EAAE;QAAX;MAAZ,EAPG,eAQH,gCAAC,4BAAD;QAAkB,KAAK,EAAC,WAAxB;QAAoC,IAAI,EAAE,GAA1C;QAA+C,SAAS,EAAE;MAA1D,EARG,eASH;QAAK,KAAK,EAAE;UAACA,QAAQ,EAAE;QAAX;MAAZ,EATG,CAAP;IAWH;;;EAtBsBC,iBAAA,CAAMC,S;;AAyBjCZ,YAAY,CAACa,SAAb,GAAyB;EACrBX,IAAI,EAAEY,qBAAA,CAAUC,MADK;EAErBX,SAAS,EAAEU,qBAAA,CAAUE;AAFA,CAAzB;AAKA;;AACA,IAAMC,OAAO,GAAGjB,YAAhB;eACeiB,O"}
+{"version":3,"file":"Vendor.js","names":["vendorStyles","LoaderVendor","props","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","theme","themeType","display","flexDirection","height","width","margin","flexGrow","React","Component","propTypes","PropTypes","number","string","_export"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\n// import './Vendor.css'\nconst vendorStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n`;\n\n/**\n * @typedef {object} LoaderVendorProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('vendor-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'vendor-iobroker-component');\n            style.innerHTML = vendorStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'vendor-logo-back logo-background-' + theme} style={{\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            width: '10%',\n            margin: 'auto'\n        }}>\n            <div style={{flexGrow: 1}}/>\n            <CircularProgress color=\"secondary\" size={200} thickness={5}/>\n            <div style={{flexGrow: 1}}/>\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;AACA;;;;;;AACA;AACA,IAAMA,YAAY,iKAAlB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,Y;;;;;EACF;AACJ;AACA;EACI,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IACA,MAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;;IAEA,IAAI,CAACC,MAAM,CAACC,QAAP,CAAgBC,cAAhB,CAA+B,2BAA/B,CAAL,EAAkE;MAC9D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAP,CAAgBG,aAAhB,CAA8B,OAA9B,CAAd;MACAD,KAAK,CAACE,YAAN,CAAmB,IAAnB,EAAyB,2BAAzB;MACAF,KAAK,CAACG,SAAN,GAAkBV,YAAlB;MACAI,MAAM,CAACC,QAAP,CAAgBM,IAAhB,CAAqBC,WAArB,CAAiCL,KAAjC;IACH;;IATc;EAUlB;;;;WAED,kBAAS;MACL,IAAMM,KAAK,GAAG,KAAKX,KAAL,CAAWY,SAAX,IAAwB,KAAKZ,KAAL,CAAWW,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,sCAAsCA,KAAtD;QAA6D,KAAK,EAAE;UACvEE,OAAO,EAAE,MAD8D;UAEvEC,aAAa,EAAE,QAFwD;UAGvEC,MAAM,EAAE,MAH+D;UAIvEC,KAAK,EAAE,KAJgE;UAKvEC,MAAM,EAAE;QAL+D;MAApE,gBAOH;QAAK,KAAK,EAAE;UAACC,QAAQ,EAAE;QAAX;MAAZ,EAPG,eAQH,gCAAC,4BAAD;QAAkB,KAAK,EAAC,WAAxB;QAAoC,IAAI,EAAE,GAA1C;QAA+C,SAAS,EAAE;MAA1D,EARG,eASH;QAAK,KAAK,EAAE;UAACA,QAAQ,EAAE;QAAX;MAAZ,EATG,CAAP;IAWH;;;EA7BsBC,iBAAA,CAAMC,S;;AAgCjCrB,YAAY,CAACsB,SAAb,GAAyB;EACrBpB,IAAI,EAAEqB,qBAAA,CAAUC,MADK;EAErBX,SAAS,EAAEU,qBAAA,CAAUE;AAFA,CAAzB;AAKA;;AACA,IAAMC,OAAO,GAAG1B,YAAhB;eACe0B,O"}

package/Dialogs/TextInput.js

@@ -17,8 +17,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -43,20 +41,12 @@ var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 
+var _withWidth = _interopRequireDefault(require("../Components/withWidth"));
+
 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; } }
 
-// 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, (0, _extends2["default"])({}, props, {
-        width: "xs"
-      }));
-    };
-  };
-};
 /**
  * @typedef {object} TextInputProps
  * @property {string} [key] The key to identify this component.
@@ -73,8 +63,6 @@ var withWidth = function withWidth() {
  *
  * @extends {React.Component<TextInputProps>}
  */
-
-
 var TextInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(TextInput, _React$Component);
 
@@ -177,7 +165,7 @@ TextInput.propTypes = {
 };
 /** @type {typeof TextInput} */
 
-var _export = withWidth()(TextInput);
+var _export = (0, _withWidth["default"])()(TextInput);
 
 var _default = _export;
 exports["default"] = _default;

package/Dialogs/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["withWidth","WrappedComponent","props","TextInput","state","text","input","value","error","onClose","titleText","promptText","labelText","type","e","charCode","verify","target","rule","setState","applyText","I18n","t","cancelText","React","Component","propTypes","PropTypes","func","isRequired","string","replace","_export"],"sources":["TextInput.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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 I18n from '../i18n';\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\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 || this.props.value || '', // input is deprectaed\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 || I18n.t('ra_Ok')}</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={() => this.props.onClose(null)} startIcon={<IconClose />}>{this.props.cancelText || I18n.t('ra_Cancel')}</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,\n    applyText: PropTypes.string,\n    verify: PropTypes.func,\n    replace: PropTypes.func,\n    type: PropTypes.string, // text, number, password, email\n    value: PropTypes.string,\n};\n\n/** @type {typeof TextInput} */\nconst _export = withWidth()(TextInput);\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;;;;;AAEA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,OAAM,UAAAC,gBAAgB;IAAA,OAAI,UAAAC,KAAK;MAAA,oBAAI,gCAAC,gBAAD,gCAAsBA,KAAtB;QAA6B,KAAK,EAAC;MAAnC,GAAJ;IAAA,CAAT;EAAA,CAAtB;AAAA,CAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IACMC,S;;;;;EACF;AACJ;AACA;EACI,mBAAYD,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IAEA,MAAKE,KAAL,GAAa;MACTC,IAAI,EAAE,MAAKH,KAAL,CAAWI,KAAX,IAAoB,MAAKJ,KAAL,CAAWK,KAA/B,IAAwC,EADrC;MACyC;MAClDC,KAAK,EAAE;IAFE,CAAb;IAHe;EAOlB;;;;WACD,kBAAS;MAAA;;MACL,oBAAO,gCAAC,kBAAD;QAAQ,IAAI,EAAE,IAAd;QAAoB,OAAO,EAAE;UAAA,OAAM,MAAI,CAACN,KAAL,CAAWO,OAAX,CAAmB,IAAnB,CAAN;QAAA,CAA7B;QAA6D,mBAAgB;MAA7E,gBACH,gCAAC,uBAAD;QAAa,EAAE,EAAC;MAAhB,GAAqC,KAAKP,KAAL,CAAWQ,SAAhD,CADG,eAEH,gCAAC,yBAAD,qBACI,gCAAC,6BAAD,QACK,KAAKR,KAAL,CAAWS,UADhB,CADJ,eAII,gCAAC,qBAAD;QACI,OAAO,EAAC,UADZ;QAEI,SAAS,MAFb;QAGI,MAAM,EAAC,OAHX;QAII,KAAK,EAAE,CAAC,CAAC,KAAKP,KAAL,CAAWI,KAJxB;QAKI,KAAK,EAAE,KAAKJ,KAAL,CAAWI,KALtB;QAMI,KAAK,EAAE,KAAKJ,KAAL,CAAWC,IANtB;QAOI,KAAK,EAAE,KAAKH,KAAL,CAAWU,SAAX,IAAwB,EAPnC;QAQI,IAAI,EAAE,KAAKV,KAAL,CAAWW,IAAX,IAAmB,MAR7B;QASI,UAAU,EAAE,oBAAAC,CAAC;UAAA,OAAIA,CAAC,CAACC,QAAF,KAAe,EAAf,IAAqB,MAAI,CAACX,KAAL,CAAWC,IAAhC,IAAwC,MAAI,CAACH,KAAL,CAAWO,OAAX,CAAmB,MAAI,CAACL,KAAL,CAAWC,IAA9B,CAA5C;QAAA,CATjB;QAUI,QAAQ,EAAE,kBAAAS,CAAC,EAAI;UACX,IAAIN,KAAK,GAAG,EAAZ;;UACA,IAAI,MAAI,CAACN,KAAL,CAAWc,MAAf,EAAuB;YACnBR,KAAK,GAAG,CAAC,MAAI,CAACN,KAAL,CAAWc,MAAX,CAAkBF,CAAC,CAACG,MAAF,CAASV,KAA3B,CAAT;UACH;;UAED,IAAI,MAAI,CAACL,KAAL,CAAWgB,IAAf,EAAqB;YACjB,MAAI,CAACC,QAAL,CAAc;cAACd,IAAI,EAAE,MAAI,CAACH,KAAL,CAAWgB,IAAX,CAAgBJ,CAAC,CAACG,MAAF,CAASV,KAAzB,CAAP;cAAwCC,KAAK,EAALA;YAAxC,CAAd;UACH,CAFD,MAEO;YACH,MAAI,CAACW,QAAL,CAAc;cAACd,IAAI,EAAES,CAAC,CAACG,MAAF,CAASV,KAAhB;cAAuBC,KAAK,EAALA;YAAvB,CAAd;UACH;QACJ,CArBL;QAsBI,SAAS;MAtBb,EAJJ,CAFG,eA+BH,gCAAC,yBAAD,qBACI,gCAAC,kBAAD;QAAQ,OAAO,EAAC,WAAhB;QAA4B,QAAQ,EAAE,CAAC,KAAKJ,KAAL,CAAWC,IAAZ,IAAoB,KAAKD,KAAL,CAAWI,KAArE;QAA4E,OAAO,EAAE;UAAA,OAAM,MAAI,CAACN,KAAL,CAAWO,OAAX,CAAmB,MAAI,CAACL,KAAL,CAAWC,IAA9B,CAAN;QAAA,CAArF;QACQ,KAAK,EAAC,SADd;QACwB,SAAS,eAAE,gCAAC,iBAAD;MADnC,GACmD,KAAKH,KAAL,CAAWkB,SAAX,IAAwBC,gBAAA,CAAKC,CAAL,CAAO,OAAP,CAD3E,CADJ,eAGI,gCAAC,kBAAD;QAAQ,KAAK,EAAC,MAAd;QAAqB,OAAO,EAAC,WAA7B;QAAyC,OAAO,EAAE;UAAA,OAAM,MAAI,CAACpB,KAAL,CAAWO,OAAX,CAAmB,IAAnB,CAAN;QAAA,CAAlD;QAAkF,SAAS,eAAE,gCAAC,iBAAD;MAA7F,GAA6G,KAAKP,KAAL,CAAWqB,UAAX,IAAyBF,gBAAA,CAAKC,CAAL,CAAO,WAAP,CAAtI,CAHJ,CA/BG,CAAP;IAqCH;;;EAlDmBE,iBAAA,CAAMC,S;;AAqD9BtB,SAAS,CAACuB,SAAV,GAAsB;EAClBjB,OAAO,EAAEkB,qBAAA,CAAUC,IAAV,CAAeC,UADN;EAElBnB,SAAS,EAAEiB,qBAAA,CAAUG,MAAV,CAAiBD,UAFV;EAGlBlB,UAAU,EAAEgB,qBAAA,CAAUG,MAHJ;EAIlBlB,SAAS,EAAEe,qBAAA,CAAUG,MAJH;EAKlBP,UAAU,EAAEI,qBAAA,CAAUG,MALJ;EAMlBV,SAAS,EAAEO,qBAAA,CAAUG,MANH;EAOlBd,MAAM,EAAEW,qBAAA,CAAUC,IAPA;EAQlBG,OAAO,EAAEJ,qBAAA,CAAUC,IARD;EASlBf,IAAI,EAAEc,qBAAA,CAAUG,MATE;EASM;EACxBvB,KAAK,EAAEoB,qBAAA,CAAUG;AAVC,CAAtB;AAaA;;AACA,IAAME,OAAO,GAAGhC,SAAS,GAAGG,SAAH,CAAzB;;eACe6B,O"}
+{"version":3,"file":"TextInput.js","names":["TextInput","props","state","text","input","value","error","onClose","titleText","promptText","labelText","type","e","charCode","verify","target","rule","setState","applyText","I18n","t","cancelText","React","Component","propTypes","PropTypes","func","isRequired","string","replace","_export","withWidth"],"sources":["TextInput.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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 I18n from '../i18n';\n\nimport IconClose from '@mui/icons-material/Close';\nimport IconCheck from '@mui/icons-material/Check';\n\nimport withWidth from '../Components/withWidth';\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 || this.props.value || '', // input is deprectaed\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 || I18n.t('ra_Ok')}</Button>\n                <Button color=\"grey\" variant=\"contained\" onClick={() => this.props.onClose(null)} startIcon={<IconClose />}>{this.props.cancelText || I18n.t('ra_Cancel')}</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,\n    applyText: PropTypes.string,\n    verify: PropTypes.func,\n    replace: PropTypes.func,\n    type: PropTypes.string, // text, number, password, email\n    value: PropTypes.string,\n};\n\n/** @type {typeof TextInput} */\nconst _export = withWidth()(TextInput);\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AAEA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,S;;;;;EACF;AACJ;AACA;EACI,mBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IAEA,MAAKC,KAAL,GAAa;MACTC,IAAI,EAAE,MAAKF,KAAL,CAAWG,KAAX,IAAoB,MAAKH,KAAL,CAAWI,KAA/B,IAAwC,EADrC;MACyC;MAClDC,KAAK,EAAE;IAFE,CAAb;IAHe;EAOlB;;;;WACD,kBAAS;MAAA;;MACL,oBAAO,gCAAC,kBAAD;QAAQ,IAAI,EAAE,IAAd;QAAoB,OAAO,EAAE;UAAA,OAAM,MAAI,CAACL,KAAL,CAAWM,OAAX,CAAmB,IAAnB,CAAN;QAAA,CAA7B;QAA6D,mBAAgB;MAA7E,gBACH,gCAAC,uBAAD;QAAa,EAAE,EAAC;MAAhB,GAAqC,KAAKN,KAAL,CAAWO,SAAhD,CADG,eAEH,gCAAC,yBAAD,qBACI,gCAAC,6BAAD,QACK,KAAKP,KAAL,CAAWQ,UADhB,CADJ,eAII,gCAAC,qBAAD;QACI,OAAO,EAAC,UADZ;QAEI,SAAS,MAFb;QAGI,MAAM,EAAC,OAHX;QAII,KAAK,EAAE,CAAC,CAAC,KAAKP,KAAL,CAAWI,KAJxB;QAKI,KAAK,EAAE,KAAKJ,KAAL,CAAWI,KALtB;QAMI,KAAK,EAAE,KAAKJ,KAAL,CAAWC,IANtB;QAOI,KAAK,EAAE,KAAKF,KAAL,CAAWS,SAAX,IAAwB,EAPnC;QAQI,IAAI,EAAE,KAAKT,KAAL,CAAWU,IAAX,IAAmB,MAR7B;QASI,UAAU,EAAE,oBAAAC,CAAC;UAAA,OAAIA,CAAC,CAACC,QAAF,KAAe,EAAf,IAAqB,MAAI,CAACX,KAAL,CAAWC,IAAhC,IAAwC,MAAI,CAACF,KAAL,CAAWM,OAAX,CAAmB,MAAI,CAACL,KAAL,CAAWC,IAA9B,CAA5C;QAAA,CATjB;QAUI,QAAQ,EAAE,kBAAAS,CAAC,EAAI;UACX,IAAIN,KAAK,GAAG,EAAZ;;UACA,IAAI,MAAI,CAACL,KAAL,CAAWa,MAAf,EAAuB;YACnBR,KAAK,GAAG,CAAC,MAAI,CAACL,KAAL,CAAWa,MAAX,CAAkBF,CAAC,CAACG,MAAF,CAASV,KAA3B,CAAT;UACH;;UAED,IAAI,MAAI,CAACJ,KAAL,CAAWe,IAAf,EAAqB;YACjB,MAAI,CAACC,QAAL,CAAc;cAACd,IAAI,EAAE,MAAI,CAACF,KAAL,CAAWe,IAAX,CAAgBJ,CAAC,CAACG,MAAF,CAASV,KAAzB,CAAP;cAAwCC,KAAK,EAALA;YAAxC,CAAd;UACH,CAFD,MAEO;YACH,MAAI,CAACW,QAAL,CAAc;cAACd,IAAI,EAAES,CAAC,CAACG,MAAF,CAASV,KAAhB;cAAuBC,KAAK,EAALA;YAAvB,CAAd;UACH;QACJ,CArBL;QAsBI,SAAS;MAtBb,EAJJ,CAFG,eA+BH,gCAAC,yBAAD,qBACI,gCAAC,kBAAD;QAAQ,OAAO,EAAC,WAAhB;QAA4B,QAAQ,EAAE,CAAC,KAAKJ,KAAL,CAAWC,IAAZ,IAAoB,KAAKD,KAAL,CAAWI,KAArE;QAA4E,OAAO,EAAE;UAAA,OAAM,MAAI,CAACL,KAAL,CAAWM,OAAX,CAAmB,MAAI,CAACL,KAAL,CAAWC,IAA9B,CAAN;QAAA,CAArF;QACQ,KAAK,EAAC,SADd;QACwB,SAAS,eAAE,gCAAC,iBAAD;MADnC,GACmD,KAAKF,KAAL,CAAWiB,SAAX,IAAwBC,gBAAA,CAAKC,CAAL,CAAO,OAAP,CAD3E,CADJ,eAGI,gCAAC,kBAAD;QAAQ,KAAK,EAAC,MAAd;QAAqB,OAAO,EAAC,WAA7B;QAAyC,OAAO,EAAE;UAAA,OAAM,MAAI,CAACnB,KAAL,CAAWM,OAAX,CAAmB,IAAnB,CAAN;QAAA,CAAlD;QAAkF,SAAS,eAAE,gCAAC,iBAAD;MAA7F,GAA6G,KAAKN,KAAL,CAAWoB,UAAX,IAAyBF,gBAAA,CAAKC,CAAL,CAAO,WAAP,CAAtI,CAHJ,CA/BG,CAAP;IAqCH;;;EAlDmBE,iBAAA,CAAMC,S;;AAqD9BvB,SAAS,CAACwB,SAAV,GAAsB;EAClBjB,OAAO,EAAEkB,qBAAA,CAAUC,IAAV,CAAeC,UADN;EAElBnB,SAAS,EAAEiB,qBAAA,CAAUG,MAAV,CAAiBD,UAFV;EAGlBlB,UAAU,EAAEgB,qBAAA,CAAUG,MAHJ;EAIlBlB,SAAS,EAAEe,qBAAA,CAAUG,MAJH;EAKlBP,UAAU,EAAEI,qBAAA,CAAUG,MALJ;EAMlBV,SAAS,EAAEO,qBAAA,CAAUG,MANH;EAOlBd,MAAM,EAAEW,qBAAA,CAAUC,IAPA;EAQlBG,OAAO,EAAEJ,qBAAA,CAAUC,IARD;EASlBf,IAAI,EAAEc,qBAAA,CAAUG,MATE;EASM;EACxBvB,KAAK,EAAEoB,qBAAA,CAAUG;AAVC,CAAtB;AAaA;;AACA,IAAME,OAAO,GAAG,IAAAC,qBAAA,IAAY/B,SAAZ,CAAhB;;eACe8B,O"}

package/README.md

@@ -641,7 +641,10 @@ If you still have questions, try to find an answer [here](https://mui.com/guides
 -->
 
 ## Changelog
-### 3.0.12 (2022-05-25)
+### 3.0.15 (2022-06-01)
+* (bluefox) Updated JsonConfigComponent: password, table
+
+### 3.0.14 (2022-05-25)
 * (bluefox) Added ConfigGeneric to import
 
 ### 3.0.7 (2022-05-25)

package/index.js

@@ -1,8 +1,8 @@
 export { default as Theme } from './Theme';
 export * from './Theme';
 
-export { default as GenericApp } from './GenericApp';
-export * from './GenericApp';
+// export { default as GenericApp } from './GenericApp';
+// export * from './GenericApp';
 
 export { default as Connection } from './Connection';
 export * from './Connection';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "3.0.12",
+  "version": "3.0.15",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "bluefox",

package/Components/JsonConfigComponent/ConfigCustomEasyAccess.js

@@ -1,182 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _Table = _interopRequireDefault(require("@mui/material/Table"));
-
-var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
-
-var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-
-var _TableContainer = _interopRequireDefault(require("@mui/material/TableContainer"));
-
-var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
-
-var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
-
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
-var _i18n = _interopRequireDefault(require("../../i18n"));
-
-var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
-
-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 {
-    table: {
-      minWidth: 400
-    },
-    header: {
-      fontSize: 16,
-      fontWeight: 'bold'
-    }
-  };
-};
-
-var ConfigCustomEasyAccess = /*#__PURE__*/function (_ConfigGeneric) {
-  (0, _inherits2["default"])(ConfigCustomEasyAccess, _ConfigGeneric);
-
-  var _super = _createSuper(ConfigCustomEasyAccess);
-
-  function ConfigCustomEasyAccess() {
-    (0, _classCallCheck2["default"])(this, ConfigCustomEasyAccess);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(ConfigCustomEasyAccess, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this = this;
-
-      (0, _get2["default"])((0, _getPrototypeOf2["default"])(ConfigCustomEasyAccess.prototype), "componentDidMount", this).call(this);
-      this.props.socket.getAdapterInstances().then(function (instances) {
-        instances = instances.filter(function (instance) {
-          var _instance$common;
-
-          return (instance === null || instance === void 0 ? void 0 : (_instance$common = instance.common) === null || _instance$common === void 0 ? void 0 : _instance$common.adminUI) && (instance.common.adminUI.config !== 'none' || instance.common.adminUI.tab);
-        }).map(function (instance) {
-          return {
-            id: instance._id.replace(/^system\.adapter\./, ''),
-            config: instance.common.adminUI.config !== 'none',
-            adminTab: instance.common.adminTab
-          };
-        }).sort(function (a, b) {
-          return a.id > b.id ? 1 : a.id < b.id ? -1 : 0;
-        });
-
-        _this.setState({
-          instances: instances
-        });
-      });
-    }
-  }, {
-    key: "renderItem",
-    value: function renderItem(error, disabled, defaultValue) {
-      var _this2 = this;
-
-      if (!this.state.instances) {
-        return null;
-      } else {
-        var accessAllowedConfigs = _ConfigGeneric2["default"].getValue(this.props.data, 'accessAllowedConfigs') || [];
-        var accessAllowedTabs = _ConfigGeneric2["default"].getValue(this.props.data, 'accessAllowedTabs') || [];
-        return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
-          className: this.props.classes.table,
-          size: "small"
-        }, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-          className: this.props.classes.header
-        }, _i18n["default"].t('Instance')), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-          className: this.props.classes.header
-        }, _i18n["default"].t('Config')), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-          className: this.props.classes.header
-        }, _i18n["default"].t('Tab')))), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], null, this.state.instances.map(function (row) {
-          return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
-            key: row.id
-          }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
-            component: "th",
-            scope: "row"
-          }, row.id), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, row.config ? /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-            checked: accessAllowedConfigs.includes(row.id),
-            onClick: function onClick() {
-              var _accessAllowedConfigs = (0, _toConsumableArray2["default"])(accessAllowedConfigs);
-
-              var pos = _accessAllowedConfigs.indexOf(row.id);
-
-              if (pos !== -1) {
-                _accessAllowedConfigs.splice(pos, 1);
-              } else {
-                _accessAllowedConfigs.push(row.id);
-
-                _accessAllowedConfigs.sort();
-              }
-
-              _this2.onChange('accessAllowedConfigs', _accessAllowedConfigs);
-            }
-          }) : null), /*#__PURE__*/_react["default"].createElement(_TableCell["default"], null, row.adminTab ? /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
-            checked: accessAllowedTabs.includes(row.id),
-            onClick: function onClick() {
-              var _accessAllowedTabs = (0, _toConsumableArray2["default"])(accessAllowedTabs);
-
-              var pos = _accessAllowedTabs.indexOf(row.id);
-
-              if (pos !== -1) {
-                _accessAllowedTabs.splice(pos, 1);
-              } else {
-                _accessAllowedTabs.push(row.id);
-
-                _accessAllowedTabs.sort();
-              }
-
-              _this2.onChange('accessAllowedTabs', _accessAllowedTabs);
-            }
-          }) : null));
-        }))));
-      }
-    }
-  }]);
-  return ConfigCustomEasyAccess;
-}(_ConfigGeneric2["default"]);
-
-ConfigCustomEasyAccess.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
-};
-
-var _default = (0, _styles.withStyles)(styles)(ConfigCustomEasyAccess);
-
-exports["default"] = _default;
-//# sourceMappingURL=ConfigCustomEasyAccess.js.map

package/Components/JsonConfigComponent/ConfigCustomEasyAccess.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigCustomEasyAccess.js","names":["styles","theme","table","minWidth","header","fontSize","fontWeight","ConfigCustomEasyAccess","props","socket","getAdapterInstances","then","instances","filter","instance","common","adminUI","config","tab","map","id","_id","replace","adminTab","sort","a","b","setState","error","disabled","defaultValue","state","accessAllowedConfigs","ConfigGeneric","getValue","data","accessAllowedTabs","classes","I18n","t","row","includes","_accessAllowedConfigs","pos","indexOf","splice","push","onChange","_accessAllowedTabs","propTypes","PropTypes","object","isRequired","themeType","string","themeName","style","className","schema","onError","func","withStyles"],"sources":["JsonConfigComponent/ConfigCustomEasyAccess.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableContainer from '@mui/material/TableContainer';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport Checkbox from '@mui/material/Checkbox';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = theme => ({\n    table: {\n        minWidth: 400\n    },\n    header: {\n        fontSize: 16,\n        fontWeight: 'bold'\n    }\n});\n\nclass ConfigCustomEasyAccess extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n\n        this.props.socket.getAdapterInstances()\n            .then(instances => {\n                instances = instances\n                    .filter(instance =>\n                        instance?.common?.adminUI && (instance.common.adminUI.config !== 'none' || instance.common.adminUI.tab))\n                    .map(instance => ({\n                        id: instance._id.replace(/^system\\.adapter\\./, ''),\n                        config: instance.common.adminUI.config !== 'none',\n                        adminTab: instance.common.adminTab\n                    }))\n                    .sort((a, b) => a.id > b.id ? 1 : (a.id < b.id ? -1 : 0));\n\n                this.setState({instances});\n            });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        if (!this.state.instances) {\n            return null;\n        } else {\n            const accessAllowedConfigs = ConfigGeneric.getValue(this.props.data, 'accessAllowedConfigs') || [];\n            const accessAllowedTabs    = ConfigGeneric.getValue(this.props.data, 'accessAllowedTabs')    || [];\n\n            return <TableContainer>\n                <Table className={this.props.classes.table} size=\"small\">\n                    <TableHead>\n                        <TableRow>\n                            <TableCell className={this.props.classes.header}>{I18n.t('Instance')}</TableCell>\n                            <TableCell className={this.props.classes.header}>{I18n.t('Config')}</TableCell>\n                            <TableCell className={this.props.classes.header}>{I18n.t('Tab')}</TableCell>\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {this.state.instances.map((row) => (\n                            <TableRow key={row.id}>\n                                <TableCell component=\"th\" scope=\"row\">{row.id}</TableCell>\n                                <TableCell>\n                                    {row.config ?\n                                        <Checkbox checked={accessAllowedConfigs.includes(row.id)}\n                                            onClick={() => {\n                                                const _accessAllowedConfigs = [...accessAllowedConfigs];\n                                                const pos = _accessAllowedConfigs.indexOf(row.id);\n                                                if (pos !== -1) {\n                                                    _accessAllowedConfigs.splice(pos, 1);\n                                                } else {\n                                                    _accessAllowedConfigs.push(row.id);\n                                                    _accessAllowedConfigs.sort();\n                                                }\n                                                this.onChange('accessAllowedConfigs', _accessAllowedConfigs);\n                                            }}\n                                        />\n                                    : null}</TableCell>\n                                <TableCell>\n                                    {row.adminTab ?\n                                        <Checkbox\n                                            checked={accessAllowedTabs.includes(row.id)}\n                                             onClick={() => {\n                                                 const _accessAllowedTabs = [...accessAllowedTabs];\n                                                 const pos = _accessAllowedTabs.indexOf(row.id);\n                                                 if (pos !== -1) {\n                                                     _accessAllowedTabs.splice(pos, 1);\n                                                 } else {\n                                                     _accessAllowedTabs.push(row.id);\n                                                     _accessAllowedTabs.sort();\n                                                 }\n                                                 this.onChange('accessAllowedTabs', _accessAllowedTabs);\n                                             }}\n                                        /> : null}\n                                </TableCell>\n                            </TableRow>\n                        ))}\n                    </TableBody>\n                </Table>\n            </TableContainer>;\n        }\n    }\n}\n\nConfigCustomEasyAccess.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};\n\nexport default withStyles(styles)(ConfigCustomEasyAccess);"],"mappings":"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"}