@iobroker/gui-components 10.0.16 → 10.2.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.2.0",
         "@mui/icons-material": "^9.0.1",
         "@mui/material": "^9.0.1",
         "react": "^19.2.5",
@@ -799,6 +799,11 @@ shared is delivered with this package:
 const { moduleFederationShared } = require('@iobroker/gui-components/modulefederation.admin.config');
 ```
 
+Custom components of the JSON config must additionally be built with `manifest: true` and ship the
+generated `mf-manifest.json` next to `customComponents.js`, as the admin reads from it against which
+component library the build was made. See
+[the migration instructions](MIGRATION_8_10.md#6-custom-admin-components) for the details.
+
 ## Test GUI
 
 The `test-gui` directory contains a vite application to develop and test the components visually.
@@ -812,6 +817,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 +877,20 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 10.2.0 (2026-08-26)
+
+- (@krobipd) Corrected: the object browser stayed empty after closing the object customization dialog if any object was changed while the dialog was open (ioBroker/ioBroker.admin#3391)
+- (@krobipd) Changed: `ObjectBrowserClass.subscribes` and `.recordStates` are `Set`s instead of arrays now
+- (@krobipd) Improved: object browser performance on large installations — bursts of object changes cause one tree rebuild instead of several, state-change echoes no longer trigger redraws, subscription bookkeeping is no longer quadratic, and rows outside the viewport skip layout and paint
+
+### 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",