npm - @iobroker/gui-components - Versions diffs - 10.3.15 → 10.4.0 - Mend

@iobroker/gui-components 10.3.15 → 10.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/README.md +21 -1
package/build/Components/AnimatedIcons/IconCopyToClipboard.d.ts +25 -0
package/build/Components/AnimatedIcons/IconCopyToClipboard.js +84 -0
package/build/Components/AnimatedIcons/IconCopyToClipboard.js.map +1 -0
package/build/Components/AnimatedIcons/IconFilter.d.ts +23 -0
package/build/Components/AnimatedIcons/IconFilter.js +26 -0
package/build/Components/AnimatedIcons/IconFilter.js.map +1 -0
package/build/Components/AnimatedIcons/IconFolder.d.ts +6 -0
package/build/Components/AnimatedIcons/IconFolder.js +2 -1
package/build/Components/AnimatedIcons/IconFolder.js.map +1 -1
package/build/Components/AnimatedIcons/IconThemeMode.d.ts +22 -0
package/build/Components/AnimatedIcons/IconThemeMode.js +32 -0
package/build/Components/AnimatedIcons/IconThemeMode.js.map +1 -0
package/build/Components/AnimatedIcons/IconUpload.d.ts +24 -0
package/build/Components/AnimatedIcons/IconUpload.js +37 -0
package/build/Components/AnimatedIcons/IconUpload.js.map +1 -0
package/build/Components/AnimatedIcons/common.d.ts +2 -0
package/build/Components/AnimatedIcons/common.js +64 -5
package/build/Components/AnimatedIcons/common.js.map +1 -1
package/build/Components/ColorPicker.js +4 -3
package/build/Components/ColorPicker.js.map +1 -1
package/build/Components/FileBrowser.d.ts +6 -0
package/build/Components/FileBrowser.js +54 -12
package/build/Components/FileBrowser.js.map +1 -1
package/build/Components/FileViewer.js +3 -2
package/build/Components/FileViewer.js.map +1 -1
package/build/Components/ObjectBrowser/ObjectBrowserClass.d.ts +15 -0
package/build/Components/ObjectBrowser/ObjectBrowserClass.js +134 -6
package/build/Components/ObjectBrowser/ObjectBrowserClass.js.map +1 -1
package/build/Components/ObjectBrowser/contextMenu.js +3 -2
package/build/Components/ObjectBrowser/contextMenu.js.map +1 -1
package/build/Components/ObjectBrowser/renderLeaf.js +78 -59
package/build/Components/ObjectBrowser/renderLeaf.js.map +1 -1
package/build/Components/ObjectBrowser/rowAnimation.d.ts +25 -1
package/build/Components/ObjectBrowser/rowAnimation.js +46 -19
package/build/Components/ObjectBrowser/rowAnimation.js.map +1 -1
package/build/Components/ObjectBrowser/skeleton.d.ts +15 -0
package/build/Components/ObjectBrowser/skeleton.js +106 -0
package/build/Components/ObjectBrowser/skeleton.js.map +1 -0
package/build/Components/ObjectBrowser/styles.js +16 -11
package/build/Components/ObjectBrowser/styles.js.map +1 -1
package/build/Components/ObjectBrowser/toolbar.js +18 -14
package/build/Components/ObjectBrowser/toolbar.js.map +1 -1
package/build/Components/ObjectBrowser/utils.d.ts +4 -0
package/build/Components/ObjectBrowser/utils.js +4 -0
package/build/Components/ObjectBrowser/utils.js.map +1 -1
package/build/Components/SaveCloseButtons.d.ts +12 -1
package/build/Components/SaveCloseButtons.js +38 -2
package/build/Components/SaveCloseButtons.js.map +1 -1
package/build/Components/ToggleThemeMenu.js +11 -8
package/build/Components/ToggleThemeMenu.js.map +1 -1
package/build/Components/TreeTable.d.ts +16 -0
package/build/Components/TreeTable.js +106 -18
package/build/Components/TreeTable.js.map +1 -1
package/build/Dialogs/ComplexCron.js +3 -2
package/build/Dialogs/ComplexCron.js.map +1 -1
package/build/Dialogs/Error.js +3 -2
package/build/Dialogs/Error.js.map +1 -1
package/build/index.d.ts +4 -0
package/build/index.js +4 -0
package/build/index.js.map +1 -1
package/package.json +5 -5

package/build/Components/ObjectBrowser/contextMenu.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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 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 CHANGED Viewed

@@ -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, } 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) {
@@ -179,6 +180,36 @@ export function renderColumnButtons(that, id, item) {
             React.createElement(IconConfig, { style: styles.cellButtonsButtonIcon }))) : null,
     ];
 }
+const TREND_ARROW = {
+    up: 'M12 3L20.5 12.5H15V21H9V12.5H3.5Z',
+    down: 'M12 21L20.5 11.5H15V3H9V11.5H3.5Z',
+};
+/** 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 (`valueTrends`) or the last confirmation of
+ * a command (`valueAcks`), if it is still to be shown
+ */
+function getRecentChange(changes, id, duration) {
+    const change = changes[id];
+    if (!change) {
+        return undefined;
+    }
+    const now = Date.now();
+    if (change.shown === undefined) {
+        change.shown = now;
+    }
+    // A change of a row that was not visible is not shown later
+    if (now - change.shown > duration || now - change.ts > duration + 1000) {
+        delete changes[id];
+        return undefined;
+    }
+    return change;
+}
 /**
  * This function renders the value in different forms in the table
  *
@@ -206,8 +237,12 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
     }
     that.recordState(id, id);
     const state = that.states[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
+        const flip = trend?.dir === 'toggle' && Date.now() - trend.ts < 1000 ? ' iob-ob-flip' : '';
         const { valText } = formatValue({
             state,
             obj: obj,
@@ -219,7 +254,7 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
         });
         const valTextRx = [];
         item.data.state = { valTextRx };
-        valTextRx.push(React.createElement("span", { className: `newValueBrowser-${that.props.themeType || 'light'}`, key: `${valText.v.toString()}valText`, style: {
+        valTextRx.push(React.createElement("span", { className: `newValueBrowser-${that.props.themeType || 'light'}${flip}`, key: `${valText.v.toString()}valText`, style: {
                 whiteSpace: 'nowrap',
                 display: 'inline-block',
                 overflow: 'hidden',
@@ -236,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;
@@ -269,6 +304,26 @@ export function renderColumnValue(that, id, item, narrowStyleWithDetails) {
             ];
         }
     }
+    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 },
             tooltip: { sx: styles.cellValueTooltip },
@@ -276,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)',
                 },
@@ -547,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;
@@ -644,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),
@@ -656,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 = [
@@ -932,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;