@iobroker/gui-components 10.3.16 → 10.4.0

package/build/Components/ObjectBrowser/contextMenu.js

@@ -7,12 +7,13 @@
  */
 import React from 'react';
 import { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
-import { Add as AddIcon, ArrowRight as ArrowRightIcon, BedroomParent, BorderColor, Construction, CreateNewFolder as IconFolder, Delete as IconDelete, Edit as IconEdit, FindInPage, FormatItalic as IconValueEdit, Link as IconLink, Settings as IconConfig, DriveFileRenameOutline, Title as IconName, } from '@mui/icons-material';
+import { Add as AddIcon, ArrowRight as ArrowRightIcon, BedroomParent, BorderColor, Construction, CreateNewFolder as IconFolder, Edit as IconEdit, FindInPage, FormatItalic as IconValueEdit, Link as IconLink, Settings as IconConfig, DriveFileRenameOutline, Title as IconName, } from '@mui/icons-material';
 import { IconChannel } from '../../icons/IconChannel';
 import { IconDevice } from '../../icons/IconDevice';
 import { IconState } from '../../icons/IconState';
 import { findEnumsForObjectAsIds, getName, isNonExpertId } from './utils';
 import { styles } from './styles';
+import { IconTrash } from '../AnimatedIcons/IconTrash';
 /**
  * Renders the right mouse button context menu
  */
@@ -296,7 +297,7 @@ export function renderContextMenu(that) {
             visibility: !!(that.props.onObjectDelete &&
                 (item.children?.length || (obj && !obj.common?.dontDelete)) &&
                 that.isDeleteAllowed(id)),
-            icon: (React.createElement(IconDelete, { fontSize: "small", style: that.styles.contextMenuDelete })),
+            icon: (React.createElement(IconTrash, { fontSize: "small", style: that.styles.contextMenuDelete })),
             style: that.styles.contextMenuDelete,
             label: that.texts.deleteObject,
             onClick: () => that.setState({ showContextMenu: null }, () => that.showDeleteDialog({

package/build/Components/ObjectBrowser/contextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.js","sourceRoot":"./src/","sources":["Components/ObjectBrowser/contextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>\n *\n * MIT License\n *\n * Part of the object browser, see ./ObjectBrowserClass.tsx\n */\nimport React, { type JSX } from 'react';\nimport { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';\nimport {\n    Add as AddIcon,\n    ArrowRight as ArrowRightIcon,\n    BedroomParent,\n    BorderColor,\n    Construction,\n    CreateNewFolder as IconFolder,\n    Delete as IconDelete,\n    Edit as IconEdit,\n    FindInPage,\n    FormatItalic as IconValueEdit,\n    Link as IconLink,\n    Settings as IconConfig,\n    DriveFileRenameOutline,\n    Title as IconName,\n} from '@mui/icons-material';\nimport { IconChannel } from '../../icons/IconChannel';\nimport { IconDevice } from '../../icons/IconDevice';\nimport { IconState } from '../../icons/IconState';\nimport { findEnumsForObjectAsIds, getName, isNonExpertId } from './utils';\nimport { type ContextMenuItem } from './types';\nimport { styles } from './styles';\nimport type { ObjectBrowserClass } from './ObjectBrowserClass';\n\n/**\n * Renders the right mouse button context menu\n */\nexport function renderContextMenu(that: ObjectBrowserClass): JSX.Element | null {\n    if (!that.state.showContextMenu) {\n        return null;\n    }\n    const item = that.state.showContextMenu.item;\n    const id = item.data.id;\n    const items: JSX.Element[] = [];\n    // const ctrl = isIOS() ? '⌘' : (that.props.lang === 'de' ? 'Strg+' : 'Ctrl+');\n\n    const obj = item.data.obj;\n\n    let showACL = '';\n    if (that.props.objectEditOfAccessControl && that.state.filter.expertMode) {\n        if (!obj) {\n            showACL = '---';\n        } else {\n            const acl = obj.acl ? (obj.type === 'state' ? obj.acl.state : obj.acl.object) : 0;\n            const aclSystemConfig =\n                obj.acl &&\n                (obj.type === 'state'\n                    ? that.systemConfig?.common.defaultNewAcl.state\n                    : that.systemConfig?.common.defaultNewAcl.object);\n            showACL = Number.isNaN(Number(acl)) ? Number(aclSystemConfig).toString(16) : Number(acl).toString(16);\n        }\n    }\n\n    const enumEditable =\n        !that.props.notEditable &&\n        obj &&\n        (that.state.filter.expertMode || obj.type === 'state' || obj.type === 'channel' || obj.type === 'device');\n\n    const createStateVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'channel' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createChannelVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createDeviceVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createFolderVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n\n    const ITEMS: Record<string, ContextMenuItem> = {\n        EDIT: {\n            key: '0',\n            visibility: !!(\n                that.props.objectBrowserEditObject &&\n                obj &&\n                (that.state.filter.expertMode || isNonExpertId(id))\n            ),\n            icon: (\n                <IconEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEdit}\n                />\n            ),\n            label: that.texts.editObject,\n            onClick: () =>\n                that.setState({ editObjectDialog: item.data.id, showContextMenu: null, editObjectAlias: false }),\n        },\n        NAME: {\n            key: '9',\n            // Giving an object a name is an everyday operation, so it is not bound to the expert mode:\n            // whoever may put the object into a room or a function may name it as well. Until now it\n            // was only reachable through \"Edit object\", which the expert mode hides\n            visibility: !!enumEditable,\n            icon: (\n                <IconName\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuName}\n                />\n            ),\n            label: that.props.t('ra_Edit name'),\n            onClick: () => {\n                const name = getName(obj?.common?.name || '', that.props.lang);\n                that.setState({\n                    showContextMenu: null,\n                    showNameDialog: { id: item.data.id, originalName: name, name },\n                });\n            },\n        },\n        EDIT_VALUE: {\n            key: '1',\n            visibility: !!(\n                that.states &&\n                !that.props.notEditable &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file' &&\n                (that.state.filter.expertMode || obj.common.write !== false)\n            ),\n            icon: (\n                <IconValueEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEditValue}\n                />\n            ),\n            label: that.props.t('ra_Edit value'),\n            onClick: () => {\n                that.edit = {\n                    val: that.states[id] ? that.states[id].val : '',\n                    q: that.states[id]?.q || 0,\n                    ack: false,\n                    id,\n                };\n                that.setState({ updateOpened: true, showContextMenu: null });\n            },\n        },\n        VIEW: {\n            visibility:\n                !!that.props.objectBrowserViewFile &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) === 'file',\n            icon: (\n                <FindInPage\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuView}\n                />\n            ),\n            label: that.props.t('ra_View file'),\n            onClick: () => that.setState({ viewFileDialog: obj?._id || '', showContextMenu: null }),\n        },\n        CUSTOM: {\n            key: '2',\n            visibility: !(\n                that.props.objectCustomDialog &&\n                that.info.hasSomeCustoms &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconConfig\n                    fontSize=\"small\"\n                    style={\n                        item.data.hasCustoms\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            style: that.styles.contextMenuCustom,\n            label: that.texts.customConfig,\n            onClick: () => {\n                that.pauseSubscribe(true);\n                that.props.router?.doNavigate(null, 'customs', id);\n                that.setState({ customDialog: [id], showContextMenu: null });\n            },\n        },\n        ACL: {\n            key: '3',\n            visibility: !!showACL,\n            icon: showACL,\n            iconStyle: { fontSize: 'smaller' },\n            listItemIconStyle: that.styles.contextMenuACL,\n            style: that.styles.contextMenuACL,\n            label: that.props.t('ra_Edit ACL'),\n            onClick: () =>\n                that.setState({\n                    showContextMenu: null,\n                    modalEditOfAccess: true,\n                    modalEditOfAccessObjData: item.data,\n                }),\n        },\n        ROLE: {\n            key: '4',\n            visibility: !!(that.state.filter.expertMode && enumEditable && that.props.objectBrowserEditRole),\n            icon: (\n                <BorderColor\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit role'),\n            onClick: () => that.setState({ roleDialog: item.data.id, showContextMenu: null }),\n        },\n        FUNCTION: {\n            key: '5',\n            visibility: !!enumEditable,\n            icon: (\n                <BedroomParent\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit function'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'funcEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'func',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ROOM: {\n            key: '6',\n            visibility: !!enumEditable,\n            icon: (\n                <Construction\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRoom}\n                />\n            ),\n            label: that.props.t('ra_Edit room'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'roomEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'room',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ALIAS: {\n            key: '7',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectBrowserAliasEditor &&\n                that.props.objectBrowserEditObject &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconLink\n                    style={\n                        obj?.common?.alias\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            label:\n                that.info.aliasesMap[item.data.id] || item.data.id.startsWith('alias.0.')\n                    ? that.props.t('ra_Edit alias')\n                    : that.props.t('ra_Create alias'),\n            onClick: () => {\n                if (obj?.common?.alias) {\n                    that.setState({ showContextMenu: null, editObjectDialog: item.data.id, editObjectAlias: true });\n                } else {\n                    that.setState({ showContextMenu: null, showAliasEditor: item.data.id });\n                }\n            },\n        },\n        CREATE: {\n            key: '+',\n            visibility:\n                (item.data.id.startsWith('0_userdata.0') || item.data.id.startsWith('javascript.')) &&\n                (createStateVisible || createChannelVisible || createDeviceVisible || createFolderVisible),\n            icon: (\n                <AddIcon\n                    fontSize=\"small\"\n                    style={that.styles.cellButtonsButtonWithCustoms}\n                />\n            ),\n            style: styles.contextMenuWithSubMenu,\n            label: that.texts.create,\n            subMenu: [\n                {\n                    label: that.texts.createBooleanState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'boolean'),\n                },\n                {\n                    label: that.texts.createNumberState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'number'),\n                },\n                {\n                    label: that.texts.createStringState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'string'),\n                },\n                {\n                    label: that.texts.createState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state'),\n                },\n                {\n                    label: that.texts.createChannel,\n                    visibility: createChannelVisible,\n                    icon: <IconChannel fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'channel'),\n                },\n                {\n                    label: that.texts.createDevice,\n                    visibility: createDeviceVisible,\n                    icon: <IconDevice fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'device'),\n                },\n                {\n                    label: that.texts.createFolder,\n                    icon: <IconFolder fontSize=\"small\" />,\n                    visibility: createFolderVisible,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'folder'),\n                },\n            ],\n        },\n        RENAME: {\n            key: '8',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectMoveRenameDialog &&\n                !item.data.id.startsWith('system.') &&\n                item.data.id.split('.').length > 2 &&\n                (that.props.expertMode ||\n                    item.data.id.startsWith('javascript.0.') ||\n                    item.data.id.startsWith('0_userdata.0.'))\n            ),\n            icon: <DriveFileRenameOutline />,\n            label: that.props.t('ra_Rename_Move_Copy'),\n            onClick: () => {\n                const ids = Object.keys(that.objects);\n                const parentId = `${item.data.id}.`;\n                that.setState({\n                    showContextMenu: null,\n                    showRenameDialog: {\n                        id: item.data.id,\n                        childrenIds: ids.filter(id => id.startsWith(parentId)),\n                    },\n                });\n            },\n        },\n        DELETE: {\n            key: 'Delete',\n            visibility: !!(\n                that.props.onObjectDelete &&\n                (item.children?.length || (obj && !obj.common?.dontDelete)) &&\n                that.isDeleteAllowed(id)\n            ),\n            icon: (\n                <IconDelete\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuDelete}\n                />\n            ),\n            style: that.styles.contextMenuDelete,\n            label: that.texts.deleteObject,\n            onClick: () =>\n                that.setState({ showContextMenu: null }, () =>\n                    that.showDeleteDialog({\n                        id,\n                        obj: obj || ({} as ioBroker.Object),\n                        item,\n                    }),\n                ),\n        },\n    };\n\n    Object.keys(ITEMS).forEach(key => {\n        if (ITEMS[key].visibility) {\n            if (ITEMS[key].subMenu) {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        href=\"\"\n                        onClick={(e: React.MouseEvent<HTMLAnchorElement>) =>\n                            that.state.showContextMenu &&\n                            that.setState({\n                                showContextMenu: {\n                                    item: that.state.showContextMenu.item,\n                                    position: that.state.showContextMenu.position,\n                                    subItem: key,\n                                    subAnchor: e.target as HTMLLIElement,\n                                },\n                            })\n                        }\n                        style={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>\n                            {ITEMS[key].label}\n                            ...\n                        </ListItemText>\n                        <div style={{ ...styles.contextMenuKeys, opacity: 1 }}>\n                            <ArrowRightIcon />\n                        </div>\n                    </MenuItem>,\n                );\n\n                if (that.state.showContextMenu?.subItem === key) {\n                    items.push(\n                        <Menu\n                            key=\"subContextMenu\"\n                            open={!0}\n                            anchorEl={that.state.showContextMenu.subAnchor}\n                            onClose={() => {\n                                if (that.state.showContextMenu) {\n                                    that.setState({\n                                        showContextMenu: {\n                                            item: that.state.showContextMenu.item,\n                                            position: that.state.showContextMenu.position,\n                                        },\n                                    });\n                                }\n                                that.contextMenu = null;\n                            }}\n                        >\n                            {ITEMS[key].subMenu?.map(subItem =>\n                                subItem.visibility ? (\n                                    <MenuItem\n                                        key={subItem.label}\n                                        onClick={subItem.onClick}\n                                        style={subItem.style}\n                                    >\n                                        <ListItemIcon\n                                            style={{\n                                                ...subItem.iconStyle,\n                                                ...(subItem.listItemIconStyle || undefined),\n                                            }}\n                                        >\n                                            {subItem.icon}\n                                        </ListItemIcon>\n                                        <ListItemText>{subItem.label}</ListItemText>\n                                    </MenuItem>\n                                ) : null,\n                            )}\n                        </Menu>,\n                    );\n                }\n            } else {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        onClick={ITEMS[key].onClick}\n                        sx={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>{ITEMS[key].label}</ListItemText>\n                        {ITEMS[key].key ? (\n                            <div style={styles.contextMenuKeys}>\n                                {`Alt+${ITEMS[key].key === 'Delete' ? that.props.t('ra_Del') : ITEMS[key].key}`}\n                            </div>\n                        ) : null}\n                    </MenuItem>,\n                );\n            }\n        }\n    });\n\n    if (!items.length) {\n        setTimeout(() => that.setState({ showContextMenu: null }), 100);\n        return null;\n    }\n\n    return (\n        <Menu\n            key=\"contextMenu\"\n            open={!0}\n            onKeyUp={e => {\n                e.preventDefault();\n                if (e.altKey) {\n                    Object.keys(ITEMS).forEach(key => {\n                        if (e.key === ITEMS[key].key && ITEMS[key].onClick) {\n                            ITEMS[key].onClick();\n                        }\n                    });\n                }\n            }}\n            anchorReference=\"anchorPosition\"\n            anchorPosition={that.state.showContextMenu.position}\n            onClose={() => {\n                that.setState({ showContextMenu: null });\n                that.contextMenu = null;\n            }}\n        >\n            {items}\n        </Menu>\n    );\n}\n"]}
+{"version":3,"file":"contextMenu.js","sourceRoot":"./src/","sources":["Components/ObjectBrowser/contextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>\n *\n * MIT License\n *\n * Part of the object browser, see ./ObjectBrowserClass.tsx\n */\nimport React, { type JSX } from 'react';\nimport { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';\nimport {\n    Add as AddIcon,\n    ArrowRight as ArrowRightIcon,\n    BedroomParent,\n    BorderColor,\n    Construction,\n    CreateNewFolder as IconFolder,\n    Edit as IconEdit,\n    FindInPage,\n    FormatItalic as IconValueEdit,\n    Link as IconLink,\n    Settings as IconConfig,\n    DriveFileRenameOutline,\n    Title as IconName,\n} from '@mui/icons-material';\nimport { IconChannel } from '../../icons/IconChannel';\nimport { IconDevice } from '../../icons/IconDevice';\nimport { IconState } from '../../icons/IconState';\nimport { findEnumsForObjectAsIds, getName, isNonExpertId } from './utils';\nimport { type ContextMenuItem } from './types';\nimport { styles } from './styles';\nimport { IconTrash } from '../AnimatedIcons/IconTrash';\nimport type { ObjectBrowserClass } from './ObjectBrowserClass';\n\n/**\n * Renders the right mouse button context menu\n */\nexport function renderContextMenu(that: ObjectBrowserClass): JSX.Element | null {\n    if (!that.state.showContextMenu) {\n        return null;\n    }\n    const item = that.state.showContextMenu.item;\n    const id = item.data.id;\n    const items: JSX.Element[] = [];\n    // const ctrl = isIOS() ? '⌘' : (that.props.lang === 'de' ? 'Strg+' : 'Ctrl+');\n\n    const obj = item.data.obj;\n\n    let showACL = '';\n    if (that.props.objectEditOfAccessControl && that.state.filter.expertMode) {\n        if (!obj) {\n            showACL = '---';\n        } else {\n            const acl = obj.acl ? (obj.type === 'state' ? obj.acl.state : obj.acl.object) : 0;\n            const aclSystemConfig =\n                obj.acl &&\n                (obj.type === 'state'\n                    ? that.systemConfig?.common.defaultNewAcl.state\n                    : that.systemConfig?.common.defaultNewAcl.object);\n            showACL = Number.isNaN(Number(acl)) ? Number(aclSystemConfig).toString(16) : Number(acl).toString(16);\n        }\n    }\n\n    const enumEditable =\n        !that.props.notEditable &&\n        obj &&\n        (that.state.filter.expertMode || obj.type === 'state' || obj.type === 'channel' || obj.type === 'device');\n\n    const createStateVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'channel' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createChannelVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createDeviceVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createFolderVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n\n    const ITEMS: Record<string, ContextMenuItem> = {\n        EDIT: {\n            key: '0',\n            visibility: !!(\n                that.props.objectBrowserEditObject &&\n                obj &&\n                (that.state.filter.expertMode || isNonExpertId(id))\n            ),\n            icon: (\n                <IconEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEdit}\n                />\n            ),\n            label: that.texts.editObject,\n            onClick: () =>\n                that.setState({ editObjectDialog: item.data.id, showContextMenu: null, editObjectAlias: false }),\n        },\n        NAME: {\n            key: '9',\n            // Giving an object a name is an everyday operation, so it is not bound to the expert mode:\n            // whoever may put the object into a room or a function may name it as well. Until now it\n            // was only reachable through \"Edit object\", which the expert mode hides\n            visibility: !!enumEditable,\n            icon: (\n                <IconName\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuName}\n                />\n            ),\n            label: that.props.t('ra_Edit name'),\n            onClick: () => {\n                const name = getName(obj?.common?.name || '', that.props.lang);\n                that.setState({\n                    showContextMenu: null,\n                    showNameDialog: { id: item.data.id, originalName: name, name },\n                });\n            },\n        },\n        EDIT_VALUE: {\n            key: '1',\n            visibility: !!(\n                that.states &&\n                !that.props.notEditable &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file' &&\n                (that.state.filter.expertMode || obj.common.write !== false)\n            ),\n            icon: (\n                <IconValueEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEditValue}\n                />\n            ),\n            label: that.props.t('ra_Edit value'),\n            onClick: () => {\n                that.edit = {\n                    val: that.states[id] ? that.states[id].val : '',\n                    q: that.states[id]?.q || 0,\n                    ack: false,\n                    id,\n                };\n                that.setState({ updateOpened: true, showContextMenu: null });\n            },\n        },\n        VIEW: {\n            visibility:\n                !!that.props.objectBrowserViewFile &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) === 'file',\n            icon: (\n                <FindInPage\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuView}\n                />\n            ),\n            label: that.props.t('ra_View file'),\n            onClick: () => that.setState({ viewFileDialog: obj?._id || '', showContextMenu: null }),\n        },\n        CUSTOM: {\n            key: '2',\n            visibility: !(\n                that.props.objectCustomDialog &&\n                that.info.hasSomeCustoms &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconConfig\n                    fontSize=\"small\"\n                    style={\n                        item.data.hasCustoms\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            style: that.styles.contextMenuCustom,\n            label: that.texts.customConfig,\n            onClick: () => {\n                that.pauseSubscribe(true);\n                that.props.router?.doNavigate(null, 'customs', id);\n                that.setState({ customDialog: [id], showContextMenu: null });\n            },\n        },\n        ACL: {\n            key: '3',\n            visibility: !!showACL,\n            icon: showACL,\n            iconStyle: { fontSize: 'smaller' },\n            listItemIconStyle: that.styles.contextMenuACL,\n            style: that.styles.contextMenuACL,\n            label: that.props.t('ra_Edit ACL'),\n            onClick: () =>\n                that.setState({\n                    showContextMenu: null,\n                    modalEditOfAccess: true,\n                    modalEditOfAccessObjData: item.data,\n                }),\n        },\n        ROLE: {\n            key: '4',\n            visibility: !!(that.state.filter.expertMode && enumEditable && that.props.objectBrowserEditRole),\n            icon: (\n                <BorderColor\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit role'),\n            onClick: () => that.setState({ roleDialog: item.data.id, showContextMenu: null }),\n        },\n        FUNCTION: {\n            key: '5',\n            visibility: !!enumEditable,\n            icon: (\n                <BedroomParent\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit function'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'funcEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'func',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ROOM: {\n            key: '6',\n            visibility: !!enumEditable,\n            icon: (\n                <Construction\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRoom}\n                />\n            ),\n            label: that.props.t('ra_Edit room'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'roomEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'room',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ALIAS: {\n            key: '7',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectBrowserAliasEditor &&\n                that.props.objectBrowserEditObject &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconLink\n                    style={\n                        obj?.common?.alias\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            label:\n                that.info.aliasesMap[item.data.id] || item.data.id.startsWith('alias.0.')\n                    ? that.props.t('ra_Edit alias')\n                    : that.props.t('ra_Create alias'),\n            onClick: () => {\n                if (obj?.common?.alias) {\n                    that.setState({ showContextMenu: null, editObjectDialog: item.data.id, editObjectAlias: true });\n                } else {\n                    that.setState({ showContextMenu: null, showAliasEditor: item.data.id });\n                }\n            },\n        },\n        CREATE: {\n            key: '+',\n            visibility:\n                (item.data.id.startsWith('0_userdata.0') || item.data.id.startsWith('javascript.')) &&\n                (createStateVisible || createChannelVisible || createDeviceVisible || createFolderVisible),\n            icon: (\n                <AddIcon\n                    fontSize=\"small\"\n                    style={that.styles.cellButtonsButtonWithCustoms}\n                />\n            ),\n            style: styles.contextMenuWithSubMenu,\n            label: that.texts.create,\n            subMenu: [\n                {\n                    label: that.texts.createBooleanState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'boolean'),\n                },\n                {\n                    label: that.texts.createNumberState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'number'),\n                },\n                {\n                    label: that.texts.createStringState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'string'),\n                },\n                {\n                    label: that.texts.createState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state'),\n                },\n                {\n                    label: that.texts.createChannel,\n                    visibility: createChannelVisible,\n                    icon: <IconChannel fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'channel'),\n                },\n                {\n                    label: that.texts.createDevice,\n                    visibility: createDeviceVisible,\n                    icon: <IconDevice fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'device'),\n                },\n                {\n                    label: that.texts.createFolder,\n                    icon: <IconFolder fontSize=\"small\" />,\n                    visibility: createFolderVisible,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'folder'),\n                },\n            ],\n        },\n        RENAME: {\n            key: '8',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectMoveRenameDialog &&\n                !item.data.id.startsWith('system.') &&\n                item.data.id.split('.').length > 2 &&\n                (that.props.expertMode ||\n                    item.data.id.startsWith('javascript.0.') ||\n                    item.data.id.startsWith('0_userdata.0.'))\n            ),\n            icon: <DriveFileRenameOutline />,\n            label: that.props.t('ra_Rename_Move_Copy'),\n            onClick: () => {\n                const ids = Object.keys(that.objects);\n                const parentId = `${item.data.id}.`;\n                that.setState({\n                    showContextMenu: null,\n                    showRenameDialog: {\n                        id: item.data.id,\n                        childrenIds: ids.filter(id => id.startsWith(parentId)),\n                    },\n                });\n            },\n        },\n        DELETE: {\n            key: 'Delete',\n            visibility: !!(\n                that.props.onObjectDelete &&\n                (item.children?.length || (obj && !obj.common?.dontDelete)) &&\n                that.isDeleteAllowed(id)\n            ),\n            icon: (\n                <IconTrash\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuDelete}\n                />\n            ),\n            style: that.styles.contextMenuDelete,\n            label: that.texts.deleteObject,\n            onClick: () =>\n                that.setState({ showContextMenu: null }, () =>\n                    that.showDeleteDialog({\n                        id,\n                        obj: obj || ({} as ioBroker.Object),\n                        item,\n                    }),\n                ),\n        },\n    };\n\n    Object.keys(ITEMS).forEach(key => {\n        if (ITEMS[key].visibility) {\n            if (ITEMS[key].subMenu) {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        href=\"\"\n                        onClick={(e: React.MouseEvent<HTMLAnchorElement>) =>\n                            that.state.showContextMenu &&\n                            that.setState({\n                                showContextMenu: {\n                                    item: that.state.showContextMenu.item,\n                                    position: that.state.showContextMenu.position,\n                                    subItem: key,\n                                    subAnchor: e.target as HTMLLIElement,\n                                },\n                            })\n                        }\n                        style={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>\n                            {ITEMS[key].label}\n                            ...\n                        </ListItemText>\n                        <div style={{ ...styles.contextMenuKeys, opacity: 1 }}>\n                            <ArrowRightIcon />\n                        </div>\n                    </MenuItem>,\n                );\n\n                if (that.state.showContextMenu?.subItem === key) {\n                    items.push(\n                        <Menu\n                            key=\"subContextMenu\"\n                            open={!0}\n                            anchorEl={that.state.showContextMenu.subAnchor}\n                            onClose={() => {\n                                if (that.state.showContextMenu) {\n                                    that.setState({\n                                        showContextMenu: {\n                                            item: that.state.showContextMenu.item,\n                                            position: that.state.showContextMenu.position,\n                                        },\n                                    });\n                                }\n                                that.contextMenu = null;\n                            }}\n                        >\n                            {ITEMS[key].subMenu?.map(subItem =>\n                                subItem.visibility ? (\n                                    <MenuItem\n                                        key={subItem.label}\n                                        onClick={subItem.onClick}\n                                        style={subItem.style}\n                                    >\n                                        <ListItemIcon\n                                            style={{\n                                                ...subItem.iconStyle,\n                                                ...(subItem.listItemIconStyle || undefined),\n                                            }}\n                                        >\n                                            {subItem.icon}\n                                        </ListItemIcon>\n                                        <ListItemText>{subItem.label}</ListItemText>\n                                    </MenuItem>\n                                ) : null,\n                            )}\n                        </Menu>,\n                    );\n                }\n            } else {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        onClick={ITEMS[key].onClick}\n                        sx={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>{ITEMS[key].label}</ListItemText>\n                        {ITEMS[key].key ? (\n                            <div style={styles.contextMenuKeys}>\n                                {`Alt+${ITEMS[key].key === 'Delete' ? that.props.t('ra_Del') : ITEMS[key].key}`}\n                            </div>\n                        ) : null}\n                    </MenuItem>,\n                );\n            }\n        }\n    });\n\n    if (!items.length) {\n        setTimeout(() => that.setState({ showContextMenu: null }), 100);\n        return null;\n    }\n\n    return (\n        <Menu\n            key=\"contextMenu\"\n            open={!0}\n            onKeyUp={e => {\n                e.preventDefault();\n                if (e.altKey) {\n                    Object.keys(ITEMS).forEach(key => {\n                        if (e.key === ITEMS[key].key && ITEMS[key].onClick) {\n                            ITEMS[key].onClick();\n                        }\n                    });\n                }\n            }}\n            anchorReference=\"anchorPosition\"\n            anchorPosition={that.state.showContextMenu.position}\n            onClose={() => {\n                that.setState({ showContextMenu: null });\n                that.contextMenu = null;\n            }}\n        >\n            {items}\n        </Menu>\n    );\n}\n"]}

package/build/Components/ObjectBrowser/renderLeaf.js

@@ -8,14 +8,15 @@
 import React from 'react';
 import { Utils } from '../Utils';
 import { Box, Checkbox, Grid, IconButton, Paper, Switch, Tooltip } from '@mui/material';
-import { Edit as IconEdit, Error as IconError, Settings as IconConfig, Wifi as IconConnection, WifiOff as IconDisconnected, } from '@mui/icons-material';
-import { IconCopy } from '../../icons/IconCopy';
+import { Edit as IconEdit, Error as IconError, Settings as IconConfig } from '@mui/icons-material';
 import { IconDocument } from '../../icons/IconDocument';
 import { IconDocumentReadOnly } from '../../icons/IconDocumentReadOnly';
 import { Icon } from '../Icon';
 import { IconTrash } from '../AnimatedIcons/IconTrash';
 import { IconFolder } from '../AnimatedIcons/IconFolder';
-import { ButtonIcon, colGrow, colWidth, binarySearch, findEnumsForObjectAsIds, findFunctionsForObject, findRoomsForObject, formatValue, getCustomValue, getIdFieldTooltip, getObjectTooltip, getValueStyle, isNonExpertId, COLOR_NAME_USERDATA, COLOR_NAME_ALIAS, COLOR_NAME_JAVASCRIPT, COLOR_NAME_SYSTEM, COLOR_NAME_SYSTEM_ADAPTER, ROW_HEIGHT, TREND_DURATION, } from './utils';
+import { IconConnectionState } from '../AnimatedIcons/IconConnectionState';
+import { IconCopyToClipboard } from '../AnimatedIcons/IconCopyToClipboard';
+import { ButtonIcon, colGrow, colWidth, binarySearch, findEnumsForObjectAsIds, findFunctionsForObject, findRoomsForObject, formatValue, getCustomValue, getIdFieldTooltip, getObjectTooltip, getValueStyle, isNonExpertId, COLOR_NAME_USERDATA, COLOR_NAME_ALIAS, COLOR_NAME_JAVASCRIPT, COLOR_NAME_SYSTEM, COLOR_NAME_SYSTEM_ADAPTER, ROW_HEIGHT, TREND_DURATION, ACK_DURATION, } from './utils';
 import { styles } from './styles';
 import { COLOR_NAME_CONNECTED_DARK, COLOR_NAME_CONNECTED_LIGHT, COLOR_NAME_DISCONNECTED_DARK, COLOR_NAME_DISCONNECTED_LIGHT, COLOR_NAME_ERROR_DARK, COLOR_NAME_ERROR_LIGHT, DEFAULT_DATE_FORMAT, ITEM_IMAGES, } from './constants';
 export function renderTooltipAccessControl(that, acl) {
@@ -183,30 +184,31 @@ const TREND_ARROW = {
     up: 'M12 3L20.5 12.5H15V21H9V12.5H3.5Z',
     down: 'M12 21L20.5 11.5H15V3H9V11.5H3.5Z',
 };
-/** The arrow of a row that is mounted again (e.g. after scrolling) continues where it was */
+/** The arrow or check mark of a row that is mounted again (e.g. after scrolling) continues where it was */
 function continueTrendAnimation(el) {
     if (el) {
         el.style.animationDelay = `${Number(el.dataset.shown) - Date.now()}ms`;
     }
 }
 /**
- * Returns the last change of a number or a boolean of this state, if it is still to be shown
+ * Returns the last change of a number or a boolean of this state (`valueTrends`) or the last confirmation of
+ * a command (`valueAcks`), if it is still to be shown
  */
-function getValueTrend(that, id) {
-    const trend = that.valueTrends[id];
-    if (!trend) {
+function getRecentChange(changes, id, duration) {
+    const change = changes[id];
+    if (!change) {
         return undefined;
     }
     const now = Date.now();
-    if (trend.shown === undefined) {
-        trend.shown = now;
+    if (change.shown === undefined) {
+        change.shown = now;
     }
     // A change of a row that was not visible is not shown later
-    if (now - trend.shown > TREND_DURATION || now - trend.ts > TREND_DURATION + 1000) {
-        delete that.valueTrends[id];
+    if (now - change.shown > duration || now - change.ts > duration + 1000) {
+        delete changes[id];
         return undefined;
     }
-    return trend;
+    return change;
 }
 /**
  * This function renders the value in different forms in the table
@@ -235,7 +237,8 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
     }
     that.recordState(id, id);
     const state = that.states[id];
-    const trend = getValueTrend(that, id);
+    const trend = getRecentChange(that.valueTrends, id, TREND_DURATION);
+    const ack = getRecentChange(that.valueAcks, id, ACK_DURATION);
     let info = item.data.state;
     if (!info) {
         // A boolean that just changed flips, like a switch
@@ -268,7 +271,7 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
         }
         if (!narrowStyleWithDetails) {
             const copyText = valText.c !== undefined ? valText.c : valText.v || '';
-            valTextRx.push(React.createElement(IconCopy, { className: "copyButton", style: that.styles.iconCopy, onClick: e => that.onCopy(e, copyText), key: "cc" }));
+            valTextRx.push(React.createElement(IconCopyToClipboard, { className: "copyButton", style: that.styles.iconCopy, onClick: e => that.onCopy(e, copyText), key: "cc" }));
         }
         // <IconEdit className="copyButton" style={{{ ...styles.cellButtonsValueButton, styles.cellButtonsValueButtonEdit)} key="ce" />
         info = item.data.state;
@@ -301,13 +304,25 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
             ];
         }
     }
-    // A number that just changed shows for some seconds, if it went up or down
-    if (val && val === info.valTextRx && (trend?.dir === 'up' || trend?.dir === 'down')) {
-        const arrow = (React.createElement("span", { key: `trend${trend.ts}`, ref: continueTrendAnimation, "data-shown": trend.shown, className: `iob-ob-trend iob-ob-trend-${trend.dir}`, "aria-hidden": "true" },
-            React.createElement("svg", { viewBox: "0 0 24 24" },
-                React.createElement("path", { d: TREND_ARROW[trend.dir] }))));
-        const copyIndex = val.findIndex(el => el.key === 'cc');
-        val = copyIndex === -1 ? [...val, arrow] : [...val.slice(0, copyIndex), arrow, ...val.slice(copyIndex)];
+    if (val && val === info.valTextRx) {
+        const marks = [];
+        // A number that just changed shows for some seconds, if it went up or down
+        if (trend?.dir === 'up' || trend?.dir === 'down') {
+            marks.push(React.createElement("span", { key: `trend${trend.ts}`, ref: continueTrendAnimation, "data-shown": trend.shown, className: `iob-ob-trend iob-ob-trend-${trend.dir}`, "aria-hidden": "true" },
+                React.createElement("svg", { viewBox: "0 0 24 24" },
+                    React.createElement("path", { d: TREND_ARROW[trend.dir] }))));
+        }
+        // A command (ack=false) that the adapter just confirmed (ack=true) gets a check mark
+        if (ack) {
+            marks.push(React.createElement("span", { key: `ack${ack.ts}`, ref: continueTrendAnimation, "data-shown": ack.shown, className: "iob-ob-ack", "aria-hidden": "true" },
+                React.createElement("svg", { viewBox: "0 0 24 24" },
+                    React.createElement("path", { d: "M5 12.5l4.5 4.5L19 7.5", pathLength: 1 }))));
+        }
+        if (marks.length) {
+            const copyIndex = val.findIndex(el => el.key === 'cc');
+            val =
+                copyIndex === -1 ? [...val, ...marks] : [...val.slice(0, copyIndex), ...marks, ...val.slice(copyIndex)];
+        }
     }
     return (React.createElement(Tooltip, { key: "value", title: that.state.tooltipInfo?.el, slotProps: {
             popper: { sx: styles.cellValueTooltipBox },
@@ -316,6 +331,8 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
         React.createElement(Box, { component: "div", style: info.style, className: item.data.url ? 'iob-link' : undefined, sx: {
                 ...styles.cellValueText,
                 height: narrowStyleWithDetails ? undefined : ROW_HEIGHT,
+                // the color of a not confirmed command changes smoothly to the normal one
+                transition: 'color 0.4s',
                 '& .admin-button:active': {
                     transform: 'translate(0, 2px)',
                 },
@@ -587,65 +604,26 @@ _counter) {
                 // title={that.texts.deviceError}
                 style: that.styles.iconDeviceError }));
         }
+        // onlineId has priority over offlineId
+        let online = null;
         if (ids.onlineId && that.states[ids.onlineId]) {
-            if (!colorSet) {
-                if (that.states[ids.onlineId].val) {
-                    checkColor =
-                        that.props.themeType === 'dark' ? COLOR_NAME_CONNECTED_DARK : COLOR_NAME_CONNECTED_LIGHT;
-                    invertBackground = false;
-                    icons.push(React.createElement(IconConnection, { key: "conn", 
-                        // title={that.texts.deviceError}
-                        style: that.styles.iconDeviceConnected }));
-                }
-                else {
-                    checkColor =
-                        that.props.themeType === 'dark' ? COLOR_NAME_DISCONNECTED_DARK : COLOR_NAME_DISCONNECTED_LIGHT;
-                    invertBackground = false;
-                    icons.push(React.createElement(IconDisconnected, { key: "disc", 
-                        // title={that.texts.deviceError}
-                        style: that.styles.iconDeviceDisconnected }));
-                }
-            }
-            else if (that.states[ids.onlineId].val) {
-                icons.push(React.createElement(IconConnection, { key: "conn", 
-                    // title={that.texts.deviceError}
-                    style: that.styles.iconDeviceConnected }));
-            }
-            else {
-                icons.push(React.createElement(IconDisconnected, { key: "disc", 
-                    // title={that.texts.deviceError}
-                    style: that.styles.iconDeviceDisconnected }));
-            }
+            online = !!that.states[ids.onlineId].val;
         }
         else if (ids.offlineId && that.states[ids.offlineId]) {
+            online = !that.states[ids.offlineId].val;
+        }
+        if (online !== null) {
             if (!colorSet) {
-                if (that.states[ids.offlineId].val) {
-                    checkColor =
-                        that.props.themeType === 'dark' ? COLOR_NAME_DISCONNECTED_DARK : COLOR_NAME_DISCONNECTED_LIGHT;
-                    invertBackground = false;
-                    icons.push(React.createElement(IconDisconnected, { key: "disc", 
-                        // title={that.texts.deviceError}
-                        style: that.styles.iconDeviceDisconnected }));
+                if (that.props.themeType === 'dark') {
+                    checkColor = online ? COLOR_NAME_CONNECTED_DARK : COLOR_NAME_DISCONNECTED_DARK;
                 }
                 else {
-                    checkColor =
-                        that.props.themeType === 'dark' ? COLOR_NAME_CONNECTED_DARK : COLOR_NAME_CONNECTED_LIGHT;
-                    invertBackground = false;
-                    icons.push(React.createElement(IconConnection, { key: "conn", 
-                        // title={that.texts.deviceError}
-                        style: that.styles.iconDeviceConnected }));
+                    checkColor = online ? COLOR_NAME_CONNECTED_LIGHT : COLOR_NAME_DISCONNECTED_LIGHT;
                 }
+                invertBackground = false;
             }
-            else if (that.states[ids.offlineId].val) {
-                icons.push(React.createElement(IconDisconnected, { key: "disc", 
-                    // title={that.texts.deviceError}
-                    style: that.styles.iconDeviceDisconnected }));
-            }
-            else {
-                icons.push(React.createElement(IconConnection, { key: "conn", 
-                    // title={that.texts.deviceError}
-                    style: that.styles.iconDeviceConnected }));
-            }
+            // one element for both states, so that a change is animated: the slash draws itself or disappears
+            icons.push(React.createElement(IconConnectionState, { key: "conn", fontSize: 20, state: online ? 'connected' : 'disconnected', style: online ? that.styles.iconDeviceConnected : that.styles.iconDeviceDisconnected }));
         }
     }
     const q = checkVisibleObjectType ? Utils.quality2text(that.states[id]?.q || 0).join(', ') : null;
@@ -684,7 +662,7 @@ _counter) {
         React.createElement("div", { style: { ...styles.grow, ...(invertBackground ? that.styles.invertedBackgroundFlex : {}) } }),
         React.createElement(Grid, { container: true, sx: { alignItems: 'center', flexShrink: 0 } }, iconItem),
         that.width !== 'xs' ? (React.createElement("div", { style: { flexShrink: 0 } },
-            React.createElement(IconCopy, { className: narrowStyleWithDetails ? '' : 'copyButton', style: styles.cellCopyButton, onClick: e => that.onCopy(e, id) }))) : null));
+            React.createElement(IconCopyToClipboard, { className: narrowStyleWithDetails ? '' : 'copyButton', style: styles.cellCopyButton, onClick: e => that.onCopy(e, id) }))) : null));
     let colName = (narrowStyleWithDetails && name) || that.columnsVisibility.name ? (React.createElement(Box, { component: "div", sx: {
             ...styles.cellName,
             ...(useDesc ? styles.cellNameWithDesc : undefined),
@@ -696,7 +674,7 @@ _counter) {
         } },
         name,
         !narrowStyleWithDetails && item.data?.title ? (React.createElement(Box, { style: { color: checkColor } },
-            React.createElement(IconCopy, { className: "copyButton", style: styles.cellCopyButton, onClick: e => that.onCopy(e, item.data?.title) }))) : null)) : null;
+            React.createElement(IconCopyToClipboard, { className: "copyButton", style: styles.cellCopyButton, onClick: e => that.onCopy(e, item.data?.title) }))) : null)) : null;
     let colMiddle;
     if (!that.state.statesView) {
         colMiddle = [
@@ -972,7 +950,8 @@ _counter) {
             actions.map(action => (React.createElement(Tooltip, { key: action.title, title: action.title, slotProps: { popper: { sx: styles.tooltip } } },
                 React.createElement(IconButton, { size: "small", sx: styles.cellDetailsButton, onClick: action.onClick }, action.icon))))));
         const copyTitle = that.props.t('ra_Copy to clipboard');
-        const copyIcon = React.createElement(IconCopy, { style: styles.cellDetailsIcon });
+        // the check mark is shown after a click on the button around it
+        const copyIcon = React.createElement(IconCopyToClipboard, { style: styles.cellDetailsIcon });
         const editIcon = React.createElement(IconEdit, { style: styles.cellDetailsIcon });
         if (!colCustom?.length) {
             colCustom = null;