@iobroker/gui-components 10.0.3 → 10.0.4

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.0.3",
+        "@iobroker/gui-components": "^10.0.4",
         "@mui/icons-material": "^9.0.1",
         "@mui/material": "^9.0.1",
         "react": "^19.2.5",
@@ -856,6 +856,10 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 10.0.4 (2026-07-26)
+
+- (@GermanBluefox) Better typing for the `ObjectBrowser` component
+
 ### 10.0.3 (2026-07-25)
 
 - (@GermanBluefox) Split the object browser into the directory `Components/ObjectBrowser` (no API changes)

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

@@ -370,8 +370,10 @@ export interface ObjectBrowserProps {
     onAllLoaded?: () => void;
 
     // components
-    objectCustomDialog?: React.FC<ObjectCustomDialogProps>;
-    objectMoveRenameDialog?: React.FC<ObjectMoveRenameDialogProps>;
+    // These are only ever instantiated via `createElement`, so both class and function components
+    // are valid here - hence `ComponentType` and not the narrower `FC`.
+    objectCustomDialog?: React.ComponentType<ObjectCustomDialogProps>;
+    objectMoveRenameDialog?: React.ComponentType<ObjectMoveRenameDialogProps>;
     objectAddBoolean?: boolean; // optional toolbar button
     objectEditBoolean?: boolean; // optional toolbar button
     objectStatesView?: boolean; // optional toolbar button
@@ -397,15 +399,15 @@ export interface ObjectBrowserProps {
      *   `{common: {role: ['switch', 'button']}` - show only states with roles starting from `switch` and `button`
      */
     customFilter?: ObjectBrowserCustomFilter;
-    objectBrowserValue?: React.FC<ObjectBrowserValueProps>;
-    objectBrowserEditObject?: React.FC<ObjectBrowserEditObjectProps>;
+    objectBrowserValue?: React.ComponentType<ObjectBrowserValueProps>;
+    objectBrowserEditObject?: React.ComponentType<ObjectBrowserEditObjectProps>;
     /** on edit alias */
-    objectBrowserAliasEditor?: React.FC<ObjectAliasEditorProps>;
+    objectBrowserAliasEditor?: React.ComponentType<ObjectAliasEditorProps>;
     /** on Edit role */
-    objectBrowserEditRole?: React.FC<ObjectBrowserEditRoleProps>;
+    objectBrowserEditRole?: React.ComponentType<ObjectBrowserEditRoleProps>;
     /** on view file state */
-    objectBrowserViewFile?: React.FC<ObjectViewFileDialogProps>;
-    objectBrowserInsertJsonObjects?: React.FC<InsertJsonObjectsDialogProps>;
+    objectBrowserViewFile?: React.ComponentType<ObjectViewFileDialogProps>;
+    objectBrowserInsertJsonObjects?: React.ComponentType<InsertJsonObjectsDialogProps>;
     router?: typeof Router;
     types?: ioBroker.ObjectType[];
     /** Possible columns: ['name', 'type', 'role', 'room', 'func', 'val', 'buttons'] */
@@ -421,7 +423,7 @@ export interface ObjectBrowserProps {
      */
     filterFunc?: (obj: ioBroker.Object) => boolean;
     /** Used for enums dragging */
-    DragWrapper?: React.FC<DragWrapperProps>;
+    DragWrapper?: React.ComponentType<DragWrapperProps>;
     /** let DragWrapper know about objects to get the icons */
     setObjectsReference?: (objects: Record<string, ioBroker.Object>) => void;
     dragEnabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/gui-components",
-  "version": "10.0.3",
+  "version": "10.0.4",
   "description": "Shared React components (React 19 / MUI 9) to develop ioBroker interfaces. Successor of @iobroker/adapter-react-v5.",
   "author": {
     "name": "bluefox",