Toggle to the object property when clicking on an already selected object

Author: D8H

newIDE/app/src/LayersList/index.js

@@ -31,9 +31,7 @@ import {
   getLayerTreeViewItemId,
   type LayerTreeViewItemProps,
 } from './LayerTreeViewItemContent';
-import {
-  BackgroundColorTreeViewItemContent,
-} from './BackgroundColorTreeViewItemContent';
+import { BackgroundColorTreeViewItemContent } from './BackgroundColorTreeViewItemContent';
 import { type MenuItemTemplate } from '../UI/Menu/Menu.flow';
 import useAlertDialog from '../UI/Alert/useAlertDialog';
 import { type ShowConfirmDeleteDialogOptions } from '../UI/Alert/AlertContext';

newIDE/app/src/ObjectsList/ObjectTreeViewItemContent.js

@@ -241,7 +241,12 @@ export class ObjectTreeViewItemContent implements TreeViewItemContent {
     );
   }
 
-  onClick(): void {}
+  onClick(): void {
+    this.props.selectObjectFolderOrObjectWithContext({
+      objectFolderOrObject: this.object,
+      global: this._isGlobal,
+    });
+  }
 
   rename(newName: string): void {
     if (this.getName() === newName) {

newIDE/app/src/ObjectsList/index.js

@@ -384,6 +384,9 @@ const renderTreeViewItemRightComponent = (i18n: I18nType) => (
 const renameItem = (item: TreeViewItem, newName: string) => {
   item.content.rename(newName);
 };
+const onClickItem = (item: TreeViewItem) => {
+  item.content.onClick();
+};
 const editItem = (item: TreeViewItem) => {
   item.content.edit();
 };
@@ -1575,6 +1578,7 @@ const ObjectsList = React.forwardRef<Props, ObjectsListInterface>(
                       getItemHtmlId={getTreeViewItemHtmlId}
                       getItemDataset={getTreeViewItemDataSet}
                       onEditItem={editItem}
+                      onClickItem={onClickItem}
                       onCollapseItem={onCollapseItem}
                       selectedItems={selectedItems}
                       onSelectItems={items => {