@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/IconPicker.js

@@ -1,44 +1,26 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDropzone = require("react-dropzone");
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
-
 var _IconSelector = _interopRequireDefault(require("./IconSelector"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _i18n = _interopRequireDefault(require("../i18n"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 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; }
-
 /**
  * @typedef {object} IconPickerProps
  * @property {string} [value] The value.
@@ -54,7 +36,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var IconPicker = function IconPicker(props) {
   var _props$customClasses, _props$customClasses2;
-
   var IconCustom = props.icon;
   var useStyles = (0, _makeStyles["default"])(function (theme) {
     return {
@@ -100,19 +81,17 @@ var IconPicker = function IconPicker(props) {
     reader.addEventListener('load', function () {
       return props.onChange(reader.result);
     }, false);
-
     if (acceptedFiles[0]) {
       reader.readAsDataURL(acceptedFiles[0]);
     }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   var _useDropzone = (0, _reactDropzone.useDropzone)({
-    onDrop: onDrop
-  }),
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps,
-      isDragActive = _useDropzone.isDragActive;
-
+      onDrop: onDrop
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.formContainer
   }, IconCustom ? /*#__PURE__*/_react["default"].createElement(IconCustom, {
@@ -167,7 +146,6 @@ var IconPicker = function IconPicker(props) {
     className: classes.text
   }, _i18n["default"].t("ra_Drag 'n' drop some files here, or click to select files"))))));
 };
-
 IconPicker.propTypes = {
   previewClassName: _propTypes["default"].string,
   icon: _propTypes["default"].object,
@@ -180,8 +158,8 @@ IconPicker.propTypes = {
   onlyRooms: _propTypes["default"].bool,
   onlyDevices: _propTypes["default"].bool
 };
-/** @type {typeof IconPicker} */
 
+/** @type {typeof IconPicker} */
 var _default = IconPicker;
 exports["default"] = _default;
 //# sourceMappingURL=IconPicker.js.map

package/Components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPicker.js","names":["IconPicker","props","IconCustom","icon","useStyles","makeStyles","theme","formContainer","display","justifyContent","alignItems","formControl","padding","flexGrow","divContainer","width","height","whiteSpace","lineHeight","marginRight","dragField","textAlign","minHeight","border","borderRadius","formIcon","margin","opacity","text","verticalAlign","classes","onDrop","useCallback","acceptedFiles","reader","FileReader","addEventListener","onChange","result","readAsDataURL","useDropzone","getRootProps","getInputProps","isDragActive","root","customClasses","label","value","Utils","clsx","previewClassName","disabled","I18n","t","icons","onlyRooms","onlyDevices","base64","getLanguage","backgroundColor","cursor","propTypes","PropTypes","string","object","any","bool","func","isRequired","array"],"sources":["IconPicker.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport FormControl from '@mui/material/FormControl';\nimport IconButton from '@mui/material/IconButton';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport IconSelector from './IconSelector';\nimport Icon from './Icon';\nimport I18n from '../i18n';\nimport Utils from './Utils';\n\n/**\n * @typedef {object} IconPickerProps\n * @property {string} [value] The value.\n * @property {string} [label] The label.\n * @property {boolean} [disabled] Set to true to disable the icon picker.\n * @property {(icon: string) => void} onChange The icon change callback.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n *\n * @extends {React.Component<IconPickerProps>}\n */\nlet IconPicker = function (props) {\n    let IconCustom = props.icon;\n\n    const useStyles = makeStyles(theme => ({\n        formContainer : {\n            display: 'flex',\n            justifyContent: 'left',\n            alignItems: 'center'\n        },\n        formControl : {\n            display: 'flex',\n            padding: 24,\n            flexGrow: 1000\n        },\n        divContainer: {\n            width: 32 + 24,\n            height: 32,\n            whiteSpace: 'nowrap',\n            lineHeight: '32px',\n            marginRight: 8\n        },\n        dragField: {\n            textAlign: 'center',\n            display: 'table',\n            minHeight: 90,\n            width: 'calc(100% - 60px)',\n            border: '2px dashed #777',\n            borderRadius: 10,\n            padding: 4,\n        },\n        formIcon : {\n            margin: 10,\n            opacity: 0.6\n        },\n        text: {\n            display: 'table-cell',\n            verticalAlign: 'middle',\n        }\n    }));\n\n    const classes = useStyles();\n\n    const onDrop = useCallback(acceptedFiles => {\n        const reader = new FileReader();\n\n        reader.addEventListener('load', () =>\n            props.onChange(reader.result), false);\n\n        if (acceptedFiles[0]) {\n            reader.readAsDataURL(acceptedFiles[0]);\n        }\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\n\n    return <div className={classes.formContainer}>\n        {IconCustom ? <IconCustom className={classes.formIcon} /> : null}\n        <FormControl variant=\"standard\" className={classes.formControl} style={{ padding: 3 }}>\n            <InputLabel shrink classes={{root: props.customClasses?.label}}>\n                { props.label }\n            </InputLabel>\n            <div className={ classes.formContainer }>\n                {props.value ?\n                    <div className={ classes.divContainer }>\n                        <Icon alt=\"\" className={Utils.clsx(props.previewClassName, props.customClasses?.icon)} src={props.value}/>\n                        {!props.disabled && <IconButton\n                            style={{verticalAlign: 'top'}}\n                            title={I18n.t('ra_Clear icon')}\n                            size=\"small\"\n                            onClick={() => props.onChange('')}\n                        >\n                            <ClearIcon/>\n                        </IconButton>}\n                    </div>\n                    :\n                    (!props.disabled && <IconSelector\n                        icons={props.icons}\n                        onlyRooms={props.onlyRooms}\n                        onlyDevices={props.onlyDevices}\n                        onSelect={base64 => props.onChange(base64)}\n                        t={I18n.t}\n                        lang={I18n.getLanguage()}\n                    />)\n                }\n\n                {!props.disabled && <div\n                    {...getRootProps()}\n                    className={classes.dragField}\n                    style={isDragActive ? {backgroundColor: 'rgba(0, 255, 0, 0.1)'} : {cursor: 'pointer'}}\n                >\n                    <input {...getInputProps()} />\n                    {\n                        isDragActive ?\n                            <span className={classes.text}>{I18n.t('ra_Drop the files here...')}</span> :\n                            <span className={classes.text}>{I18n.t(`ra_Drag 'n' drop some files here, or click to select files`)}</span>\n                    }\n                </div>}\n            </div>\n        </FormControl>\n    </div>;\n};\n\nIconPicker.propTypes = {\n    previewClassName: PropTypes.string,\n    icon: PropTypes.object,\n    customClasses: PropTypes.object,\n    label: PropTypes.string,\n    value: PropTypes.any,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n\n    icons: PropTypes.array,\n    onlyRooms: PropTypes.bool,\n    onlyDevices: PropTypes.bool,\n};\n\n/** @type {typeof IconPicker} */\nexport default IconPicker;"],"mappings":"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"}
+{"version":3,"file":"IconPicker.js","names":["IconPicker","props","IconCustom","icon","useStyles","makeStyles","theme","formContainer","display","justifyContent","alignItems","formControl","padding","flexGrow","divContainer","width","height","whiteSpace","lineHeight","marginRight","dragField","textAlign","minHeight","border","borderRadius","formIcon","margin","opacity","text","verticalAlign","classes","onDrop","useCallback","acceptedFiles","reader","FileReader","addEventListener","onChange","result","readAsDataURL","useDropzone","getRootProps","getInputProps","isDragActive","root","customClasses","label","value","Utils","clsx","previewClassName","disabled","I18n","t","icons","onlyRooms","onlyDevices","base64","getLanguage","backgroundColor","cursor","propTypes","PropTypes","string","object","any","bool","func","isRequired","array"],"sources":["IconPicker.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport FormControl from '@mui/material/FormControl';\nimport IconButton from '@mui/material/IconButton';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport IconSelector from './IconSelector';\nimport Icon from './Icon';\nimport I18n from '../i18n';\nimport Utils from './Utils';\n\n/**\n * @typedef {object} IconPickerProps\n * @property {string} [value] The value.\n * @property {string} [label] The label.\n * @property {boolean} [disabled] Set to true to disable the icon picker.\n * @property {(icon: string) => void} onChange The icon change callback.\n * @property {import('../Connection').default} socket The socket connection.\n * @property {string} [imagePrefix] The image prefix (default: './files/')\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n *\n * @extends {React.Component<IconPickerProps>}\n */\nlet IconPicker = function (props) {\n    let IconCustom = props.icon;\n\n    const useStyles = makeStyles(theme => ({\n        formContainer : {\n            display: 'flex',\n            justifyContent: 'left',\n            alignItems: 'center'\n        },\n        formControl : {\n            display: 'flex',\n            padding: 24,\n            flexGrow: 1000\n        },\n        divContainer: {\n            width: 32 + 24,\n            height: 32,\n            whiteSpace: 'nowrap',\n            lineHeight: '32px',\n            marginRight: 8\n        },\n        dragField: {\n            textAlign: 'center',\n            display: 'table',\n            minHeight: 90,\n            width: 'calc(100% - 60px)',\n            border: '2px dashed #777',\n            borderRadius: 10,\n            padding: 4,\n        },\n        formIcon : {\n            margin: 10,\n            opacity: 0.6\n        },\n        text: {\n            display: 'table-cell',\n            verticalAlign: 'middle',\n        }\n    }));\n\n    const classes = useStyles();\n\n    const onDrop = useCallback(acceptedFiles => {\n        const reader = new FileReader();\n\n        reader.addEventListener('load', () =>\n            props.onChange(reader.result), false);\n\n        if (acceptedFiles[0]) {\n            reader.readAsDataURL(acceptedFiles[0]);\n        }\n    }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });\n\n    return <div className={classes.formContainer}>\n        {IconCustom ? <IconCustom className={classes.formIcon} /> : null}\n        <FormControl variant=\"standard\" className={classes.formControl} style={{ padding: 3 }}>\n            <InputLabel shrink classes={{root: props.customClasses?.label}}>\n                { props.label }\n            </InputLabel>\n            <div className={ classes.formContainer }>\n                {props.value ?\n                    <div className={ classes.divContainer }>\n                        <Icon alt=\"\" className={Utils.clsx(props.previewClassName, props.customClasses?.icon)} src={props.value}/>\n                        {!props.disabled && <IconButton\n                            style={{verticalAlign: 'top'}}\n                            title={I18n.t('ra_Clear icon')}\n                            size=\"small\"\n                            onClick={() => props.onChange('')}\n                        >\n                            <ClearIcon/>\n                        </IconButton>}\n                    </div>\n                    :\n                    (!props.disabled && <IconSelector\n                        icons={props.icons}\n                        onlyRooms={props.onlyRooms}\n                        onlyDevices={props.onlyDevices}\n                        onSelect={base64 => props.onChange(base64)}\n                        t={I18n.t}\n                        lang={I18n.getLanguage()}\n                    />)\n                }\n\n                {!props.disabled && <div\n                    {...getRootProps()}\n                    className={classes.dragField}\n                    style={isDragActive ? {backgroundColor: 'rgba(0, 255, 0, 0.1)'} : {cursor: 'pointer'}}\n                >\n                    <input {...getInputProps()} />\n                    {\n                        isDragActive ?\n                            <span className={classes.text}>{I18n.t('ra_Drop the files here...')}</span> :\n                            <span className={classes.text}>{I18n.t(`ra_Drag 'n' drop some files here, or click to select files`)}</span>\n                    }\n                </div>}\n            </div>\n        </FormControl>\n    </div>;\n};\n\nIconPicker.propTypes = {\n    previewClassName: PropTypes.string,\n    icon: PropTypes.object,\n    customClasses: PropTypes.object,\n    label: PropTypes.string,\n    value: PropTypes.any,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n\n    icons: PropTypes.array,\n    onlyRooms: PropTypes.bool,\n    onlyDevices: PropTypes.bool,\n};\n\n/** @type {typeof IconPicker} */\nexport default IconPicker;"],"mappings":"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"}

package/Components/IconSelector.js

@@ -1,64 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _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 = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _Utils = _interopRequireDefault(require("./Utils"));
-
 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 || _typeof3(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; }
-
 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 devices from '../assets/devices/list.json';
 var devices = [{
   "_id": "hood",
@@ -990,8 +962,9 @@ var devices = [{
     "zh-cn": "天气"
   },
   "icon": "Weather.svg"
-}]; // import rooms from '../assets/rooms/list.json';
+}];
 
+// import rooms from '../assets/rooms/list.json';
 var rooms = [{
   "_id": "storeroom",
   "name": {
@@ -1878,15 +1851,11 @@ var rooms = [{
   },
   "icon": "Living Room.svg"
 }];
-
 var IconSelector = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(IconSelector, _Component);
-
   var _super = _createSuper(IconSelector);
-
   function IconSelector(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, IconSelector);
     _this = _super.call(this, props);
     _this.state = {
@@ -1897,32 +1866,26 @@ var IconSelector = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   (0, _createClass2["default"])(IconSelector, [{
     key: "loadAllIcons",
     value: function loadAllIcons() {
       var _this2 = this;
-
       if (this.state.loading || this.state.icons) {
         return;
       }
-
       this.setState({
         loading: true
       }, function () {
         var icons = [];
         var names = [];
-
         if (!_this2.props.icons) {
           var templates = _this2.props.onlyRooms || !_this2.props.onlyRooms && !_this2.props.onlyDevices ? rooms : null;
           var promises = [];
-
           if (templates) {
             templates.forEach(function (item) {
               if (item.name && (0, _typeof2["default"])(item.name) === 'object') {
                 item.name = item.name[_this2.props.lang] || item.name.en || item._id;
               }
-
               item.name = item.name || item._id;
             });
             templates = templates.filter(function (item, i) {
@@ -1932,29 +1895,24 @@ var IconSelector = /*#__PURE__*/function (_Component) {
             });
             templates.forEach(function (template, i) {
               var image;
-
               try {
                 image = require("../assets/rooms/".concat(template.icon));
               } catch (e) {
                 return Promise.resolve(null);
               }
-
               names[i] = template.name;
               promises.push(_Utils["default"].getSvg(image).then(function (icon) {
                 return icons[i] = icon;
               }));
             });
           }
-
           templates = _this2.props.onlyDevices || !_this2.props.onlyRooms && !_this2.props.onlyDevices ? devices : null;
-
           if (templates) {
             var offset = promises.length;
             templates && templates.forEach(function (item) {
               if (item.name && (0, _typeof2["default"])(item.name) === 'object') {
                 item.name = item.name[_this2.props.lang] || item.name.en || item._id;
               }
-
               item.name = item.name || item._id;
             });
             templates = templates.filter(function (item, i) {
@@ -1964,20 +1922,17 @@ var IconSelector = /*#__PURE__*/function (_Component) {
             });
             templates.forEach(function (template, i) {
               var image;
-
               try {
                 image = require("../assets/devices/".concat(template.icon));
               } catch (e) {
                 return Promise.resolve(null);
               }
-
               names[i + offset] = template.name;
               promises.push(_Utils["default"].getSvg(image).then(function (icon) {
                 return icons[i + offset] = icon;
               }));
             });
           }
-
           Promise.all(promises).then(function () {
             return _this2.setState({
               icons: icons,
@@ -1991,11 +1946,9 @@ var IconSelector = /*#__PURE__*/function (_Component) {
         } else {
           var _promises = _this2.props.icons.map(function (item, i) {
             var href;
-
             if ((0, _typeof2["default"])(item) === 'object') {
               href = item.icon || item.src || item.href;
               names[i] = (0, _typeof2["default"])(item.name) === 'object' ? item.name[_this2.props.lang] || item.name.en || item._id : item.name;
-
               if (!names[i]) {
                 var parts = href.split('.');
                 parts.pop();
@@ -2004,7 +1957,6 @@ var IconSelector = /*#__PURE__*/function (_Component) {
             } else {
               href = item;
             }
-
             if (href) {
               if (href.startsWith('data:')) {
                 icons[i] = href;
@@ -2018,7 +1970,6 @@ var IconSelector = /*#__PURE__*/function (_Component) {
               return Promise.resolve();
             }
           });
-
           Promise.all(_promises).then(function () {
             return _this2.setState({
               icons: icons,
@@ -2036,11 +1987,9 @@ var IconSelector = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       if (this.state.loading) {
         return /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null);
       }
-
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         color: "grey",
         variant: "outlined",
@@ -2131,7 +2080,6 @@ var IconSelector = /*#__PURE__*/function (_Component) {
   }]);
   return IconSelector;
 }(_react.Component);
-
 IconSelector.propTypes = {
   icons: _propTypes["default"].array,
   onlyRooms: _propTypes["default"].bool,
@@ -2142,8 +2090,8 @@ IconSelector.propTypes = {
   t: _propTypes["default"].func.isRequired,
   lang: _propTypes["default"].string.isRequired
 };
-/** @type {typeof IconSelector} */
 
+/** @type {typeof IconSelector} */
 var _default = IconSelector;
 exports["default"] = _default;
 //# sourceMappingURL=IconSelector.js.map