@iobroker/gui-components 10.3.6 → 10.3.8

package/build/Components/StatCard.d.ts

@@ -34,9 +34,14 @@ interface CardTitleProps {
         text: string;
         onClick: () => void;
     };
+    /**
+     * Anything else that belongs on the right, e.g. an icon button that collapses the card. Shown
+     * behind `action` when both are given.
+     */
+    actions?: ReactNode;
 }
 /** Heading of a content card, with an optional action on the right */
-export declare function CardTitle({ title, action }: CardTitleProps): JSX.Element;
+export declare function CardTitle({ title, action, actions }: CardTitleProps): JSX.Element;
 interface InfoRowProps {
     name: string;
     /** A node, not only a string, so that a value can carry a chip or an icon */

package/build/Components/StatCard.js

@@ -32,10 +32,12 @@ export function StatCard(props) {
         props.hint ? (React.createElement(Typography, { variant: "caption", color: "text.secondary", sx: { display: 'block', mt: 1.5 } }, props.hint)) : null));
 }
 /** Heading of a content card, with an optional action on the right */
-export function CardTitle({ title, action }) {
-    return (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 } },
+export function CardTitle({ title, action, actions }) {
+    return (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 1, mb: 2 } },
         React.createElement(Typography, { sx: { fontSize: '1rem', fontWeight: 600 } }, title),
-        action ? (React.createElement(Link, { component: "button", underline: "none", sx: { fontSize: '0.8125rem' }, onClick: action.onClick }, action.text)) : null));
+        action || actions ? (React.createElement(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1, flexShrink: 0 } },
+            action ? (React.createElement(Link, { component: "button", underline: "none", sx: { fontSize: '0.8125rem' }, onClick: action.onClick }, action.text)) : null,
+            actions)) : null));
 }
 /** One line "name .......... value" inside a card */
 export function InfoRow({ name, value }) {

package/build/Components/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","sourceRoot":"./src/","sources":["Components/StatCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX, type ReactNode } from 'react';\n\nimport { alpha, Box, Card, Chip, Link, Typography } from '@mui/material';\n\ninterface StatCardProps {\n    /** Small line above the value, e.g. \"Adapters\" */\n    title: string;\n    /** The value itself - a string so that \"--\" can be shown while it is still unknown */\n    value: string;\n    /** Quiet line below, e.g. \"6 active / 102 inactive\" */\n    hint?: string;\n    /** Accent color: tints the icon square and can color the value */\n    color: string;\n    /** Color of the value, defaults to the normal text color */\n    valueColor?: string;\n    icon: JSX.Element;\n    /** Marker next to the value, e.g. the number of available updates */\n    chip?: { label: string; color: 'warning' | 'primary' | 'success' | 'error' };\n    onClick?: () => void;\n    /** Overrides the flex basis - by default the card grows from 220px */\n    flex?: string;\n}\n\n/**\n * A number with a title, an accented icon and a hint - the tile that a dashboard is built from.\n *\n * Kept here rather than in one GUI so that the admin, devices, javascript and the rest can show the\n * same tile instead of each rebuilding its own.\n */\nexport function StatCard(props: StatCardProps): JSX.Element {\n    return (\n        <Card\n            sx={{\n                flex: props.flex || '1 1 220px',\n                p: 2.5,\n                cursor: props.onClick ? 'pointer' : undefined,\n            }}\n            onClick={props.onClick}\n        >\n            <Box sx={{ display: 'flex', gap: 2, alignItems: 'flex-start' }}>\n                <Box\n                    sx={{\n                        width: 40,\n                        height: 40,\n                        borderRadius: 2,\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        backgroundColor: alpha(props.color, 0.16),\n                        color: props.color,\n                        flexShrink: 0,\n                    }}\n                >\n                    {props.icon}\n                </Box>\n                <Box sx={{ minWidth: 0 }}>\n                    <Typography\n                        variant=\"body2\"\n                        color=\"text.secondary\"\n                    >\n                        {props.title}\n                    </Typography>\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                        <Typography sx={{ fontSize: 30, fontWeight: 700, color: props.valueColor, lineHeight: 1.2 }}>\n                            {props.value}\n                        </Typography>\n                        {props.chip ? (\n                            <Chip\n                                size=\"small\"\n                                color={props.chip.color}\n                                label={props.chip.label}\n                            />\n                        ) : null}\n                    </Box>\n                </Box>\n            </Box>\n            {props.hint ? (\n                <Typography\n                    variant=\"caption\"\n                    color=\"text.secondary\"\n                    sx={{ display: 'block', mt: 1.5 }}\n                >\n                    {props.hint}\n                </Typography>\n            ) : null}\n        </Card>\n    );\n}\n\ninterface CardTitleProps {\n    title: string;\n    /** Optional link on the right, e.g. \"Show all\" */\n    action?: { text: string; onClick: () => void };\n}\n\n/** Heading of a content card, with an optional action on the right */\nexport function CardTitle({ title, action }: CardTitleProps): JSX.Element {\n    return (\n        <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}>\n            <Typography sx={{ fontSize: '1rem', fontWeight: 600 }}>{title}</Typography>\n            {action ? (\n                <Link\n                    component=\"button\"\n                    underline=\"none\"\n                    sx={{ fontSize: '0.8125rem' }}\n                    onClick={action.onClick}\n                >\n                    {action.text}\n                </Link>\n            ) : null}\n        </Box>\n    );\n}\n\ninterface InfoRowProps {\n    name: string;\n    /** A node, not only a string, so that a value can carry a chip or an icon */\n    value: ReactNode;\n}\n\n/** One line \"name .......... value\" inside a card */\nexport function InfoRow({ name, value }: InfoRowProps): JSX.Element {\n    return (\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, py: 1 }}>\n            <Typography\n                variant=\"body2\"\n                color=\"text.secondary\"\n            >\n                {name}\n            </Typography>\n            <Typography\n                variant=\"body2\"\n                sx={{ fontWeight: 500, textAlign: 'right' }}\n            >\n                {value}\n            </Typography>\n        </Box>\n    );\n}\n"]}
+{"version":3,"file":"StatCard.js","sourceRoot":"./src/","sources":["Components/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqBzE;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IACzC,OAAO,CACH,oBAAC,IAAI,IACD,EAAE,EAAE;YACA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,WAAW;YAC/B,CAAC,EAAE,GAAG;YACN,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SAChD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO;QAEtB,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE;YAC1D,oBAAC,GAAG,IACA,EAAE,EAAE;oBACA,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,YAAY,EAAE,CAAC;oBACf,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC;oBACzC,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,CAAC;iBAChB,IAEA,KAAK,CAAC,IAAI,CACT;YACN,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;gBACpB,oBAAC,UAAU,IACP,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,gBAAgB,IAErB,KAAK,CAAC,KAAK,CACH;gBACb,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE;oBACtD,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,IACtF,KAAK,CAAC,KAAK,CACH;oBACZ,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,GACzB,CACL,CAAC,CAAC,CAAC,IAAI,CACN,CACJ,CACJ;QACL,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,IACP,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,gBAAgB,EACtB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,IAEhC,KAAK,CAAC,IAAI,CACF,CAChB,CAAC,CAAC,CAAC,IAAI,CACL,CACV,CAAC;AACN,CAAC;AAaD,sEAAsE;AACtE,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAkB;IAChE,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QAC9F,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,IAAG,KAAK,CAAc;QAC1E,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,CACjB,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE;YACpE,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACD,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAC7B,OAAO,EAAE,MAAM,CAAC,OAAO,IAEtB,MAAM,CAAC,IAAI,CACT,CACV,CAAC,CAAC,CAAC,IAAI;YACP,OAAO,CACN,CACT,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;AACN,CAAC;AAQD,qDAAqD;AACrD,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB;IACjD,OAAO,CACH,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACxE,oBAAC,UAAU,IACP,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,gBAAgB,IAErB,IAAI,CACI;QACb,oBAAC,UAAU,IACP,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,IAE1C,KAAK,CACG,CACX,CACT,CAAC;AACN,CAAC","sourcesContent":["import React, { type JSX, type ReactNode } from 'react';\n\nimport { alpha, Box, Card, Chip, Link, Typography } from '@mui/material';\n\ninterface StatCardProps {\n    /** Small line above the value, e.g. \"Adapters\" */\n    title: string;\n    /** The value itself - a string so that \"--\" can be shown while it is still unknown */\n    value: string;\n    /** Quiet line below, e.g. \"6 active / 102 inactive\" */\n    hint?: string;\n    /** Accent color: tints the icon square and can color the value */\n    color: string;\n    /** Color of the value, defaults to the normal text color */\n    valueColor?: string;\n    icon: JSX.Element;\n    /** Marker next to the value, e.g. the number of available updates */\n    chip?: { label: string; color: 'warning' | 'primary' | 'success' | 'error' };\n    onClick?: () => void;\n    /** Overrides the flex basis - by default the card grows from 220px */\n    flex?: string;\n}\n\n/**\n * A number with a title, an accented icon and a hint - the tile that a dashboard is built from.\n *\n * Kept here rather than in one GUI so that the admin, devices, javascript and the rest can show the\n * same tile instead of each rebuilding its own.\n */\nexport function StatCard(props: StatCardProps): JSX.Element {\n    return (\n        <Card\n            sx={{\n                flex: props.flex || '1 1 220px',\n                p: 2.5,\n                cursor: props.onClick ? 'pointer' : undefined,\n            }}\n            onClick={props.onClick}\n        >\n            <Box sx={{ display: 'flex', gap: 2, alignItems: 'flex-start' }}>\n                <Box\n                    sx={{\n                        width: 40,\n                        height: 40,\n                        borderRadius: 2,\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        backgroundColor: alpha(props.color, 0.16),\n                        color: props.color,\n                        flexShrink: 0,\n                    }}\n                >\n                    {props.icon}\n                </Box>\n                <Box sx={{ minWidth: 0 }}>\n                    <Typography\n                        variant=\"body2\"\n                        color=\"text.secondary\"\n                    >\n                        {props.title}\n                    </Typography>\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                        <Typography sx={{ fontSize: 30, fontWeight: 700, color: props.valueColor, lineHeight: 1.2 }}>\n                            {props.value}\n                        </Typography>\n                        {props.chip ? (\n                            <Chip\n                                size=\"small\"\n                                color={props.chip.color}\n                                label={props.chip.label}\n                            />\n                        ) : null}\n                    </Box>\n                </Box>\n            </Box>\n            {props.hint ? (\n                <Typography\n                    variant=\"caption\"\n                    color=\"text.secondary\"\n                    sx={{ display: 'block', mt: 1.5 }}\n                >\n                    {props.hint}\n                </Typography>\n            ) : null}\n        </Card>\n    );\n}\n\ninterface CardTitleProps {\n    title: string;\n    /** Optional link on the right, e.g. \"Show all\" */\n    action?: { text: string; onClick: () => void };\n    /**\n     * Anything else that belongs on the right, e.g. an icon button that collapses the card. Shown\n     * behind `action` when both are given.\n     */\n    actions?: ReactNode;\n}\n\n/** Heading of a content card, with an optional action on the right */\nexport function CardTitle({ title, action, actions }: CardTitleProps): JSX.Element {\n    return (\n        <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 1, mb: 2 }}>\n            <Typography sx={{ fontSize: '1rem', fontWeight: 600 }}>{title}</Typography>\n            {action || actions ? (\n                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, flexShrink: 0 }}>\n                    {action ? (\n                        <Link\n                            component=\"button\"\n                            underline=\"none\"\n                            sx={{ fontSize: '0.8125rem' }}\n                            onClick={action.onClick}\n                        >\n                            {action.text}\n                        </Link>\n                    ) : null}\n                    {actions}\n                </Box>\n            ) : null}\n        </Box>\n    );\n}\n\ninterface InfoRowProps {\n    name: string;\n    /** A node, not only a string, so that a value can carry a chip or an icon */\n    value: ReactNode;\n}\n\n/** One line \"name .......... value\" inside a card */\nexport function InfoRow({ name, value }: InfoRowProps): JSX.Element {\n    return (\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 2, py: 1 }}>\n            <Typography\n                variant=\"body2\"\n                color=\"text.secondary\"\n            >\n                {name}\n            </Typography>\n            <Typography\n                variant=\"body2\"\n                sx={{ fontWeight: 500, textAlign: 'right' }}\n            >\n                {value}\n            </Typography>\n        </Box>\n    );\n}\n"]}

package/build/i18n/de.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Bitte bestätigen",
     "ra_Please select file...": "Bitte Datei auswählen...",
     "ra_Please select object ID...": "Bitte Objekt-ID auswählen...",
+    "ra_Press CTRL+ENTER to confirm": "STRG + EINGABETASTE drücken, um zu bestätigen",
     "ra_Product": "Produkt",
     "ra_Quality code": "Qualität",
     "ra_Recently used colors": "Zuletzt verwendet",

package/build/i18n/en.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Please confirm",
     "ra_Please select file...": "Please select file...",
     "ra_Please select object ID...": "Please select object ID...",
+    "ra_Press CTRL+ENTER to confirm": "Press CTRL+ENTER to confirm",
     "ra_Product": "Product",
     "ra_Quality code": "Quality",
     "ra_Recently used colors": "Recently used",

package/build/i18n/es.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Por favor confirmar",
     "ra_Please select file...": "Seleccione el archivo...",
     "ra_Please select object ID...": "Por favor seleccione ID de objeto ...",
+    "ra_Press CTRL+ENTER to confirm": "Presione CTRL + ENTER para confirmar",
     "ra_Product": "Producto",
     "ra_Quality code": "Calidad",
     "ra_Recently used colors": "Usados recientemente",

package/build/i18n/fr.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Veuillez confirmer",
     "ra_Please select file...": "Veuillez sélectionner le fichier...",
     "ra_Please select object ID...": "Veuillez sélectionner l'ID d'objet ...",
+    "ra_Press CTRL+ENTER to confirm": "Appuyez sur CTRL + ENTRÉE pour confirmer",
     "ra_Product": "Produit",
     "ra_Quality code": "Qualité",
     "ra_Recently used colors": "Utilisées récemment",

package/build/i18n/it.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Si prega di confermare",
     "ra_Please select file...": "Si prega di selezionare il file...",
     "ra_Please select object ID...": "Seleziona l'ID oggetto ...",
+    "ra_Press CTRL+ENTER to confirm": "Premere CTRL + INVIO per confermare",
     "ra_Product": "Prodotto",
     "ra_Quality code": "Qualità",
     "ra_Recently used colors": "Usati di recente",

package/build/i18n/nl.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Bevestig alstublieft",
     "ra_Please select file...": "Selecteer bestand...",
     "ra_Please select object ID...": "Selecteer object-ID ...",
+    "ra_Press CTRL+ENTER to confirm": "Druk op CTRL + ENTER om te bevestigen",
     "ra_Product": "Product",
     "ra_Quality code": "Kwaliteit",
     "ra_Recently used colors": "Recent gebruikt",

package/build/i18n/pl.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Proszę potwierdzić",
     "ra_Please select file...": "Wybierz plik...",
     "ra_Please select object ID...": "Wybierz identyfikator obiektu ...",
+    "ra_Press CTRL+ENTER to confirm": "Naciśnij klawisze CTRL + ENTER, aby potwierdzić",
     "ra_Product": "Produkt",
     "ra_Quality code": "Jakości",
     "ra_Recently used colors": "Ostatnio używane",

package/build/i18n/pt.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Por favor confirme",
     "ra_Please select file...": "Selecione o arquivo...",
     "ra_Please select object ID...": "Selecione o ID do objeto ...",
+    "ra_Press CTRL+ENTER to confirm": "Pressione CTRL + ENTER para confirmar",
     "ra_Product": "produtos",
     "ra_Quality code": "Qualidade",
     "ra_Recently used colors": "Usados recentemente",

package/build/i18n/ru.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Пожалуйста подтвердите",
     "ra_Please select file...": "Пожалуйста, выберите файл...",
     "ra_Please select object ID...": "Пожалуйста, выберите идентификатор объекта ...",
+    "ra_Press CTRL+ENTER to confirm": "Нажмите CTRL + ENTER для подтверждения",
     "ra_Product": "Продукт",
     "ra_Quality code": "Валидность",
     "ra_Recently used colors": "Недавно использованные",

package/build/i18n/uk.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Будь-ласка підтвердіть",
     "ra_Please select file...": "Виберіть файл...",
     "ra_Please select object ID...": "Виберіть ідентифікатор об'єкта...",
+    "ra_Press CTRL+ENTER to confirm": "Натисніть CTRL+ENTER для підтвердження",
     "ra_Product": "Продукт",
     "ra_Quality code": "якість",
     "ra_Recently used colors": "Нещодавно використані",

package/build/i18n/zh-cn.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "请确认",
     "ra_Please select file...": "请选择文件...",
     "ra_Please select object ID...": "请选择对象ID ...",
+    "ra_Press CTRL+ENTER to confirm": "按CTRL + ENTER确认",
     "ra_Product": "产品",
     "ra_Quality code": "质量代码",
     "ra_Recently used colors": "最近使用",

package/i18n/de.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Bitte bestätigen",
     "ra_Please select file...": "Bitte Datei auswählen...",
     "ra_Please select object ID...": "Bitte Objekt-ID auswählen...",
+    "ra_Press CTRL+ENTER to confirm": "STRG + EINGABETASTE drücken, um zu bestätigen",
     "ra_Product": "Produkt",
     "ra_Quality code": "Qualität",
     "ra_Recently used colors": "Zuletzt verwendet",

package/i18n/en.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Please confirm",
     "ra_Please select file...": "Please select file...",
     "ra_Please select object ID...": "Please select object ID...",
+    "ra_Press CTRL+ENTER to confirm": "Press CTRL+ENTER to confirm",
     "ra_Product": "Product",
     "ra_Quality code": "Quality",
     "ra_Recently used colors": "Recently used",

package/i18n/es.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Por favor confirmar",
     "ra_Please select file...": "Seleccione el archivo...",
     "ra_Please select object ID...": "Por favor seleccione ID de objeto ...",
+    "ra_Press CTRL+ENTER to confirm": "Presione CTRL + ENTER para confirmar",
     "ra_Product": "Producto",
     "ra_Quality code": "Calidad",
     "ra_Recently used colors": "Usados recientemente",

package/i18n/fr.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Veuillez confirmer",
     "ra_Please select file...": "Veuillez sélectionner le fichier...",
     "ra_Please select object ID...": "Veuillez sélectionner l'ID d'objet ...",
+    "ra_Press CTRL+ENTER to confirm": "Appuyez sur CTRL + ENTRÉE pour confirmer",
     "ra_Product": "Produit",
     "ra_Quality code": "Qualité",
     "ra_Recently used colors": "Utilisées récemment",

package/i18n/it.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Si prega di confermare",
     "ra_Please select file...": "Si prega di selezionare il file...",
     "ra_Please select object ID...": "Seleziona l'ID oggetto ...",
+    "ra_Press CTRL+ENTER to confirm": "Premere CTRL + INVIO per confermare",
     "ra_Product": "Prodotto",
     "ra_Quality code": "Qualità",
     "ra_Recently used colors": "Usati di recente",

package/i18n/nl.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Bevestig alstublieft",
     "ra_Please select file...": "Selecteer bestand...",
     "ra_Please select object ID...": "Selecteer object-ID ...",
+    "ra_Press CTRL+ENTER to confirm": "Druk op CTRL + ENTER om te bevestigen",
     "ra_Product": "Product",
     "ra_Quality code": "Kwaliteit",
     "ra_Recently used colors": "Recent gebruikt",

package/i18n/pl.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Proszę potwierdzić",
     "ra_Please select file...": "Wybierz plik...",
     "ra_Please select object ID...": "Wybierz identyfikator obiektu ...",
+    "ra_Press CTRL+ENTER to confirm": "Naciśnij klawisze CTRL + ENTER, aby potwierdzić",
     "ra_Product": "Produkt",
     "ra_Quality code": "Jakości",
     "ra_Recently used colors": "Ostatnio używane",

package/i18n/pt.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Por favor confirme",
     "ra_Please select file...": "Selecione o arquivo...",
     "ra_Please select object ID...": "Selecione o ID do objeto ...",
+    "ra_Press CTRL+ENTER to confirm": "Pressione CTRL + ENTER para confirmar",
     "ra_Product": "produtos",
     "ra_Quality code": "Qualidade",
     "ra_Recently used colors": "Usados recentemente",

package/i18n/ru.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Пожалуйста подтвердите",
     "ra_Please select file...": "Пожалуйста, выберите файл...",
     "ra_Please select object ID...": "Пожалуйста, выберите идентификатор объекта ...",
+    "ra_Press CTRL+ENTER to confirm": "Нажмите CTRL + ENTER для подтверждения",
     "ra_Product": "Продукт",
     "ra_Quality code": "Валидность",
     "ra_Recently used colors": "Недавно использованные",

package/i18n/uk.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "Будь-ласка підтвердіть",
     "ra_Please select file...": "Виберіть файл...",
     "ra_Please select object ID...": "Виберіть ідентифікатор об'єкта...",
+    "ra_Press CTRL+ENTER to confirm": "Натисніть CTRL+ENTER для підтвердження",
     "ra_Product": "Продукт",
     "ra_Quality code": "якість",
     "ra_Recently used colors": "Нещодавно використані",

package/i18n/zh-cn.json

@@ -144,6 +144,7 @@
     "ra_Please confirm": "请确认",
     "ra_Please select file...": "请选择文件...",
     "ra_Please select object ID...": "请选择对象ID ...",
+    "ra_Press CTRL+ENTER to confirm": "按CTRL + ENTER确认",
     "ra_Product": "产品",
     "ra_Quality code": "质量代码",
     "ra_Recently used colors": "最近使用",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/gui-components",
-  "version": "10.3.6",
+  "version": "10.3.8",
   "description": "Shared React components (React 19 / MUI 9) to develop ioBroker interfaces. Successor of @iobroker/adapter-react-v5.",
   "author": {
     "name": "bluefox",
@@ -57,10 +57,10 @@
   "dependencies": {
     "@iobroker/js-controller-common": "^7.2.3",
     "@iobroker/js-controller-common-db": "^7.2.3",
-    "@iobroker/socket-client": "^5.3.0",
+    "@iobroker/socket-client": "^5.4.0",
     "@iobroker/type-detector": "^6.0.1",
     "@iobroker/types": "^7.2.3",
-    "@sentry/browser": "^11.0.0",
+    "@sentry/browser": "^11.1.0",
     "cronstrue": "^3.27.0",
     "file-selector": "^5.0.1",
     "react-colorful": "^5.8.1",