@iobroker/adapter-react-v5 7.6.9 → 7.6.10

package/build/Components/{TypeSelector/TypeIcon.d.ts → DeviceType/DeviceTypeIcon.d.ts}

@@ -26,4 +26,4 @@ export interface IconProps {
 export type TypeIconProps = IconProps & {
     type?: TypesExtended;
 };
-export declare function TypeIcon(props: TypeIconProps): React.JSX.Element | null;
+export declare function DeviceTypeIcon(props: TypeIconProps): React.JSX.Element | null;

package/build/Components/{TypeSelector/TypeIcon.js → DeviceType/DeviceTypeIcon.js}

@@ -71,23 +71,39 @@ const TYPE_ICONS = {
     hub5: TypeIconHub5,
     controller: TypeIconController,
 };
+import enLang from './i18n/en.json';
+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 frLang from './i18n/fr.json';
+import itLang from './i18n/it.json';
+import nlLang from './i18n/nl.json';
+import ukLang from './i18n/uk.json';
+import zhLang from './i18n/zh-cn.json';
 const defaultStyle = {
     width: 32,
     height: 32,
 };
-export function TypeIcon(props) {
-    const language = I18n.getLanguage();
-    const [loaded, setLoaded] = React.useState(window.iobTypeWordsLoaded === language);
+export function DeviceTypeIcon(props) {
+    const [loaded, setLoaded] = React.useState(false);
     useEffect(() => {
-        if (props.title && window.iobTypeWordsLoaded !== language) {
-            // Load translations dynamically
-            void import(`./i18n/${language}.json`).then(i18n => {
-                I18n.extendTranslations(i18n.default, language);
-                window.iobTypeWordsLoaded = language;
-                setLoaded(true);
+        if (props.title && !loaded) {
+            I18n.extendTranslations({
+                en: enLang,
+                de: deLang,
+                ru: ruLang,
+                pt: ptLang,
+                pl: plLang,
+                fr: frLang,
+                it: itLang,
+                nl: nlLang,
+                uk: ukLang,
+                'zh-cn': zhLang,
             });
+            setLoaded(true);
         }
-    }, [language, props.title]);
+    }, [props.title]);
     if (!loaded && props.title) {
         return (React.createElement(Box, { style: { ...defaultStyle, ...(props.style || undefined) }, className: props.className, sx: props.sx }));
     }
@@ -108,4 +124,4 @@ export function TypeIcon(props) {
     }
     return icon;
 }
-//# sourceMappingURL=TypeIcon.js.map
+//# sourceMappingURL=DeviceTypeIcon.js.map

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

@@ -0,0 +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';\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.location_one]: TypeIconLocationOne,\n    [Types.media]: TypeIconMedia,\n    [Types.motion]: TypeIconMotion,\n    [Types.ct]: TypeIconCT,\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\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\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            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            setLoaded(true);\n        }\n    }, [props.title]);\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 || (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"]}

package/build/Components/DeviceType/DeviceTypeOptions.d.ts

@@ -0,0 +1,2 @@
+import type { IconType } from 'react-icons';
+export declare const STATES_NAME_ICONS: Record<string, IconType>;

package/build/Components/DeviceType/DeviceTypeOptions.js

@@ -0,0 +1,69 @@
+import { FcElectricalSensor } from 'react-icons/fc';
+import { SiBoost } from 'react-icons/si';
+import { TiCogOutline as IconWorking } from 'react-icons/ti';
+import { MdPermScanWifi as IconUnreach, MdPriorityHigh as IconMaintain, MdBatteryAlert as IconLowbat, MdError as IconError, MdDirections, MdGpsFixed, MdWork, MdDeveloperMode, } from 'react-icons/md';
+import { AiOutlineAppstoreAdd, AiOutlineRadiusBottomleft, AiOutlineColumnHeight, AiOutlineColumnWidth, AiOutlineSwap, AiFillPauseCircle, AiOutlinePoweroff, } from 'react-icons/ai';
+import { BiLastPage } from 'react-icons/bi';
+import { FaCompressArrowsAlt, FaRunning, FaSun, FaCompress, FaVolumeMute, FaToggleOn, FaDoorOpen, } from 'react-icons/fa';
+import { GiElectricalResistance, GiLaserPrecision, GiStopSign, GiNuclearWaste, GiMatterStates, GiTreeSwing, GiSpeedometer, GiElectric, GiLightningFrequency, } from 'react-icons/gi';
+import { IoIosColorPalette, IoIosWater } from 'react-icons/io';
+import { WiDaySunny, WiFire, WiHumidity, WiSmoke, WiThermometer } from 'react-icons/wi';
+import { FiPower } from 'react-icons/fi';
+import { HiOutlineLightBulb } from 'react-icons/hi';
+import { ImPower } from 'react-icons/im';
+import { WindowTilted } from './icons';
+export const STATES_NAME_ICONS = {
+    SET: AiOutlineAppstoreAdd,
+    WORKING: MdWork,
+    UNREACH: IconUnreach,
+    LOWBAT: IconLowbat,
+    MAINTAIN: IconMaintain,
+    ERROR: IconError,
+    DIRECTION: MdDirections,
+    CONNECTED: IconUnreach,
+    ACTUAL: IconWorking,
+    SECOND: BiLastPage,
+    PRESS_LONG: FaCompressArrowsAlt,
+    PRESS: FaCompress,
+    MUTE: FaVolumeMute,
+    ACCURACY: GiLaserPrecision,
+    RADIUS: AiOutlineRadiusBottomleft,
+    ELEVATION: AiOutlineColumnHeight,
+    LATITUDE: AiOutlineColumnWidth,
+    LONGITUDE: AiOutlineSwap,
+    GPS: MdGpsFixed,
+    ON_ACTUAL: FaToggleOn,
+    ON_SET: FaToggleOn,
+    OPEN: FaDoorOpen,
+    STOP: GiStopSign,
+    WATER_ALARM: IoIosWater, // water
+    WASTE_ALARM: GiNuclearWaste,
+    PAUSE: AiFillPauseCircle,
+    STATE: GiMatterStates,
+    BATTERY: IconLowbat,
+    WASTE: GiNuclearWaste,
+    WATER: IoIosWater,
+    WORK_MODE: MdWork,
+    MODE: MdDeveloperMode,
+    POWER: AiOutlinePoweroff,
+    BOOST: SiBoost,
+    HUMIDITY: WiHumidity,
+    TEMPERATURE: WiThermometer,
+    BRIGHTNESS: WiDaySunny,
+    MOTION: FaRunning,
+    FIRE: WiFire,
+    WINDOW: WindowTilted,
+    SMOKE: WiSmoke,
+    SWING: GiTreeSwing,
+    SPEED: GiSpeedometer,
+    DIMMER: HiOutlineLightBulb,
+    ON: FiPower,
+    COLOR_TEMP: FaSun,
+    ELECTRIC_POWER: ImPower,
+    CURRENT: GiElectric,
+    VOLTAGE: GiElectricalResistance,
+    CONSUMPTION: FcElectricalSensor,
+    FREQUENCY: GiLightningFrequency,
+    HUE: IoIosColorPalette,
+};
+//# sourceMappingURL=DeviceTypeOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTypeOptions.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeOptions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FcElectricalSensor } from 'react-icons/fc';\nimport { SiBoost } from 'react-icons/si';\nimport { TiCogOutline as IconWorking } from 'react-icons/ti';\nimport {\n    MdPermScanWifi as IconUnreach,\n    MdPriorityHigh as IconMaintain,\n    MdBatteryAlert as IconLowbat,\n    MdError as IconError,\n    MdDirections,\n    MdGpsFixed,\n    MdWork,\n    MdDeveloperMode,\n} from 'react-icons/md';\nimport {\n    AiOutlineAppstoreAdd,\n    AiOutlineRadiusBottomleft,\n    AiOutlineColumnHeight,\n    AiOutlineColumnWidth,\n    AiOutlineSwap,\n    AiFillPauseCircle,\n    AiOutlinePoweroff,\n} from 'react-icons/ai';\nimport { BiLastPage } from 'react-icons/bi';\nimport {\n    FaCompressArrowsAlt,\n    FaRunning,\n    FaSun,\n    FaCompress,\n    FaVolumeMute,\n    FaToggleOn,\n    FaDoorOpen,\n} from 'react-icons/fa';\nimport {\n    GiElectricalResistance,\n    GiLaserPrecision,\n    GiStopSign,\n    GiNuclearWaste,\n    GiMatterStates,\n    GiTreeSwing,\n    GiSpeedometer,\n    GiElectric,\n    GiLightningFrequency,\n} from 'react-icons/gi';\nimport { IoIosColorPalette, IoIosWater } from 'react-icons/io';\nimport { WiDaySunny, WiFire, WiHumidity, WiSmoke, WiThermometer } from 'react-icons/wi';\nimport { FiPower } from 'react-icons/fi';\nimport { HiOutlineLightBulb } from 'react-icons/hi';\nimport { ImPower } from 'react-icons/im';\nimport type { IconType } from 'react-icons';\n\nimport { WindowTilted } from './icons';\n\nexport const STATES_NAME_ICONS: Record<string, IconType> = {\n    SET: AiOutlineAppstoreAdd,\n    WORKING: MdWork,\n    UNREACH: IconUnreach,\n    LOWBAT: IconLowbat,\n    MAINTAIN: IconMaintain,\n    ERROR: IconError,\n    DIRECTION: MdDirections,\n    CONNECTED: IconUnreach,\n    ACTUAL: IconWorking,\n    SECOND: BiLastPage,\n    PRESS_LONG: FaCompressArrowsAlt,\n    PRESS: FaCompress,\n    MUTE: FaVolumeMute,\n    ACCURACY: GiLaserPrecision,\n    RADIUS: AiOutlineRadiusBottomleft,\n    ELEVATION: AiOutlineColumnHeight,\n    LATITUDE: AiOutlineColumnWidth,\n    LONGITUDE: AiOutlineSwap,\n    GPS: MdGpsFixed,\n    ON_ACTUAL: FaToggleOn,\n    ON_SET: FaToggleOn,\n    OPEN: FaDoorOpen,\n    STOP: GiStopSign,\n    WATER_ALARM: IoIosWater, // water\n    WASTE_ALARM: GiNuclearWaste,\n    PAUSE: AiFillPauseCircle,\n    STATE: GiMatterStates,\n    BATTERY: IconLowbat,\n    WASTE: GiNuclearWaste,\n    WATER: IoIosWater,\n    WORK_MODE: MdWork,\n    MODE: MdDeveloperMode,\n    POWER: AiOutlinePoweroff,\n    BOOST: SiBoost,\n    HUMIDITY: WiHumidity,\n    TEMPERATURE: WiThermometer,\n    BRIGHTNESS: WiDaySunny,\n    MOTION: FaRunning,\n    FIRE: WiFire,\n    WINDOW: WindowTilted,\n    SMOKE: WiSmoke,\n    SWING: GiTreeSwing,\n    SPEED: GiSpeedometer,\n    DIMMER: HiOutlineLightBulb,\n    ON: FiPower,\n    COLOR_TEMP: FaSun,\n    ELECTRIC_POWER: ImPower,\n    CURRENT: GiElectric,\n    VOLTAGE: GiElectricalResistance,\n    CONSUMPTION: FcElectricalSensor,\n    FREQUENCY: GiLightningFrequency,\n    HUE: IoIosColorPalette,\n};\n"]}

package/build/Components/{TypeSelector/TypeSelector.d.ts → DeviceType/DeviceTypeSelector.d.ts}

@@ -1,12 +1,7 @@
 import React from 'react';
 import { Types } from '@iobroker/type-detector';
 import type { ThemeType } from '../../types';
-declare global {
-    interface Window {
-        iobTypeWordsLoaded: undefined | ioBroker.Languages;
-    }
-}
-export declare function TypeSelector(props: {
+export declare function DeviceTypeSelector(props: {
     themeType: ThemeType;
     supportedDevices?: Types[];
     unsupportedDevices?: Types[];
@@ -17,6 +12,9 @@ export declare function TypeSelector(props: {
     sx?: Record<string, any>;
     disabled?: boolean;
     error?: boolean;
-    /** Show icons for applications: google, amazon, material, alias */
-    showApplications?: boolean;
+    /** Show icons for applications: google, amazon, material, alias. Used in devices */
+    showApplications?: {
+        TYPE_OPTIONS: Partial<Record<Types, Record<string, boolean>>>;
+        ICONS_TYPE: Record<string, React.JSX.Element>;
+    };
 }): React.JSX.Element;

package/build/Components/{TypeSelector/TypeSelector.js → DeviceType/DeviceTypeSelector.js}

@@ -3,8 +3,17 @@ import { Box, FormControl, InputLabel, MenuItem, Select } from '@mui/material';
 import { Types } from '@iobroker/type-detector';
 import { I18n } from '../../i18n';
 import { Icon } from '../Icon';
-import TYPE_OPTIONS, { ICONS_TYPE } from './TypeOptions';
-import { TypeIcon } from './TypeIcon';
+import { DeviceTypeIcon } from './DeviceTypeIcon';
+import enLang from './i18n/en.json';
+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 frLang from './i18n/fr.json';
+import itLang from './i18n/it.json';
+import nlLang from './i18n/nl.json';
+import ukLang from './i18n/uk.json';
+import zhLang from './i18n/zh-cn.json';
 const styles = {
     itemChildrenWrapper: {
         display: 'flex',
@@ -38,36 +47,37 @@ const styles = {
         margin: '0 3px',
     },
 };
-export function TypeSelector(props) {
+export function DeviceTypeSelector(props) {
     const [typesWords, setTypesWords] = React.useState({});
     const [types, setTypes] = React.useState([]);
-    const language = I18n.getLanguage();
     useEffect(() => {
         const _typesWords = {};
         Object.keys(Types)
             .filter(id => props.supportedDevices?.includes(id) && !props.unsupportedDevices?.includes(id))
             .forEach(typeId => (_typesWords[typeId] = I18n.t(`type-${Types[typeId]}`)));
         // sort types by ABC in the current language
-        const _types = Object.keys(_typesWords).sort((a, b) => {
+        const _types = Object.keys(_typesWords);
+        _types.sort((a, b) => {
             if (_typesWords[a] === _typesWords[b]) {
                 return 0;
             }
             return _typesWords[a].localeCompare(_typesWords[b], 'de');
         });
-        if (window.iobTypeWordsLoaded !== language) {
-            // Load translations dynamically
-            void import(`./i18n/${language}.json`).then(i18n => {
-                I18n.extendTranslations(i18n.default, language);
-                window.iobTypeWordsLoaded = language;
-                setTypes(_types);
-                setTypesWords(_typesWords);
-            });
-        }
-        else {
-            setTypes(_types);
-            setTypesWords(_typesWords);
-        }
-    }, [language, props.supportedDevices, props.unsupportedDevices]);
+        I18n.extendTranslations({
+            en: enLang,
+            de: deLang,
+            ru: ruLang,
+            pt: ptLang,
+            pl: plLang,
+            fr: frLang,
+            it: itLang,
+            nl: nlLang,
+            uk: ukLang,
+            'zh-cn': zhLang,
+        });
+        setTypes(_types);
+        setTypesWords(_typesWords);
+    }, [props.supportedDevices, props.unsupportedDevices]);
     if (!types) {
         return (React.createElement(Box, { style: {
                 ...styles.type,
@@ -82,11 +92,11 @@ export function TypeSelector(props) {
         React.createElement(Select, { variant: "standard", disabled: !!props.disabled, value: props.value, onChange: e => props.onChange(e.target.value) }, types.map(typeId => (React.createElement(MenuItem, { key: Types[typeId], value: Types[typeId] },
             React.createElement("div", { style: styles.itemChildrenWrapper },
                 React.createElement("div", null,
-                    React.createElement(TypeIcon, { type: Types[typeId], style: {
+                    React.createElement(DeviceTypeIcon, { type: Types[typeId], style: {
                             ...styles.selectIcon,
                             color: props.themeType === 'dark' ? '#FFFFFF' : '#000',
                         } }),
                     React.createElement("span", { style: styles.selectText }, typesWords[typeId])),
-                props.showApplications && TYPE_OPTIONS[typeId] ? (React.createElement("div", { style: styles.iconWrapper }, Object.keys(TYPE_OPTIONS[typeId]).map(key => TYPE_OPTIONS[typeId][key] ? (React.createElement(Icon, { key: key, style: styles.iconStyle, src: ICONS_TYPE[key] })) : (React.createElement("div", { key: key, style: styles.emptyIcon }))))) : null)))))));
+                props.showApplications?.TYPE_OPTIONS[typeId] ? (React.createElement("div", { style: styles.iconWrapper }, Object.keys(props.showApplications.TYPE_OPTIONS[typeId]).map(key => props.showApplications.TYPE_OPTIONS[typeId][key] ? (React.createElement(Icon, { key: key, style: styles.iconStyle, src: props.showApplications.ICONS_TYPE[key] })) : (React.createElement("div", { key: key, style: styles.emptyIcon }))))) : null)))))));
 }
-//# sourceMappingURL=TypeSelector.js.map
+//# sourceMappingURL=DeviceTypeSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTypeSelector.js","sourceRoot":"./src/","sources":["Components/DeviceType/DeviceTypeSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, FormControl, InputLabel, MenuItem, Select } from '@mui/material';\n\nimport { Types } from '@iobroker/type-detector';\n\nimport { I18n } from '../../i18n';\nimport { Icon } from '../Icon';\nimport type { ThemeType } from '../../types';\n\nimport { DeviceTypeIcon } from './DeviceTypeIcon';\n\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\nconst styles: Record<\n    'itemChildrenWrapper' | 'type' | 'selectIcon' | 'selectText' | 'iconWrapper' | 'iconStyle' | 'emptyIcon',\n    React.CSSProperties\n> = {\n    itemChildrenWrapper: {\n        display: 'flex',\n        width: '100%',\n        justifyContent: 'space-between',\n    },\n    type: {\n        marginTop: 10,\n    },\n    selectIcon: {\n        paddingRight: 8,\n        verticalAlign: 'middle',\n        width: 20,\n        height: 20,\n    },\n    selectText: {\n        verticalAlign: 'middle',\n    },\n    iconWrapper: {\n        display: 'flex',\n        alignItems: 'center',\n    },\n    iconStyle: {\n        width: 16,\n        height: 16,\n        margin: '0 3px',\n    },\n    emptyIcon: {\n        width: 16,\n        height: 16,\n        margin: '0 3px',\n    },\n};\n\nexport function DeviceTypeSelector(props: {\n    themeType: ThemeType;\n    supportedDevices?: Types[];\n    unsupportedDevices?: Types[];\n    value?: Types | '';\n    onChange: (value: Types) => void;\n    label?: string;\n    style?: React.CSSProperties;\n    sx?: Record<string, any>;\n    disabled?: boolean;\n    error?: boolean;\n    /** Show icons for applications: google, amazon, material, alias. Used in devices */\n    showApplications?: {\n        TYPE_OPTIONS: Partial<Record<Types, Record<string, boolean>>>;\n        ICONS_TYPE: Record<string, React.JSX.Element>;\n    };\n}): React.JSX.Element {\n    const [typesWords, setTypesWords] = React.useState<Partial<Record<Types, string>>>({});\n    const [types, setTypes] = React.useState<Types[] | null>([]);\n\n    useEffect(() => {\n        const _typesWords: Partial<Record<Types, string>> = {};\n        Object.keys(Types)\n            .filter(\n                id => props.supportedDevices?.includes(id as Types) && !props.unsupportedDevices?.includes(id as Types),\n            )\n            .forEach(typeId => (_typesWords[typeId as Types] = I18n.t(`type-${Types[typeId as Types]}`)));\n\n        // sort types by ABC in the current language\n        const _types: Types[] = Object.keys(_typesWords) as Types[];\n\n        _types.sort((a, b) => {\n            if (_typesWords[a as Types] === _typesWords[b as Types]) {\n                return 0;\n            }\n            return _typesWords[a as Types]!.localeCompare(_typesWords[b as Types]!, 'de');\n        });\n\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        setTypes(_types);\n        setTypesWords(_typesWords);\n    }, [props.supportedDevices, props.unsupportedDevices]);\n\n    if (!types) {\n        return (\n            <Box\n                style={{\n                    ...styles.type,\n                    ...props.style,\n                }}\n                sx={props.sx}\n            />\n        );\n    }\n\n    return (\n        <FormControl\n            style={{\n                ...styles.type,\n                ...props.style,\n            }}\n            sx={props.sx}\n            variant=\"standard\"\n            error={!!props.error}\n        >\n            <InputLabel>{props.label || I18n.t('type-Device type')}</InputLabel>\n            <Select\n                variant=\"standard\"\n                disabled={!!props.disabled}\n                value={props.value}\n                onChange={e => props.onChange(e.target.value as Types)}\n            >\n                {types.map(typeId => (\n                    <MenuItem\n                        key={Types[typeId]}\n                        value={Types[typeId]}\n                    >\n                        <div style={styles.itemChildrenWrapper}>\n                            <div>\n                                <DeviceTypeIcon\n                                    type={Types[typeId]}\n                                    style={{\n                                        ...styles.selectIcon,\n                                        color: props.themeType === 'dark' ? '#FFFFFF' : '#000',\n                                    }}\n                                />\n                                <span style={styles.selectText}>{typesWords[typeId]}</span>\n                            </div>\n                            {props.showApplications?.TYPE_OPTIONS[typeId] ? (\n                                <div style={styles.iconWrapper}>\n                                    {Object.keys(props.showApplications.TYPE_OPTIONS[typeId]).map(key =>\n                                        props.showApplications.TYPE_OPTIONS[typeId][key] ? (\n                                            <Icon\n                                                key={key}\n                                                style={styles.iconStyle}\n                                                src={props.showApplications.ICONS_TYPE[key]}\n                                            />\n                                        ) : (\n                                            <div\n                                                key={key}\n                                                style={styles.emptyIcon}\n                                            />\n                                        ),\n                                    )}\n                                </div>\n                            ) : null}\n                        </div>\n                    </MenuItem>\n                ))}\n            </Select>\n        </FormControl>\n    );\n}\n"]}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Gerätetyp",
+    "type-airCondition": "Klimaanlage",
+    "type-blind": "Jalousien",
+    "type-blindButtons": "Jalousie über Tasten gesteuert",
+    "type-button": "Taste",
+    "type-buttonSensor": "Taste mit Rückmeldung",
+    "type-camera": "Kamera",
+    "type-chart": "Diagramm",
+    "type-cie": "CIE Farblicht",
+    "type-ct": "Farbtemperatur",
+    "type-dimmer": "Dimmer",
+    "type-door": "Türsensor",
+    "type-fireAlarm": "Feueralarm",
+    "type-floodAlarm": "Wasseralarm",
+    "type-gate": "Tor-Steuerung",
+    "type-hue": "HUE-Licht",
+    "type-humidity": "Feuchtigkeit",
+    "type-illuminance": "Beleuchtungsstärke",
+    "type-image": "Bild",
+    "type-info": "Information",
+    "type-instance": "Instanz",
+    "type-light": "Licht",
+    "type-location": "Position",
+    "type-lock": "Schloss",
+    "type-media": "Mediaplayer",
+    "type-motion": "Bewegungssensor",
+    "type-rgb": "RGB-Licht",
+    "type-rgbSingle": "R,G,B-Licht Einzelwerte",
+    "type-rgbwSingle": "R,G,B,W-Licht Einzelwerte",
+    "type-slider": "Schieberegler",
+    "type-socket": "Steckdose",
+    "type-temperature": "Temperatur",
+    "type-thermostat": "Thermostat",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Staubsauger",
+    "type-valve": "Ventil",
+    "type-volume": "Lautstärke",
+    "type-volumeGroup": "Lautstärke-Gruppe",
+    "type-warning": "Warnung",
+    "type-weatherCurrent": "Aktuelle Wetterlage",
+    "type-weatherForecast": "Wettervorhersage",
+    "type-window": "Fenstersensor",
+    "type-windowTilt": "Fensterkippung-Sensor"
+}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Device type",
+    "type-airCondition": "Air conditioner",
+    "type-blind": "Blinds",
+    "type-blindButtons": "Blind controlled by buttons",
+    "type-button": "Button",
+    "type-buttonSensor": "Button with feedback",
+    "type-camera": "Camera",
+    "type-chart": "Chart",
+    "type-cie": "CIE color light",
+    "type-ct": "Color temperature",
+    "type-dimmer": "Dimmer",
+    "type-door": "Door",
+    "type-fireAlarm": "Fire alarm",
+    "type-floodAlarm": "Flood alarm",
+    "type-gate": "Gate",
+    "type-hue": "HUE light",
+    "type-humidity": "Humidity",
+    "type-illuminance": "Illuminance",
+    "type-image": "Image",
+    "type-info": "Information",
+    "type-instance": "Instance",
+    "type-light": "Light",
+    "type-location": "Position",
+    "type-lock": "Lock",
+    "type-media": "Media-player",
+    "type-motion": "Motion sensor",
+    "type-rgb": "RGB light",
+    "type-rgbSingle": "R,G,B light - single states",
+    "type-rgbwSingle": "R,G,B,W light - single states",
+    "type-slider": "Slider",
+    "type-socket": "Socket",
+    "type-temperature": "Temperature",
+    "type-thermostat": "Thermostat",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Vacuum cleaner",
+    "type-valve": "Valve",
+    "type-volume": "Volume",
+    "type-volumeGroup": "Volume group",
+    "type-warning": "Warning",
+    "type-weatherCurrent": "Current weather",
+    "type-weatherForecast": "Weather forecast",
+    "type-window": "Window sensor",
+    "type-windowTilt": "Window tilt sensor"
+}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Type d'appareil",
+    "type-airCondition": "Climatiseur",
+    "type-blind": "stores",
+    "type-blindButtons": "Store commandé par boutons",
+    "type-button": "bouton",
+    "type-buttonSensor": "Capteur de bouton",
+    "type-camera": "caméra",
+    "type-chart": "Graphique",
+    "type-cie": "lumière colorée CIE",
+    "type-ct": "Température de couleur",
+    "type-dimmer": "variateur",
+    "type-door": "porte",
+    "type-fireAlarm": "alarme incendie",
+    "type-floodAlarm": "alarme d'inondation",
+    "type-gate": "grille",
+    "type-hue": "Lumière HUE",
+    "type-humidity": "humidité",
+    "type-illuminance": "Éclairement",
+    "type-image": "image",
+    "type-info": "informations",
+    "type-instance": "exemple",
+    "type-light": "lumière",
+    "type-location": "emplacement",
+    "type-lock": "verrouillage",
+    "type-media": "médias",
+    "type-motion": "mouvement",
+    "type-rgb": "lumière RVB",
+    "type-rgbSingle": "Lumière RVB simple",
+    "type-rgbwSingle": "RGBW comme valeur unique",
+    "type-slider": "curseur",
+    "type-socket": "douille",
+    "type-temperature": "température",
+    "type-thermostat": "thermostat",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Aspirateur",
+    "type-valve": "soupape",
+    "type-volume": "volume",
+    "type-volumeGroup": "groupe de volumes",
+    "type-warning": "avertissement",
+    "type-weatherCurrent": "météo actuelle",
+    "type-weatherForecast": "prévisions météorologiques",
+    "type-window": "fenêtre",
+    "type-windowTilt": "inclinaison de la fenêtre"
+}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Tipo di dispositivo",
+    "type-airCondition": "Condizionatore d'aria",
+    "type-blind": "tende",
+    "type-blindButtons": "Tenda controllata da pulsanti",
+    "type-button": "pulsante",
+    "type-buttonSensor": "Sensore del pulsante",
+    "type-camera": "telecamera",
+    "type-chart": "Grafico",
+    "type-cie": "Luce colorata CIE",
+    "type-ct": "Temperatura del colore",
+    "type-dimmer": "dimmer",
+    "type-door": "porta",
+    "type-fireAlarm": "allarme antincendio",
+    "type-floodAlarm": "allarme allagamento",
+    "type-gate": "cancello",
+    "type-hue": "Luce HUE",
+    "type-humidity": "umidità",
+    "type-illuminance": "Illuminamento",
+    "type-image": "immagine",
+    "type-info": "informazioni",
+    "type-instance": "esempio",
+    "type-light": "leggero",
+    "type-location": "posizione",
+    "type-lock": "serratura",
+    "type-media": "media",
+    "type-motion": "movimento",
+    "type-rgb": "luce RGB",
+    "type-rgbSingle": "Luce RGB singola",
+    "type-rgbwSingle": "RGBW come valore singolo",
+    "type-slider": "cursore",
+    "type-socket": "PRESA",
+    "type-temperature": "temperatura",
+    "type-thermostat": "termostato",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Aspirapolvere",
+    "type-valve": "valvola",
+    "type-volume": "volume",
+    "type-volumeGroup": "gruppo di volumi",
+    "type-warning": "avvertimento",
+    "type-weatherCurrent": "meteo attuale",
+    "type-weatherForecast": "previsioni del tempo",
+    "type-window": "finestra",
+    "type-windowTilt": "inclinazione della finestra"
+}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Apparaattype",
+    "type-airCondition": "Airconditioner",
+    "type-blind": "jaloezieën",
+    "type-blindButtons": "Jaloezie bediend door knoppen",
+    "type-button": "knop",
+    "type-buttonSensor": "Knopsensor",
+    "type-camera": "camera",
+    "type-chart": "Grafiek",
+    "type-cie": "CIE-kleurenlicht",
+    "type-ct": "Kleurtemperatuur",
+    "type-dimmer": "dimmer",
+    "type-door": "deur",
+    "type-fireAlarm": "brandalarm",
+    "type-floodAlarm": "overstromingsalarm",
+    "type-gate": "hek",
+    "type-hue": "HUE-licht",
+    "type-humidity": "vochtigheid",
+    "type-illuminance": "Verlichtingssterkte",
+    "type-image": "afbeelding",
+    "type-info": "informatie",
+    "type-instance": "aanleg",
+    "type-light": "licht",
+    "type-location": "locatie",
+    "type-lock": "slot",
+    "type-media": "media",
+    "type-motion": "beweging",
+    "type-rgb": "RGB-licht",
+    "type-rgbSingle": "RGB-licht enkel",
+    "type-rgbwSingle": "RGBW als enkele waarde",
+    "type-slider": "schuifregelaar",
+    "type-socket": "stopcontact",
+    "type-temperature": "temperatuur",
+    "type-thermostat": "thermostaat",
+    "type-url": "URL",
+    "type-vacuumCleaner": "Stofzuiger",
+    "type-valve": "ventiel",
+    "type-volume": "volume",
+    "type-volumeGroup": "volumegroep",
+    "type-warning": "waarschuwing",
+    "type-weatherCurrent": "huidige weersomstandigheden",
+    "type-weatherForecast": "weersvoorspelling",
+    "type-window": "raam",
+    "type-windowTilt": "raamkanteling"
+}

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

@@ -0,0 +1,45 @@
+{
+    "type-Device type": "Typ urządzenia",
+    "type-airCondition": "Klimatyzator",
+    "type-blind": "żaluzje",
+    "type-blindButtons": "Roleta sterowana przyciskami",
+    "type-button": "przycisk",
+    "type-buttonSensor": "Czujnik przycisku",
+    "type-camera": "kamera",
+    "type-chart": "Wykres",
+    "type-cie": "Światło kolorowe CIE",
+    "type-ct": "Temperatura barwowa",
+    "type-dimmer": "opornik",
+    "type-door": "drzwi",
+    "type-fireAlarm": "alarm pożarowy",
+    "type-floodAlarm": "alarm przeciwpowodziowy",
+    "type-gate": "brama",
+    "type-hue": "Światło HUE",
+    "type-humidity": "wilgotność",
+    "type-illuminance": "Natężenie oświetlenia",
+    "type-image": "obraz",
+    "type-info": "Informacje",
+    "type-instance": "przykład",
+    "type-light": "światło",
+    "type-location": "lokalizacja",
+    "type-lock": "zamek",
+    "type-media": "głoska bezdźwięczna",
+    "type-motion": "ruch",
+    "type-rgb": "Światło RGB",
+    "type-rgbSingle": "Pojedyncze światło RGB",
+    "type-rgbwSingle": "RGBW jako pojedyncza wartość",
+    "type-slider": "suwak",
+    "type-socket": "gniazdo",
+    "type-temperature": "temperatura",
+    "type-thermostat": "termostat",
+    "type-url": "Adres URL",
+    "type-vacuumCleaner": "Odkurzacz",
+    "type-valve": "zawór",
+    "type-volume": "tom",
+    "type-volumeGroup": "grupa woluminów",
+    "type-warning": "ostrzeżenie",
+    "type-weatherCurrent": "aktualna pogoda",
+    "type-weatherForecast": "prognoza pogody",
+    "type-window": "okno",
+    "type-windowTilt": "pochylenie okna"
+}