@iobroker/adapter-react-v5 4.9.10 → 4.10.0

package/Components/TextWithIcon.d.ts

@@ -1,17 +1,22 @@
-declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
-    lang: PropTypes.Validator<string>;
-    themeType: PropTypes.Requireable<string>;
-    value: PropTypes.Validator<NonNullable<NonNullable<string | object>>>;
-    list: PropTypes.Requireable<object>;
-    options: PropTypes.Requireable<object>;
-    className: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    title: PropTypes.Requireable<string>;
-    removePrefix: PropTypes.Requireable<string>;
-    moreClasses: PropTypes.Requireable<object>;
-    icon: PropTypes.Requireable<string>;
-    color: PropTypes.Requireable<string>;
-}>, "classes"> & import("@mui/styles").StyledComponentProps<"div" | "text" | "icon"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+interface TextWithIconProps {
+    lang: ioBroker.Languages;
+    themeType?: 'dark' | 'light';
+    value: string | Record<string, any>;
+    list?: ioBroker.Object[] | Record<string, ioBroker.Object>;
+    options?: Record<string, any>;
+    className?: string;
+    style?: React.CSSProperties;
+    title?: string;
+    removePrefix?: string;
+    moreClasses?: {
+        root?: string;
+        icon?: string;
+        text?: string;
+    };
+    icon?: string;
+    color?: string;
+    classes: Record<string, string>;
+}
+declare const _default: React.JSXElementConstructor<Omit<TextWithIconProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Components/TextWithIcon.js

@@ -1,139 +1,118 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _Utils = _interopRequireDefault(require("./Utils"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var styles = function styles() {
-  return {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("@mui/styles");
+const Icon_1 = __importDefault(require("./Icon"));
+const Utils_1 = __importDefault(require("./Utils"));
+const styles = {
     div: {
-      borderRadius: 3,
-      padding: '0 3px',
-      lineHeight: '20px',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      display: 'flex',
-      alignItems: 'center'
+        borderRadius: 3,
+        padding: '0 3px',
+        lineHeight: '20px',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        display: 'flex',
+        alignItems: 'center',
     },
     icon: {
-      width: 16,
-      height: 16,
-      marginRight: 8,
-      verticalAlign: 'middle'
+        width: 16,
+        height: 16,
+        marginRight: 8,
+        verticalAlign: 'middle',
     },
     text: {
-      display: 'inline-block',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    }
-  };
+        display: 'inline-block',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+    },
 };
-var TextWithIcon = function TextWithIcon(props) {
-  var _item2, _item3, _item4, _item5, _props$moreClasses, _item6, _item7, _props$moreClasses2, _props$moreClasses3, _item8;
-  var item = props.value;
-  var prefix = props.removePrefix || '';
-  if (typeof item === 'string') {
-    var list = props.list || props.options;
-    if (props.list) {
-      if (Array.isArray(list)) {
-        var _item = list.find(function (obj) {
-          return obj._id === prefix + item;
-        });
-        if (_item) {
-          var _item$common, _item$common2;
-          item = {
-            name: _Utils["default"].getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),
-            value: _item._id,
-            icon: props.icon || ((_item$common = _item.common) === null || _item$common === void 0 ? void 0 : _item$common.icon),
-            color: props.color || ((_item$common2 = _item.common) === null || _item$common2 === void 0 ? void 0 : _item$common2.color)
-          };
-        } else {
-          item = {
-            name: item,
-            value: prefix + item
-          };
+const TextWithIcon = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    let value = props.value;
+    let item;
+    const prefix = props.removePrefix || '';
+    if (typeof value === 'string') {
+        const list = props.list || props.options;
+        if (list) {
+            // if list is array, then it is list of ioBroker.Object
+            if (Array.isArray(list)) {
+                const _item = list.find((obj) => obj._id === prefix + value);
+                if (_item) {
+                    item = {
+                        name: Utils_1.default.getObjectNameFromObj(_item, props.lang).replace('system.group.', ''),
+                        value: _item._id,
+                        icon: props.icon || ((_a = _item.common) === null || _a === void 0 ? void 0 : _a.icon),
+                        color: props.color || ((_b = _item.common) === null || _b === void 0 ? void 0 : _b.color),
+                    };
+                }
+                else {
+                    item = {
+                        name: value,
+                        value: prefix + value,
+                    };
+                }
+            }
+            else if (list[prefix + value]) {
+                // List is object with key-value pairs: {'enum.rooms.1': {common: {name: 'Room 1'}}}
+                const obj = list[prefix + value];
+                item = {
+                    name: Utils_1.default.getObjectNameFromObj(obj, props.lang).replace('system.group.', ''),
+                    value: obj._id,
+                    icon: props.icon || ((_c = obj.common) === null || _c === void 0 ? void 0 : _c.icon),
+                    color: props.color || ((_d = obj.common) === null || _d === void 0 ? void 0 : _d.color),
+                };
+            }
+            else {
+                // value is a string, ignore list
+                item = {
+                    name: value,
+                    value: prefix + value,
+                    icon: props.icon,
+                    color: props.color,
+                };
+            }
+        }
+        else {
+            item = {
+                name: value,
+                value: prefix + value,
+                icon: props.icon,
+                color: props.color,
+            };
         }
-      } else if (list[prefix + item]) {
-        var _list$common, _list$common2;
+    }
+    else if (!value || typeof value !== 'object') {
         item = {
-          name: _Utils["default"].getObjectNameFromObj(list[prefix + item], props.lang).replace('system.group.', ''),
-          value: list[prefix + item]._id,
-          icon: props.icon || ((_list$common = list[prefix + item].common) === null || _list$common === void 0 ? void 0 : _list$common.icon),
-          color: props.color || ((_list$common2 = list[prefix + item].common) === null || _list$common2 === void 0 ? void 0 : _list$common2.color)
+            name: '',
+            value: '',
+            icon: props.icon,
+            color: props.color,
         };
-      } else {
+    }
+    else {
+        // Item is an ioBroker.Object
+        const obj = value;
         item = {
-          name: item,
-          value: prefix + item,
-          icon: props.icon,
-          color: props.color
+            name: Utils_1.default.getObjectNameFromObj(obj, props.lang)
+                .replace('system.group.', '')
+                .replace('system.user.', '')
+                .replace('enum.rooms.', '')
+                .replace('enum.functions.', ''),
+            value: obj._id,
+            icon: props.icon || ((_e = obj.common) === null || _e === void 0 ? void 0 : _e.icon),
+            color: props.color || ((_f = obj.common) === null || _f === void 0 ? void 0 : _f.color),
         };
-      }
-    } else {
-      item = {
-        name: item,
-        value: prefix + item,
-        icon: props.icon,
-        color: props.color
-      };
     }
-  } else if (!item || (0, _typeof2["default"])(item) !== 'object') {
-    item = {
-      name: '',
-      value: '',
-      icon: props.icon,
-      color: props.color
-    };
-  } else {
-    var _item$common3, _item$common4;
-    item = {
-      name: _Utils["default"].getObjectNameFromObj(item, props.lang).replace('system.group.', '').replace('system.user.', '').replace('enum.rooms.', '').replace('enum.functions.', ''),
-      value: item._id,
-      icon: props.icon || ((_item$common3 = item.common) === null || _item$common3 === void 0 ? void 0 : _item$common3.icon),
-      color: props.color || ((_item$common4 = item.common) === null || _item$common4 === void 0 ? void 0 : _item$common4.color)
-    };
-  }
-  var style = (_item2 = item) !== null && _item2 !== void 0 && _item2.color ? {
-    border: "1px solid ".concat(_Utils["default"].invertColor((_item3 = item) === null || _item3 === void 0 ? void 0 : _item3.color)),
-    color: _Utils["default"].getInvertedColor((_item4 = item) === null || _item4 === void 0 ? void 0 : _item4.color, props.themeType, true) || undefined,
-    backgroundColor: (_item5 = item) === null || _item5 === void 0 ? void 0 : _item5.color
-  } : {};
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: _objectSpread(_objectSpread({}, props.style), style),
-    className: _Utils["default"].clsx(props.className, props.classes.div, (_props$moreClasses = props.moreClasses) === null || _props$moreClasses === void 0 ? void 0 : _props$moreClasses.root),
-    title: props.title || item.value
-  }, (_item6 = item) !== null && _item6 !== void 0 && _item6.icon ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    src: (_item7 = item) === null || _item7 === void 0 ? void 0 : _item7.icon,
-    className: _Utils["default"].clsx(props.classes.icon, (_props$moreClasses2 = props.moreClasses) === null || _props$moreClasses2 === void 0 ? void 0 : _props$moreClasses2.icon)
-  }) : null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _Utils["default"].clsx(props.classes.text, (_props$moreClasses3 = props.moreClasses) === null || _props$moreClasses3 === void 0 ? void 0 : _props$moreClasses3.text)
-  }, (_item8 = item) === null || _item8 === void 0 ? void 0 : _item8.name));
-};
-TextWithIcon.propTypes = {
-  lang: _propTypes["default"].string.isRequired,
-  themeType: _propTypes["default"].string,
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]).isRequired,
-  list: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object]),
-  // one of "list"(Array) or "options"(object) is required
-  options: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object]),
-  // one of "list"(Array) or "options"(object) is required
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  title: _propTypes["default"].string,
-  removePrefix: _propTypes["default"].string,
-  moreClasses: _propTypes["default"].object,
-  icon: _propTypes["default"].string,
-  color: _propTypes["default"].string
+    const style = (item === null || item === void 0 ? void 0 : item.color) ? {
+        border: `1px solid ${Utils_1.default.invertColor(item === null || item === void 0 ? void 0 : item.color)}`,
+        color: Utils_1.default.getInvertedColor(item === null || item === void 0 ? void 0 : item.color, props.themeType, true) || undefined,
+        backgroundColor: item === null || item === void 0 ? void 0 : item.color,
+    } : {};
+    return react_1.default.createElement("div", { style: Object.assign(Object.assign({}, props.style), style), className: Utils_1.default.clsx(props.className, props.classes.div, (_g = props.moreClasses) === null || _g === void 0 ? void 0 : _g.root), title: props.title || item.value },
+        (item === null || item === void 0 ? void 0 : item.icon) ? react_1.default.createElement(Icon_1.default, { src: item === null || item === void 0 ? void 0 : item.icon, className: Utils_1.default.clsx(props.classes.icon, (_h = props.moreClasses) === null || _h === void 0 ? void 0 : _h.icon) }) : null,
+        react_1.default.createElement("div", { className: Utils_1.default.clsx(props.classes.text, (_j = props.moreClasses) === null || _j === void 0 ? void 0 : _j.text) }, item === null || item === void 0 ? void 0 : item.name));
 };
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(TextWithIcon);
-//# sourceMappingURL=TextWithIcon.js.map
+exports.default = (0, styles_1.withStyles)(styles)(TextWithIcon);