@iobroker/gui-components 10.0.16 → 10.1.0

package/README.md

@@ -36,7 +36,7 @@ npm create vite@latest src -- --template react-ts
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@iobroker/gui-components": "^10.0.16",
+        "@iobroker/gui-components": "^10.1.0",
         "@mui/icons-material": "^9.0.1",
         "@mui/material": "^9.0.1",
         "react": "^19.2.5",
@@ -812,6 +812,22 @@ npm start
 
 It expects a running ioBroker admin on `127.0.0.1:8081`.
 
+## Checks
+
+There is no unit test suite. The following checks run in CI and should be run before a pull request:
+
+```bash
+npm run check              # type check (tsc --noEmit)
+npm run lint               # eslint
+npm run check-device-types # device types are in sync with @iobroker/type-detector
+```
+
+`check-device-types` fails if a device type of `@iobroker/type-detector` has no icon in
+`DeviceTypeIcon.tsx` or no name in one of the `src/Components/DeviceType/i18n/*.json` files, if a
+name is left over for a type that no longer exists, or if a language file is not imported by
+`deviceTypeTranslations.ts`. See [the DeviceType readme](src/Components/DeviceType/README.md) for
+the details.
+
 ## List of adapters that use this library
 
 - Admin
@@ -856,6 +872,14 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 10.1.0 (2026-08-13)
+
+- (@GermanBluefox) Updated `@iobroker/type-detector` to 6.0.0
+- (@GermanBluefox) Added icons and names for the device types `airPurifier`, `airQuality`, `coAlarm`, `contact`, `electricity`, `fan`, `fillLevel`, `flow`, `pressure`, `pump` and `unknown`
+- (@GermanBluefox) Removed the names of the no longer existing device types `url` and `valve`
+- (@GermanBluefox) Corrected the Spanish translations of the device types, as they were never loaded
+- (@GermanBluefox) Added `npm run check-device-types` to detect missing device type icons and names
+
 ### 10.0.16 (2026-08-10)
 
 - (@GermanBluefox) Corrected the text color of the filled alerts (snackbars) in the dark themes

package/build/Components/DeviceType/DeviceTypeIcon.js

@@ -5,11 +5,12 @@ import { GoDeviceCameraVideo as TypeIconCamera } from 'react-icons/go';
 import { 
 // FaExternalLinkSquareAlt as TypeIconURL,
 FaImage as TypeIconImage, FaRegLightbulb as TypeIconDimmer, FaInfoCircle as TypeIconInfo, FaLightbulb as TypeIconLight, FaLock as TypeIconLock, FaStreetView as TypeIconLocation, FaStepForward as TypeIconMedia, FaSlidersH as TypeIconSlider, FaVolumeDown as TypeIconVolume, FaVolumeUp as TypeIconVolumeGroup, FaFan as TypeIconAC, FaWrench as TypeIconInstance, } from 'react-icons/fa';
-import { MdFormatColorFill as TypeIconHUE, MdFormatColorFill as TypeIconCT, MdWarning as TypeIconWarning, MdQuestionMark as TypeIconUnknown, MdOutlineMyLocation as TypeIconLocationOne, MdDeviceHub as TypeIconHub3, MdPolyline as TypeIconNode, MdHub as TypeIconHub5, MdControlCamera as TypeIconController, } from 'react-icons/md';
+import { MdFormatColorFill as TypeIconHUE, MdFormatColorFill as TypeIconCT, MdWarning as TypeIconWarning, MdQuestionMark as TypeIconUnknown, MdOutlineMyLocation as TypeIconLocationOne, MdDeviceHub as TypeIconHub3, MdPolyline as TypeIconNode, MdHub as TypeIconHub5, MdControlCamera as TypeIconController, MdAir as TypeIconAirQuality, MdElectricMeter as TypeIconElectricity, } from 'react-icons/md';
 import { WiCloudy as TypeIconWeather } from 'react-icons/wi';
 import { IoIosRadioButtonOn as TypeIconButtonSensor } from 'react-icons/io';
-import { TbSunElectricity as TypeIconIlluminance } from 'react-icons/tb';
-import { PiPaletteDuotone as TypeIconRGBWSingle } from 'react-icons/pi';
+import { TbSunElectricity as TypeIconIlluminance, TbAlarmSmoke as TypeIconCoAlarm, TbBarrel as TypeIconFillLevel, TbRipple as TypeIconFlow, TbGauge as TypeIconPressure, TbEngine as TypeIconPump, TbCircuitSwitchClosed as TypeIconContact, } from 'react-icons/tb';
+import { PiPaletteDuotone as TypeIconRGBWSingle, PiFan as TypeIconFan } from 'react-icons/pi';
+import { LuAirVent as TypeIconAirPurifier } from 'react-icons/lu';
 import { Types } from '@iobroker/type-detector';
 import { I18n } from '../../i18n';
 import { Icon } from '../Icon';
@@ -17,23 +18,36 @@ import { Cleaner as TypeIconVacuumCleaner, Humidity as TypeIconHumidity, Jalousi
 // HeatValve as TypeIconValve,
 WindowOpened as TypeIconWindow, WindowTilted as TypeIconWindowTilt, } from './icons';
 import { extendDeviceTypeTranslation } from './deviceTypeTranslations';
+/**
+ * Icon for every device type.
+ *
+ * This map is deliberately a complete `Record` over `TypesExtended`: when `@iobroker/type-detector`
+ * adds a new member to `Types`, the build fails here until an icon is assigned. Never add keys that
+ * are not part of `TypesExtended` (a single `@ts-expect-error` inside the literal would suppress the
+ * completeness check for the whole object) — put those in `ROLE_ICONS` below.
+ */
 const TYPE_ICONS = {
     [Types.airCondition]: TypeIconAC,
+    [Types.airPurifier]: TypeIconAirPurifier,
+    [Types.airQuality]: TypeIconAirQuality,
     [Types.blind]: TypeIconBlinds,
     [Types.blindButtons]: TypeIconBlinds,
     [Types.button]: TypeIconButton,
     [Types.buttonSensor]: TypeIconButtonSensor,
     [Types.camera]: TypeIconCamera,
     [Types.chart]: TypeIconChart,
+    [Types.coAlarm]: TypeIconCoAlarm,
+    [Types.contact]: TypeIconContact,
     // [Types.url]: TypeIconURL,
     [Types.image]: TypeIconImage,
     [Types.dimmer]: TypeIconDimmer,
     [Types.door]: TypeIconDoor,
+    [Types.electricity]: TypeIconElectricity,
+    [Types.fan]: TypeIconFan,
+    [Types.fillLevel]: TypeIconFillLevel,
     [Types.fireAlarm]: TypeIconFireAlarm,
-    // @ts-expect-error special case
-    'sensor.alarm.fire': TypeIconFireAlarm,
     [Types.floodAlarm]: TypeIconFloodAlarm,
-    'sensor.alarm.flood': TypeIconFloodAlarm,
+    [Types.flow]: TypeIconFlow,
     [Types.gate]: TypeIconGate,
     [Types.humidity]: TypeIconHumidity,
     [Types.illuminance]: TypeIconIlluminance,
@@ -46,6 +60,8 @@ const TYPE_ICONS = {
     [Types.motion]: TypeIconMotion,
     [Types.ct]: TypeIconCT,
     [Types.percentage]: TypeIconSlider,
+    [Types.pressure]: TypeIconPressure,
+    [Types.pump]: TypeIconPump,
     [Types.rgb]: TypeIconRGB,
     [Types.rgbSingle]: TypeIconRGB,
     [Types.rgbwSingle]: TypeIconRGBWSingle,
@@ -73,6 +89,15 @@ const TYPE_ICONS = {
     hub5: TypeIconHub5,
     controller: TypeIconController,
 };
+/** Icons for state roles that may be given as `src` instead of a device type */
+const ROLE_ICONS = {
+    'sensor.alarm.fire': TypeIconFireAlarm,
+    'sensor.alarm.flood': TypeIconFloodAlarm,
+};
+const ALL_ICONS = { ...TYPE_ICONS, ...ROLE_ICONS };
+function isKnownIcon(src) {
+    return typeof src === 'string' && Object.prototype.hasOwnProperty.call(ALL_ICONS, src);
+}
 const defaultStyle = {
     width: 32,
     height: 32,
@@ -88,13 +113,12 @@ export function DeviceTypeIcon(props) {
     if (!loaded && props.title) {
         return (React.createElement(Box, { style: { ...defaultStyle, ...(props.style || undefined) }, className: props.className, sx: props.sx }));
     }
-    // src could contain a device type too, so detect if it is a type
-    const type = props.type ||
-        (props.src ? Object.keys(TYPE_ICONS).find(type => props.src === type) : undefined);
+    // src could contain a device type or a state role too, so detect if it is a type
+    const type = props.type || (isKnownIcon(props.src) ? props.src : undefined);
     if (!type && props.src) {
         return (React.createElement(Icon, { style: defaultStyle, ...props, title: props.title === true ? undefined : props.title, src: props.src }));
     }
-    const TypeIcon = type && TYPE_ICONS[type];
+    const TypeIcon = type && ALL_ICONS[type];
     if (!TypeIcon) {
         // Show the first letter of a type
         return type ? (React.createElement("span", { style: { ...defaultStyle, ...(props.style || undefined) } }, type[0].toUpperCase())) : null;

package/build/Components/DeviceType/DeviceTypeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceTypeIcon.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Box, Tooltip } from '@mui/material';\n\nimport { AiOutlineLineChart as TypeIconChart } from 'react-icons/ai';\nimport { GoDeviceCameraVideo as TypeIconCamera } from 'react-icons/go';\n\nimport {\n    // FaExternalLinkSquareAlt as TypeIconURL,\n    FaImage as TypeIconImage,\n    FaRegLightbulb as TypeIconDimmer,\n    FaInfoCircle as TypeIconInfo,\n    FaLightbulb as TypeIconLight,\n    FaLock as TypeIconLock,\n    FaStreetView as TypeIconLocation,\n    FaStepForward as TypeIconMedia,\n    FaSlidersH as TypeIconSlider,\n    FaVolumeDown as TypeIconVolume,\n    FaVolumeUp as TypeIconVolumeGroup,\n    FaFan as TypeIconAC,\n    FaWrench as TypeIconInstance,\n} from 'react-icons/fa';\n\nimport {\n    MdFormatColorFill as TypeIconHUE,\n    MdFormatColorFill as TypeIconCT,\n    MdWarning as TypeIconWarning,\n    MdQuestionMark as TypeIconUnknown,\n    MdOutlineMyLocation as TypeIconLocationOne,\n    MdDeviceHub as TypeIconHub3,\n    MdPolyline as TypeIconNode,\n    MdHub as TypeIconHub5,\n    MdControlCamera as TypeIconController,\n} from 'react-icons/md';\nimport { WiCloudy as TypeIconWeather } from 'react-icons/wi';\nimport { IoIosRadioButtonOn as TypeIconButtonSensor } from 'react-icons/io';\nimport { TbSunElectricity as TypeIconIlluminance } from 'react-icons/tb';\nimport { PiPaletteDuotone as TypeIconRGBWSingle } from 'react-icons/pi';\n\nimport { Types } from '@iobroker/type-detector';\n\nimport { I18n } from '../../i18n';\nimport { Icon } from '../Icon';\n\nimport {\n    Cleaner as TypeIconVacuumCleaner,\n    Humidity as TypeIconHumidity,\n    Jalousie as TypeIconBlinds,\n    PushButton as TypeIconButton,\n    DoorOpened as TypeIconDoor,\n    FireOn as TypeIconFireAlarm,\n    FloodOn as TypeIconFloodAlarm,\n    Gate as TypeIconGate,\n    MotionOn as TypeIconMotion,\n    RGB as TypeIconRGB,\n    Socket as TypeIconSocket,\n    Thermometer as TypeIconTemperature,\n    Thermostat as TypeIconThermostat,\n    // HeatValve as TypeIconValve,\n    WindowOpened as TypeIconWindow,\n    WindowTilted as TypeIconWindowTilt,\n    type IconPropsSVG,\n} from './icons';\nimport { extendDeviceTypeTranslation } from './deviceTypeTranslations';\n\nexport type TypesExtended = Types | 'invalid' | 'hub3' | 'node' | 'hub5' | 'controller';\n\nconst TYPE_ICONS: Record<TypesExtended, React.FC<IconPropsSVG>> = {\n    [Types.airCondition]: TypeIconAC,\n    [Types.blind]: TypeIconBlinds,\n    [Types.blindButtons]: TypeIconBlinds,\n    [Types.button]: TypeIconButton,\n    [Types.buttonSensor]: TypeIconButtonSensor,\n    [Types.camera]: TypeIconCamera,\n    [Types.chart]: TypeIconChart,\n    // [Types.url]: TypeIconURL,\n    [Types.image]: TypeIconImage,\n    [Types.dimmer]: TypeIconDimmer,\n    [Types.door]: TypeIconDoor,\n    [Types.fireAlarm]: TypeIconFireAlarm,\n    // @ts-expect-error special case\n    'sensor.alarm.fire': TypeIconFireAlarm,\n    [Types.floodAlarm]: TypeIconFloodAlarm,\n    'sensor.alarm.flood': TypeIconFloodAlarm,\n    [Types.gate]: TypeIconGate,\n    [Types.humidity]: TypeIconHumidity,\n    [Types.illuminance]: TypeIconIlluminance,\n    [Types.info]: TypeIconInfo,\n    [Types.light]: TypeIconLight,\n    [Types.lock]: TypeIconLock,\n    [Types.location]: TypeIconLocation,\n    [Types.locationOne]: TypeIconLocationOne,\n    [Types.media]: TypeIconMedia,\n    [Types.motion]: TypeIconMotion,\n    [Types.ct]: TypeIconCT,\n    [Types.percentage]: TypeIconSlider,\n    [Types.rgb]: TypeIconRGB,\n    [Types.rgbSingle]: TypeIconRGB,\n    [Types.rgbwSingle]: TypeIconRGBWSingle,\n    [Types.hue]: TypeIconHUE,\n    [Types.cie]: TypeIconRGB,\n    [Types.slider]: TypeIconSlider,\n    [Types.socket]: TypeIconSocket,\n    [Types.temperature]: TypeIconTemperature,\n    [Types.thermostat]: TypeIconThermostat,\n    // [Types.valve]: TypeIconValve,\n    [Types.vacuumCleaner]: TypeIconVacuumCleaner,\n    [Types.volume]: TypeIconVolume,\n    [Types.volumeGroup]: TypeIconVolumeGroup,\n    [Types.window]: TypeIconWindow,\n    [Types.windowTilt]: TypeIconWindowTilt,\n    [Types.weatherCurrent]: TypeIconWeather,\n    [Types.weatherForecast]: TypeIconWeather,\n    [Types.warning]: TypeIconWarning,\n\n    [Types.unknown]: TypeIconUnknown,\n    [Types.instance]: TypeIconInstance,\n\n    // Special matter types\n    invalid: TypeIconWarning,\n    hub3: TypeIconHub3,\n    node: TypeIconNode,\n    hub5: TypeIconHub5,\n    controller: TypeIconController,\n};\n\nconst defaultStyle: React.CSSProperties = {\n    width: 32,\n    height: 32,\n};\n\nexport interface IconProps {\n    /** URL, UTF-8 character, or svg code (data:image/svg...) */\n    src?: string | React.JSX.Element | null | undefined;\n    /** Class name */\n    className?: string;\n    /** Style for image */\n    style?: React.CSSProperties;\n    /** Styles for mui */\n    sx?: Record<string, any>;\n    /** Tooltip */\n    title?: string | true;\n    /** Styles for utf-8 characters */\n    styleUTF8?: React.CSSProperties;\n    /** On error handler */\n    onError?: React.ReactEventHandler<HTMLImageElement>;\n    /** Reference to image */\n    ref?: React.RefObject<HTMLImageElement>;\n    /** Alternative text for image */\n    alt?: string;\n    /** On click handler */\n    onClick?: React.MouseEventHandler<any>;\n}\n\nexport type TypeIconProps = IconProps & { type?: TypesExtended };\n\nexport function DeviceTypeIcon(props: TypeIconProps): React.JSX.Element | null {\n    const [loaded, setLoaded] = React.useState(false);\n\n    useEffect(() => {\n        if (props.title && !loaded) {\n            extendDeviceTypeTranslation();\n            setLoaded(true);\n        }\n    }, [props.title, loaded]);\n\n    if (!loaded && props.title) {\n        return (\n            <Box\n                style={{ ...defaultStyle, ...(props.style || undefined) }}\n                className={props.className}\n                sx={props.sx}\n            />\n        );\n    }\n    // src could contain a device type too, so detect if it is a type\n    const type: TypesExtended | undefined =\n        props.type ||\n        (props.src ? (Object.keys(TYPE_ICONS).find(type => props.src === type) as TypesExtended) : undefined);\n\n    if (!type && props.src) {\n        return (\n            <Icon\n                style={defaultStyle}\n                {...props}\n                title={props.title === true ? undefined : props.title}\n                src={props.src}\n            />\n        );\n    }\n\n    const TypeIcon = type && TYPE_ICONS[type];\n    if (!TypeIcon) {\n        // Show the first letter of a type\n        return type ? (\n            <span style={{ ...defaultStyle, ...(props.style || undefined) }}>{type[0].toUpperCase()}</span>\n        ) : null;\n    }\n\n    const icon = (\n        <TypeIcon\n            style={{ ...defaultStyle, ...(props.style || undefined) }}\n            onClick={props.onClick}\n            className={props.className}\n            sx={props.sx}\n        />\n    );\n\n    if (props.title) {\n        return (\n            <Tooltip\n                slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n                title={props.title === true ? I18n.t(`type-${type}`) : props.title}\n            >\n                <div style={{ display: 'flex' }}>{icon}</div>\n            </Tooltip>\n        );\n    }\n\n    return icon;\n}\n"]}
+{"version":3,"file":"DeviceTypeIcon.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Box, Tooltip } from '@mui/material';\n\nimport { AiOutlineLineChart as TypeIconChart } from 'react-icons/ai';\nimport { GoDeviceCameraVideo as TypeIconCamera } from 'react-icons/go';\n\nimport {\n    // FaExternalLinkSquareAlt as TypeIconURL,\n    FaImage as TypeIconImage,\n    FaRegLightbulb as TypeIconDimmer,\n    FaInfoCircle as TypeIconInfo,\n    FaLightbulb as TypeIconLight,\n    FaLock as TypeIconLock,\n    FaStreetView as TypeIconLocation,\n    FaStepForward as TypeIconMedia,\n    FaSlidersH as TypeIconSlider,\n    FaVolumeDown as TypeIconVolume,\n    FaVolumeUp as TypeIconVolumeGroup,\n    FaFan as TypeIconAC,\n    FaWrench as TypeIconInstance,\n} from 'react-icons/fa';\n\nimport {\n    MdFormatColorFill as TypeIconHUE,\n    MdFormatColorFill as TypeIconCT,\n    MdWarning as TypeIconWarning,\n    MdQuestionMark as TypeIconUnknown,\n    MdOutlineMyLocation as TypeIconLocationOne,\n    MdDeviceHub as TypeIconHub3,\n    MdPolyline as TypeIconNode,\n    MdHub as TypeIconHub5,\n    MdControlCamera as TypeIconController,\n    MdAir as TypeIconAirQuality,\n    MdElectricMeter as TypeIconElectricity,\n} from 'react-icons/md';\nimport { WiCloudy as TypeIconWeather } from 'react-icons/wi';\nimport { IoIosRadioButtonOn as TypeIconButtonSensor } from 'react-icons/io';\nimport {\n    TbSunElectricity as TypeIconIlluminance,\n    TbAlarmSmoke as TypeIconCoAlarm,\n    TbBarrel as TypeIconFillLevel,\n    TbRipple as TypeIconFlow,\n    TbGauge as TypeIconPressure,\n    TbEngine as TypeIconPump,\n    TbCircuitSwitchClosed as TypeIconContact,\n} from 'react-icons/tb';\nimport { PiPaletteDuotone as TypeIconRGBWSingle, PiFan as TypeIconFan } from 'react-icons/pi';\nimport { LuAirVent as TypeIconAirPurifier } from 'react-icons/lu';\n\nimport { Types } from '@iobroker/type-detector';\n\nimport { I18n } from '../../i18n';\nimport { Icon } from '../Icon';\n\nimport {\n    Cleaner as TypeIconVacuumCleaner,\n    Humidity as TypeIconHumidity,\n    Jalousie as TypeIconBlinds,\n    PushButton as TypeIconButton,\n    DoorOpened as TypeIconDoor,\n    FireOn as TypeIconFireAlarm,\n    FloodOn as TypeIconFloodAlarm,\n    Gate as TypeIconGate,\n    MotionOn as TypeIconMotion,\n    RGB as TypeIconRGB,\n    Socket as TypeIconSocket,\n    Thermometer as TypeIconTemperature,\n    Thermostat as TypeIconThermostat,\n    // HeatValve as TypeIconValve,\n    WindowOpened as TypeIconWindow,\n    WindowTilted as TypeIconWindowTilt,\n    type IconPropsSVG,\n} from './icons';\nimport { extendDeviceTypeTranslation } from './deviceTypeTranslations';\n\nexport type TypesExtended = Types | 'invalid' | 'hub3' | 'node' | 'hub5' | 'controller';\n\n/**\n * Icon for every device type.\n *\n * This map is deliberately a complete `Record` over `TypesExtended`: when `@iobroker/type-detector`\n * adds a new member to `Types`, the build fails here until an icon is assigned. Never add keys that\n * are not part of `TypesExtended` (a single `@ts-expect-error` inside the literal would suppress the\n * completeness check for the whole object) — put those in `ROLE_ICONS` below.\n */\nconst TYPE_ICONS: Record<TypesExtended, React.FC<IconPropsSVG>> = {\n    [Types.airCondition]: TypeIconAC,\n    [Types.airPurifier]: TypeIconAirPurifier,\n    [Types.airQuality]: TypeIconAirQuality,\n    [Types.blind]: TypeIconBlinds,\n    [Types.blindButtons]: TypeIconBlinds,\n    [Types.button]: TypeIconButton,\n    [Types.buttonSensor]: TypeIconButtonSensor,\n    [Types.camera]: TypeIconCamera,\n    [Types.chart]: TypeIconChart,\n    [Types.coAlarm]: TypeIconCoAlarm,\n    [Types.contact]: TypeIconContact,\n    // [Types.url]: TypeIconURL,\n    [Types.image]: TypeIconImage,\n    [Types.dimmer]: TypeIconDimmer,\n    [Types.door]: TypeIconDoor,\n    [Types.electricity]: TypeIconElectricity,\n    [Types.fan]: TypeIconFan,\n    [Types.fillLevel]: TypeIconFillLevel,\n    [Types.fireAlarm]: TypeIconFireAlarm,\n    [Types.floodAlarm]: TypeIconFloodAlarm,\n    [Types.flow]: TypeIconFlow,\n    [Types.gate]: TypeIconGate,\n    [Types.humidity]: TypeIconHumidity,\n    [Types.illuminance]: TypeIconIlluminance,\n    [Types.info]: TypeIconInfo,\n    [Types.light]: TypeIconLight,\n    [Types.lock]: TypeIconLock,\n    [Types.location]: TypeIconLocation,\n    [Types.locationOne]: TypeIconLocationOne,\n    [Types.media]: TypeIconMedia,\n    [Types.motion]: TypeIconMotion,\n    [Types.ct]: TypeIconCT,\n    [Types.percentage]: TypeIconSlider,\n    [Types.pressure]: TypeIconPressure,\n    [Types.pump]: TypeIconPump,\n    [Types.rgb]: TypeIconRGB,\n    [Types.rgbSingle]: TypeIconRGB,\n    [Types.rgbwSingle]: TypeIconRGBWSingle,\n    [Types.hue]: TypeIconHUE,\n    [Types.cie]: TypeIconRGB,\n    [Types.slider]: TypeIconSlider,\n    [Types.socket]: TypeIconSocket,\n    [Types.temperature]: TypeIconTemperature,\n    [Types.thermostat]: TypeIconThermostat,\n    // [Types.valve]: TypeIconValve,\n    [Types.vacuumCleaner]: TypeIconVacuumCleaner,\n    [Types.volume]: TypeIconVolume,\n    [Types.volumeGroup]: TypeIconVolumeGroup,\n    [Types.window]: TypeIconWindow,\n    [Types.windowTilt]: TypeIconWindowTilt,\n    [Types.weatherCurrent]: TypeIconWeather,\n    [Types.weatherForecast]: TypeIconWeather,\n    [Types.warning]: TypeIconWarning,\n\n    [Types.unknown]: TypeIconUnknown,\n    [Types.instance]: TypeIconInstance,\n\n    // Special matter types\n    invalid: TypeIconWarning,\n    hub3: TypeIconHub3,\n    node: TypeIconNode,\n    hub5: TypeIconHub5,\n    controller: TypeIconController,\n};\n\n/** Icons for state roles that may be given as `src` instead of a device type */\nconst ROLE_ICONS: Record<string, React.FC<IconPropsSVG>> = {\n    'sensor.alarm.fire': TypeIconFireAlarm,\n    'sensor.alarm.flood': TypeIconFloodAlarm,\n};\n\nconst ALL_ICONS: Record<string, React.FC<IconPropsSVG>> = { ...TYPE_ICONS, ...ROLE_ICONS };\n\nfunction isKnownIcon(src: unknown): src is TypesExtended {\n    return typeof src === 'string' && Object.prototype.hasOwnProperty.call(ALL_ICONS, src);\n}\n\nconst defaultStyle: React.CSSProperties = {\n    width: 32,\n    height: 32,\n};\n\nexport interface IconProps {\n    /** URL, UTF-8 character, or svg code (data:image/svg...) */\n    src?: string | React.JSX.Element | null | undefined;\n    /** Class name */\n    className?: string;\n    /** Style for image */\n    style?: React.CSSProperties;\n    /** Styles for mui */\n    sx?: Record<string, any>;\n    /** Tooltip */\n    title?: string | true;\n    /** Styles for utf-8 characters */\n    styleUTF8?: React.CSSProperties;\n    /** On error handler */\n    onError?: React.ReactEventHandler<HTMLImageElement>;\n    /** Reference to image */\n    ref?: React.RefObject<HTMLImageElement>;\n    /** Alternative text for image */\n    alt?: string;\n    /** On click handler */\n    onClick?: React.MouseEventHandler<any>;\n}\n\nexport type TypeIconProps = IconProps & { type?: TypesExtended };\n\nexport function DeviceTypeIcon(props: TypeIconProps): React.JSX.Element | null {\n    const [loaded, setLoaded] = React.useState(false);\n\n    useEffect(() => {\n        if (props.title && !loaded) {\n            extendDeviceTypeTranslation();\n            setLoaded(true);\n        }\n    }, [props.title, loaded]);\n\n    if (!loaded && props.title) {\n        return (\n            <Box\n                style={{ ...defaultStyle, ...(props.style || undefined) }}\n                className={props.className}\n                sx={props.sx}\n            />\n        );\n    }\n    // src could contain a device type or a state role too, so detect if it is a type\n    const type: TypesExtended | undefined = props.type || (isKnownIcon(props.src) ? props.src : undefined);\n\n    if (!type && props.src) {\n        return (\n            <Icon\n                style={defaultStyle}\n                {...props}\n                title={props.title === true ? undefined : props.title}\n                src={props.src}\n            />\n        );\n    }\n\n    const TypeIcon = type && ALL_ICONS[type];\n    if (!TypeIcon) {\n        // Show the first letter of a type\n        return type ? (\n            <span style={{ ...defaultStyle, ...(props.style || undefined) }}>{type[0].toUpperCase()}</span>\n        ) : null;\n    }\n\n    const icon = (\n        <TypeIcon\n            style={{ ...defaultStyle, ...(props.style || undefined) }}\n            onClick={props.onClick}\n            className={props.className}\n            sx={props.sx}\n        />\n    );\n\n    if (props.title) {\n        return (\n            <Tooltip\n                slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n                title={props.title === true ? I18n.t(`type-${type}`) : props.title}\n            >\n                <div style={{ display: 'flex' }}>{icon}</div>\n            </Tooltip>\n        );\n    }\n\n    return icon;\n}\n"]}

package/build/Components/DeviceType/deviceTypeTranslations.js

@@ -4,6 +4,7 @@ import deLang from './i18n/de.json';
 import ruLang from './i18n/ru.json';
 import ptLang from './i18n/pt.json';
 import plLang from './i18n/pl.json';
+import esLang from './i18n/es.json';
 import frLang from './i18n/fr.json';
 import itLang from './i18n/it.json';
 import nlLang from './i18n/nl.json';
@@ -19,6 +20,7 @@ export function extendDeviceTypeTranslation() {
             ru: ruLang,
             pt: ptLang,
             pl: plLang,
+            es: esLang,
             fr: frLang,
             it: itLang,
             nl: nlLang,

package/build/Components/DeviceType/deviceTypeTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"deviceTypeTranslations.js","sourceRoot":"./src/","sources":["Components/DeviceType/deviceTypeTranslations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAC9B,MAAM,UAAU,2BAA2B;IACvC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,iBAAiB,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC;YACpB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,OAAO,EAAE,MAAM;SAClB,CAAC,CAAC;IACP,CAAC;AACL,CAAC","sourcesContent":["import { I18n } from '../../i18n';\nimport enLang from './i18n/en.json';\nimport deLang from './i18n/de.json';\nimport ruLang from './i18n/ru.json';\nimport ptLang from './i18n/pt.json';\nimport plLang from './i18n/pl.json';\nimport frLang from './i18n/fr.json';\nimport itLang from './i18n/it.json';\nimport nlLang from './i18n/nl.json';\nimport ukLang from './i18n/uk.json';\nimport zhLang from './i18n/zh-cn.json';\n\nlet translationLoaded = false;\nexport function extendDeviceTypeTranslation(): void {\n    if (!translationLoaded) {\n        translationLoaded = true;\n        I18n.extendTranslations({\n            en: enLang,\n            de: deLang,\n            ru: ruLang,\n            pt: ptLang,\n            pl: plLang,\n            fr: frLang,\n            it: itLang,\n            nl: nlLang,\n            uk: ukLang,\n            'zh-cn': zhLang,\n        });\n    }\n}\n"]}
+{"version":3,"file":"deviceTypeTranslations.js","sourceRoot":"./src/","sources":["Components/DeviceType/deviceTypeTranslations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAC9B,MAAM,UAAU,2BAA2B;IACvC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,iBAAiB,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC;YACpB,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,OAAO,EAAE,MAAM;SAClB,CAAC,CAAC;IACP,CAAC;AACL,CAAC","sourcesContent":["import { I18n } from '../../i18n';\nimport enLang from './i18n/en.json';\nimport deLang from './i18n/de.json';\nimport ruLang from './i18n/ru.json';\nimport ptLang from './i18n/pt.json';\nimport plLang from './i18n/pl.json';\nimport esLang from './i18n/es.json';\nimport frLang from './i18n/fr.json';\nimport itLang from './i18n/it.json';\nimport nlLang from './i18n/nl.json';\nimport ukLang from './i18n/uk.json';\nimport zhLang from './i18n/zh-cn.json';\n\nlet translationLoaded = false;\nexport function extendDeviceTypeTranslation(): void {\n    if (!translationLoaded) {\n        translationLoaded = true;\n        I18n.extendTranslations({\n            en: enLang,\n            de: deLang,\n            ru: ruLang,\n            pt: ptLang,\n            pl: plLang,\n            es: esLang,\n            fr: frLang,\n            it: itLang,\n            nl: nlLang,\n            uk: ukLang,\n            'zh-cn': zhLang,\n        });\n    }\n}\n"]}

package/build/Components/DeviceType/i18n/de.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Gerätetyp",
     "type-airCondition": "Klimaanlage",
+    "type-airPurifier": "Luftreiniger",
+    "type-airQuality": "Luftqualität",
     "type-blind": "Jalousien",
     "type-blindButtons": "Jalousie über Tasten gesteuert",
     "type-button": "Taste",
@@ -8,11 +10,17 @@
     "type-camera": "Kamera",
     "type-chart": "Diagramm",
     "type-cie": "CIE Farblicht",
+    "type-coAlarm": "Kohlenmonoxid-Alarm",
+    "type-contact": "Kontaktsensor",
     "type-ct": "Farbtemperatur",
     "type-dimmer": "Dimmer",
     "type-door": "Türsensor",
+    "type-electricity": "Stromzähler",
+    "type-fan": "Ventilator",
+    "type-fillLevel": "Füllstand",
     "type-fireAlarm": "Feueralarm",
     "type-floodAlarm": "Wasseralarm",
+    "type-flow": "Durchfluss",
     "type-gate": "Tor-Steuerung",
     "type-hue": "HUE-Licht",
     "type-humidity": "Feuchtigkeit",
@@ -27,6 +35,8 @@
     "type-media": "Mediaplayer",
     "type-motion": "Bewegungssensor",
     "type-percentage": "Prozentsatz",
+    "type-pressure": "Druck",
+    "type-pump": "Pumpe",
     "type-rgb": "RGB-Licht",
     "type-rgbSingle": "R,G,B-Licht Einzelwerte",
     "type-rgbwSingle": "R,G,B,W-Licht Einzelwerte",
@@ -34,9 +44,8 @@
     "type-socket": "Steckdose",
     "type-temperature": "Temperatur",
     "type-thermostat": "Thermostat",
-    "type-url": "URL",
+    "type-unknown": "Unbekannt",
     "type-vacuumCleaner": "Staubsauger",
-    "type-valve": "Ventil",
     "type-volume": "Lautstärke",
     "type-volumeGroup": "Lautstärke-Gruppe",
     "type-warning": "Warnung",

package/build/Components/DeviceType/i18n/en.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Device type",
     "type-airCondition": "Air conditioner",
+    "type-airPurifier": "Air purifier",
+    "type-airQuality": "Air quality",
     "type-blind": "Blinds",
     "type-blindButtons": "Blind controlled by buttons",
     "type-button": "Button",
@@ -8,11 +10,17 @@
     "type-camera": "Camera",
     "type-chart": "Chart",
     "type-cie": "CIE color light",
+    "type-coAlarm": "Carbon monoxide alarm",
+    "type-contact": "Contact sensor",
     "type-ct": "Color temperature",
     "type-dimmer": "Dimmer",
     "type-door": "Door",
+    "type-electricity": "Electricity meter",
+    "type-fan": "Fan",
+    "type-fillLevel": "Fill level",
     "type-fireAlarm": "Fire alarm",
     "type-floodAlarm": "Flood alarm",
+    "type-flow": "Flow rate",
     "type-gate": "Gate",
     "type-hue": "HUE light",
     "type-humidity": "Humidity",
@@ -27,6 +35,8 @@
     "type-media": "Media-player",
     "type-motion": "Motion sensor",
     "type-percentage": "Percentage",
+    "type-pressure": "Pressure",
+    "type-pump": "Pump",
     "type-rgb": "RGB light",
     "type-rgbSingle": "R,G,B light - single states",
     "type-rgbwSingle": "R,G,B,W light - single states",
@@ -34,9 +44,8 @@
     "type-socket": "Socket",
     "type-temperature": "Temperature",
     "type-thermostat": "Thermostat",
-    "type-url": "URL",
+    "type-unknown": "Unknown",
     "type-vacuumCleaner": "Vacuum cleaner",
-    "type-valve": "Valve",
     "type-volume": "Volume",
     "type-volumeGroup": "Volume group",
     "type-warning": "Warning",

package/build/Components/DeviceType/i18n/es.json

@@ -0,0 +1,56 @@
+{
+    "type-Device type": "Tipo de dispositivo",
+    "type-airCondition": "Acondicionador de aire",
+    "type-airPurifier": "Purificador de aire",
+    "type-airQuality": "Calidad del aire",
+    "type-blind": "persianas",
+    "type-blindButtons": "Persiana controlada por botones",
+    "type-button": "botón",
+    "type-buttonSensor": "Sensor de botón",
+    "type-camera": "cámara",
+    "type-chart": "Cuadro",
+    "type-cie": "Luz de color CIE",
+    "type-coAlarm": "Alarma de monóxido de carbono",
+    "type-contact": "Sensor de contacto",
+    "type-ct": "Temperatura de color",
+    "type-dimmer": "regulador de intensidad",
+    "type-door": "puerta",
+    "type-electricity": "Contador de electricidad",
+    "type-fan": "Ventilador",
+    "type-fillLevel": "Nivel de llenado",
+    "type-fireAlarm": "alarma de incendios",
+    "type-floodAlarm": "alarma de inundación",
+    "type-flow": "Caudal",
+    "type-gate": "puerta",
+    "type-hue": "Luz HUE",
+    "type-humidity": "humedad",
+    "type-illuminance": "Iluminancia",
+    "type-image": "imagen",
+    "type-info": "información",
+    "type-instance": "instancia",
+    "type-light": "luz",
+    "type-location": "ubicación",
+    "type-locationOne": "Posición como Estado",
+    "type-lock": "cerrar",
+    "type-media": "medios de comunicación",
+    "type-motion": "movimiento",
+    "type-percentage": "Porcentaje",
+    "type-pressure": "Presión",
+    "type-pump": "Bomba",
+    "type-rgb": "Luz RGB",
+    "type-rgbSingle": "Luz RGB individual",
+    "type-rgbwSingle": "RGBW como valor único",
+    "type-slider": "control deslizante",
+    "type-socket": "enchufe",
+    "type-temperature": "temperatura",
+    "type-thermostat": "termostato",
+    "type-unknown": "Desconocido",
+    "type-vacuumCleaner": "Aspiradora",
+    "type-volume": "volumen",
+    "type-volumeGroup": "grupo de volumen",
+    "type-warning": "advertencia",
+    "type-weatherCurrent": "el tiempo actual",
+    "type-weatherForecast": "pronóstico del tiempo",
+    "type-window": "ventana",
+    "type-windowTilt": "inclinación de la ventana"
+}

package/build/Components/DeviceType/i18n/fr.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Type d'appareil",
     "type-airCondition": "Climatiseur",
+    "type-airPurifier": "Purificateur d'air",
+    "type-airQuality": "Qualité de l'air",
     "type-blind": "stores",
     "type-blindButtons": "Store commandé par boutons",
     "type-button": "bouton",
@@ -8,11 +10,17 @@
     "type-camera": "caméra",
     "type-chart": "Graphique",
     "type-cie": "lumière colorée CIE",
+    "type-coAlarm": "Alarme monoxyde de carbone",
+    "type-contact": "Capteur de contact",
     "type-ct": "Température de couleur",
     "type-dimmer": "variateur",
     "type-door": "porte",
+    "type-electricity": "Compteur électrique",
+    "type-fan": "Ventilateur",
+    "type-fillLevel": "Niveau de remplissage",
     "type-fireAlarm": "alarme incendie",
     "type-floodAlarm": "alarme d'inondation",
+    "type-flow": "Débit",
     "type-gate": "grille",
     "type-hue": "Lumière HUE",
     "type-humidity": "humidité",
@@ -27,6 +35,8 @@
     "type-media": "médias",
     "type-motion": "mouvement",
     "type-percentage": "Pourcentage",
+    "type-pressure": "Pression",
+    "type-pump": "Pompe",
     "type-rgb": "lumière RVB",
     "type-rgbSingle": "Lumière RVB simple",
     "type-rgbwSingle": "RGBW comme valeur unique",
@@ -34,9 +44,8 @@
     "type-socket": "douille",
     "type-temperature": "température",
     "type-thermostat": "thermostat",
-    "type-url": "URL",
+    "type-unknown": "Inconnu",
     "type-vacuumCleaner": "Aspirateur",
-    "type-valve": "soupape",
     "type-volume": "volume",
     "type-volumeGroup": "groupe de volumes",
     "type-warning": "avertissement",

package/build/Components/DeviceType/i18n/it.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Tipo di dispositivo",
     "type-airCondition": "Condizionatore d'aria",
+    "type-airPurifier": "Purificatore d'aria",
+    "type-airQuality": "Qualità dell'aria",
     "type-blind": "tende",
     "type-blindButtons": "Tenda controllata da pulsanti",
     "type-button": "pulsante",
@@ -8,11 +10,17 @@
     "type-camera": "telecamera",
     "type-chart": "Grafico",
     "type-cie": "Luce colorata CIE",
+    "type-coAlarm": "Allarme monossido di carbonio",
+    "type-contact": "Sensore di contatto",
     "type-ct": "Temperatura del colore",
     "type-dimmer": "dimmer",
     "type-door": "porta",
+    "type-electricity": "Contatore elettrico",
+    "type-fan": "Ventilatore",
+    "type-fillLevel": "Livello di riempimento",
     "type-fireAlarm": "allarme antincendio",
     "type-floodAlarm": "allarme allagamento",
+    "type-flow": "Portata",
     "type-gate": "cancello",
     "type-hue": "Luce HUE",
     "type-humidity": "umidità",
@@ -27,6 +35,8 @@
     "type-media": "media",
     "type-motion": "movimento",
     "type-percentage": "Percentuale",
+    "type-pressure": "Pressione",
+    "type-pump": "Pompa",
     "type-rgb": "luce RGB",
     "type-rgbSingle": "Luce RGB singola",
     "type-rgbwSingle": "RGBW come valore singolo",
@@ -34,9 +44,8 @@
     "type-socket": "PRESA",
     "type-temperature": "temperatura",
     "type-thermostat": "termostato",
-    "type-url": "URL",
+    "type-unknown": "Sconosciuto",
     "type-vacuumCleaner": "Aspirapolvere",
-    "type-valve": "valvola",
     "type-volume": "volume",
     "type-volumeGroup": "gruppo di volumi",
     "type-warning": "avvertimento",

package/build/Components/DeviceType/i18n/nl.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Apparaattype",
     "type-airCondition": "Airconditioner",
+    "type-airPurifier": "Luchtreiniger",
+    "type-airQuality": "Luchtkwaliteit",
     "type-blind": "jaloezieën",
     "type-blindButtons": "Jaloezie bediend door knoppen",
     "type-button": "knop",
@@ -8,11 +10,17 @@
     "type-camera": "camera",
     "type-chart": "Grafiek",
     "type-cie": "CIE-kleurenlicht",
+    "type-coAlarm": "Koolmonoxidealarm",
+    "type-contact": "Contactsensor",
     "type-ct": "Kleurtemperatuur",
     "type-dimmer": "dimmer",
     "type-door": "deur",
+    "type-electricity": "Elektriciteitsmeter",
+    "type-fan": "Ventilator",
+    "type-fillLevel": "Vulniveau",
     "type-fireAlarm": "brandalarm",
     "type-floodAlarm": "overstromingsalarm",
+    "type-flow": "Debiet",
     "type-gate": "hek",
     "type-hue": "HUE-licht",
     "type-humidity": "vochtigheid",
@@ -27,6 +35,8 @@
     "type-media": "media",
     "type-motion": "beweging",
     "type-percentage": "Percentage",
+    "type-pressure": "Druk",
+    "type-pump": "Pomp",
     "type-rgb": "RGB-licht",
     "type-rgbSingle": "RGB-licht enkel",
     "type-rgbwSingle": "RGBW als enkele waarde",
@@ -34,9 +44,8 @@
     "type-socket": "stopcontact",
     "type-temperature": "temperatuur",
     "type-thermostat": "thermostaat",
-    "type-url": "URL",
+    "type-unknown": "Onbekend",
     "type-vacuumCleaner": "Stofzuiger",
-    "type-valve": "ventiel",
     "type-volume": "volume",
     "type-volumeGroup": "volumegroep",
     "type-warning": "waarschuwing",

package/build/Components/DeviceType/i18n/pl.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Typ urządzenia",
     "type-airCondition": "Klimatyzator",
+    "type-airPurifier": "Oczyszczacz powietrza",
+    "type-airQuality": "Jakość powietrza",
     "type-blind": "żaluzje",
     "type-blindButtons": "Roleta sterowana przyciskami",
     "type-button": "przycisk",
@@ -8,11 +10,17 @@
     "type-camera": "kamera",
     "type-chart": "Wykres",
     "type-cie": "Światło kolorowe CIE",
+    "type-coAlarm": "Alarm tlenku węgla",
+    "type-contact": "Czujnik kontaktronowy",
     "type-ct": "Temperatura barwowa",
     "type-dimmer": "opornik",
     "type-door": "drzwi",
+    "type-electricity": "Licznik energii elektrycznej",
+    "type-fan": "Wentylator",
+    "type-fillLevel": "Poziom napełnienia",
     "type-fireAlarm": "alarm pożarowy",
     "type-floodAlarm": "alarm przeciwpowodziowy",
+    "type-flow": "Przepływ",
     "type-gate": "brama",
     "type-hue": "Światło HUE",
     "type-humidity": "wilgotność",
@@ -27,6 +35,8 @@
     "type-media": "głoska bezdźwięczna",
     "type-motion": "ruch",
     "type-percentage": "Procent",
+    "type-pressure": "Ciśnienie",
+    "type-pump": "Pompa",
     "type-rgb": "Światło RGB",
     "type-rgbSingle": "Pojedyncze światło RGB",
     "type-rgbwSingle": "RGBW jako pojedyncza wartość",
@@ -34,9 +44,8 @@
     "type-socket": "gniazdo",
     "type-temperature": "temperatura",
     "type-thermostat": "termostat",
-    "type-url": "Adres URL",
+    "type-unknown": "Nieznany",
     "type-vacuumCleaner": "Odkurzacz",
-    "type-valve": "zawór",
     "type-volume": "tom",
     "type-volumeGroup": "grupa woluminów",
     "type-warning": "ostrzeżenie",

package/build/Components/DeviceType/i18n/pt.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Tipo de dispositivo",
     "type-airCondition": "Ar condicionado",
+    "type-airPurifier": "Purificador de ar",
+    "type-airQuality": "Qualidade do ar",
     "type-blind": "persianas",
     "type-blindButtons": "Persiana controlada por botões",
     "type-button": "botão",
@@ -8,11 +10,17 @@
     "type-camera": "câmera",
     "type-chart": "Gráfico",
     "type-cie": "Luz colorida CIE",
+    "type-coAlarm": "Alarme de monóxido de carbono",
+    "type-contact": "Sensor de contato",
     "type-ct": "Temperatura de cor",
     "type-dimmer": "dimmer",
     "type-door": "porta",
+    "type-electricity": "Medidor de energia",
+    "type-fan": "Ventilador",
+    "type-fillLevel": "Nível de enchimento",
     "type-fireAlarm": "alarme de incêndio",
     "type-floodAlarm": "alarme de inundação",
+    "type-flow": "Vazão",
     "type-gate": "portão",
     "type-hue": "Luz HUE",
     "type-humidity": "umidade",
@@ -27,6 +35,8 @@
     "type-media": "mídia",
     "type-motion": "movimento",
     "type-percentage": "Percentagem",
+    "type-pressure": "Pressão",
+    "type-pump": "Bomba",
     "type-rgb": "Luz RGB",
     "type-rgbSingle": "Luz RGB única",
     "type-rgbwSingle": "RGBW como valor único",
@@ -34,9 +44,8 @@
     "type-socket": "soquete",
     "type-temperature": "temperatura",
     "type-thermostat": "termostato",
-    "type-url": "URL",
+    "type-unknown": "Desconhecido",
     "type-vacuumCleaner": "Aspirador de pó",
-    "type-valve": "válvula",
     "type-volume": "volume",
     "type-volumeGroup": "grupo de volume",
     "type-warning": "aviso",

package/build/Components/DeviceType/i18n/ru.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Тип устройства",
     "type-airCondition": "Кондиционер",
+    "type-airPurifier": "Очиститель воздуха",
+    "type-airQuality": "Качество воздуха",
     "type-blind": "Рольставни/Жалюзи",
     "type-blindButtons": "Жалюзи управляющиеся кнопками",
     "type-button": "Кнопка",
@@ -8,11 +10,17 @@
     "type-camera": "Камера",
     "type-chart": "Диаграмма",
     "type-cie": "CIE свет",
+    "type-coAlarm": "Датчик угарного газа",
+    "type-contact": "Датчик контакта",
     "type-ct": "Цветовая температура",
     "type-dimmer": "Диммер",
     "type-door": "Датчик положения двери",
+    "type-electricity": "Счётчик электроэнергии",
+    "type-fan": "Вентилятор",
+    "type-fillLevel": "Уровень наполнения",
     "type-fireAlarm": "Датчик дыма",
     "type-floodAlarm": "Датчик затопления",
+    "type-flow": "Расход",
     "type-gate": "Ворота",
     "type-hue": "HUE свет",
     "type-humidity": "Влажность",
@@ -27,6 +35,8 @@
     "type-media": "Медиа-плейер",
     "type-motion": "Датчик движения",
     "type-percentage": "Проценты",
+    "type-pressure": "Давление",
+    "type-pump": "Насос",
     "type-rgb": "RGB свет",
     "type-rgbSingle": "R,G,B как отдельные значение",
     "type-rgbwSingle": "R,G,B,W как отдельные значение",
@@ -34,9 +44,8 @@
     "type-socket": "Розетка",
     "type-temperature": "Температура",
     "type-thermostat": "Термостат",
-    "type-url": "URL",
+    "type-unknown": "Неизвестно",
     "type-vacuumCleaner": "Пылесос",
-    "type-valve": "Вентиль",
     "type-volume": "Громкость",
     "type-volumeGroup": "Группа громкости",
     "type-warning": "Предупреждение",

package/build/Components/DeviceType/i18n/uk.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "Тип пристрою",
     "type-airCondition": "Кондиціонер",
+    "type-airPurifier": "Очищувач повітря",
+    "type-airQuality": "Якість повітря",
     "type-blind": "жалюзі",
     "type-blindButtons": "Штора керується кнопками",
     "type-button": "кнопку",
@@ -8,11 +10,17 @@
     "type-camera": "камера",
     "type-chart": "Діаграма",
     "type-cie": "Кольорове світло CIE",
+    "type-coAlarm": "Датчик чадного газу",
+    "type-contact": "Датчик контакту",
     "type-ct": "Колірна температура",
     "type-dimmer": "диммер",
     "type-door": "двері",
+    "type-electricity": "Лічильник електроенергії",
+    "type-fan": "Вентилятор",
+    "type-fillLevel": "Рівень наповнення",
     "type-fireAlarm": "пожежна сигналізація",
     "type-floodAlarm": "сигналізація про повінь",
+    "type-flow": "Витрата",
     "type-gate": "ворота",
     "type-hue": "світло HUE",
     "type-humidity": "вологість",
@@ -27,6 +35,8 @@
     "type-media": "ЗМІ",
     "type-motion": "руху",
     "type-percentage": "Відсоток",
+    "type-pressure": "Тиск",
+    "type-pump": "Насос",
     "type-rgb": "RGB світло",
     "type-rgbSingle": "Одиночне світло RGB",
     "type-rgbwSingle": "RGBW як одне значення",
@@ -34,9 +44,8 @@
     "type-socket": "гніздо",
     "type-temperature": "температура",
     "type-thermostat": "термостат",
-    "type-url": "URL",
+    "type-unknown": "Невідомо",
     "type-vacuumCleaner": "Пилосос",
-    "type-valve": "клапан",
     "type-volume": "обсяг",
     "type-volumeGroup": "група обсягів",
     "type-warning": "УВАГА",

package/build/Components/DeviceType/i18n/zh-cn.json

@@ -1,6 +1,8 @@
 {
     "type-Device type": "设备类型",
     "type-airCondition": "空调",
+    "type-airPurifier": "空气净化器",
+    "type-airQuality": "空气质量",
     "type-blind": "百叶窗",
     "type-blindButtons": "按钮控制百叶窗",
     "type-button": "按钮",
@@ -8,11 +10,17 @@
     "type-camera": "相机",
     "type-chart": "图表",
     "type-cie": "CIE色光",
+    "type-coAlarm": "一氧化碳报警器",
+    "type-contact": "触点传感器",
     "type-ct": "色温",
     "type-dimmer": "调光器",
     "type-door": "门",
+    "type-electricity": "电表",
+    "type-fan": "风扇",
+    "type-fillLevel": "填充量",
     "type-fireAlarm": "火灾报警",
     "type-floodAlarm": "洪水警报",
+    "type-flow": "流量",
     "type-gate": "门",
     "type-hue": "色调灯",
     "type-humidity": "湿度",
@@ -27,6 +35,8 @@
     "type-media": "媒体",
     "type-motion": "运动",
     "type-percentage": "百分比",
+    "type-pressure": "压力",
+    "type-pump": "泵",
     "type-rgb": "RGB灯",
     "type-rgbSingle": "RGB灯单",
     "type-rgbwSingle": "RGBW 作为单一值",
@@ -34,9 +44,8 @@
     "type-socket": "插座",
     "type-temperature": "温度",
     "type-thermostat": "恒温器",
-    "type-url": "网址",
+    "type-unknown": "未知",
     "type-vacuumCleaner": "吸尘器",
-    "type-valve": "阀门",
     "type-volume": "体积",
     "type-volumeGroup": "卷组",
     "type-warning": "警告",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/gui-components",
-  "version": "10.0.16",
+  "version": "10.1.0",
   "description": "Shared React components (React 19 / MUI 9) to develop ioBroker interfaces. Successor of @iobroker/adapter-react-v5.",
   "author": {
     "name": "bluefox",
@@ -20,6 +20,8 @@
     "2-copy": "node tasks.ts --2-copy",
     "3-patchReadme": "node tasks.ts --3-patchReadme",
     "npm": "npm i",
+    "check": "tsc -p tsconfig.build.json --noEmit",
+    "check-device-types": "node tasks.ts --check-device-types",
     "lint": "eslint -c eslint.config.mjs src"
   },
   "repository": {
@@ -55,7 +57,7 @@
     "@iobroker/js-controller-common": "^7.2.2",
     "@iobroker/js-controller-common-db": "^7.2.2",
     "@iobroker/socket-client": "^5.2.1",
-    "@iobroker/type-detector": "^5.0.15",
+    "@iobroker/type-detector": "^6.0.0",
     "@iobroker/types": "^7.2.2",
     "@sentry/browser": "^10.70.0",
     "cronstrue": "^3.24.0",