@iobroker/gui-components 10.3.8 → 10.3.9

package/README.md

@@ -36,7 +36,7 @@ npm create vite@latest src -- --template react-ts
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@iobroker/gui-components": "^10.3.8",
+        "@iobroker/gui-components": "^10.3.9",
         "@mui/icons-material": "^9.0.1",
         "@mui/material": "^9.0.1",
         "react": "^19.2.5",
@@ -877,6 +877,9 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 10.3.9 (2026-10-03)
+- (@GermanBluefox) Added: the context menu of the object browser has an entry "Edit name" (Alt+9). Giving an object a name is an everyday operation, so it needs neither the expert mode nor the big "Edit object" dialog, which the expert mode hides - it stands next to "Edit function" and "Edit room" and is offered wherever those are. A name that is translated keeps its other languages: only the language of the GUI is written, and the dialog says which languages stay untouched (ioBroker.admin#3640)
+
 ### 10.3.8 (2026-10-03)
 - (@GermanBluefox) Added: CTRL+ENTER confirms the dialogs of the object browser - the export ("Only selected"), the rooms/functions of a row and "Edit object field" of a custom column. The confirming button of every one of these dialogs carries the hint as a tooltip
 

package/build/Components/ObjectBrowser/ObjectBrowserClass.d.ts

@@ -180,6 +180,7 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
         contextMenuACL?: React.CSSProperties;
         contextMenuRoom?: React.CSSProperties;
         contextMenuRole?: React.CSSProperties;
+        contextMenuName?: React.CSSProperties;
         contextMenuDelete?: React.CSSProperties;
         filterInput?: React.CSSProperties;
         iconCopy?: React.CSSProperties;
@@ -248,6 +249,14 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
      * Renders the error dialog.
      */
     renderErrorDialog(): JSX.Element | null;
+    /**
+     * Writes `common.name` of an object - the context menu entry "Edit name" ends here.
+     *
+     * A name that is translated keeps its other languages: only the language of the GUI is written.
+     * Replacing the whole thing with a plain string, as the "Edit object" dialog does, would throw
+     * away every translation the adapter delivered with the object.
+     */
+    setObjectName(id: string, name: string): Promise<void>;
     /**
      * Show the error dialog.
      */

package/build/Components/ObjectBrowser/ObjectBrowserClass.js

@@ -357,6 +357,7 @@ export class ObjectBrowserClass extends Component {
             showExportDialog: false,
             showImportDialog: false,
             showImportMenu: null,
+            showNameDialog: null,
             showRenameDialog: null,
             statesView,
             toast: '',
@@ -867,6 +868,33 @@ export class ObjectBrowserClass extends Component {
     renderErrorDialog() {
         return dialogs.renderErrorDialog(this);
     }
+    /**
+     * Writes `common.name` of an object - the context menu entry "Edit name" ends here.
+     *
+     * A name that is translated keeps its other languages: only the language of the GUI is written.
+     * Replacing the whole thing with a plain string, as the "Edit object" dialog does, would throw
+     * away every translation the adapter delivered with the object.
+     */
+    async setObjectName(id, name) {
+        try {
+            const obj = await this.props.socket.getObject(id);
+            if (!obj) {
+                this.showError(`Object "${id}" not found`);
+                return;
+            }
+            obj.common ||= {};
+            if (obj.common.name && typeof obj.common.name === 'object') {
+                obj.common.name = { ...obj.common.name, [this.props.lang]: name };
+            }
+            else {
+                obj.common.name = name;
+            }
+            await this.props.socket.setObject(id, obj);
+        }
+        catch (e) {
+            this.showError(e);
+        }
+    }
     /**
      * Show the error dialog.
      */
@@ -2720,6 +2748,7 @@ export class ObjectBrowserClass extends Component {
                 contextMenuACL: Utils.getStyle(this.props.theme, styles.contextMenuACL),
                 contextMenuRoom: Utils.getStyle(this.props.theme, styles.contextMenuRoom),
                 contextMenuRole: Utils.getStyle(this.props.theme, styles.contextMenuRole),
+                contextMenuName: Utils.getStyle(this.props.theme, styles.contextMenuName),
                 contextMenuDelete: Utils.getStyle(this.props.theme, styles.contextMenuDelete),
                 filterInput: Utils.getStyle(this.props.theme, styles.headerCellInput, styles.filterInput),
                 iconCopy: Utils.getStyle(this.props.theme, styles.cellButtonsValueButton, styles.cellButtonsValueButtonCopy),
@@ -2820,6 +2849,7 @@ export class ObjectBrowserClass extends Component {
             dialogs.renderAliasEditorDialog(this),
             dialogs.renderEditRoleDialog(this),
             dialogs.renderEnumDialog(this),
+            dialogs.renderNameDialog(this),
             this.renderErrorDialog(),
             this.renderExportDialog(),
             this.renderRenameDialog(),